:root{--c-bg: #fbf4e6;--c-ink: #221d17;--c-surface: #ffffff;--c-accent: #d96c47;--c-shape-0: #f0a58f;--c-shape-1: #a5c9de;--c-shape-2: #a3c9a2;--c-shape-3: #f1c972;--font-display: "Space Grotesk", system-ui, sans-serif;--font-jp: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--container: 1280px;--header-h: 64px;--radius: 14px;--radius-sm: 8px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 40px;--space-5: 64px;--space-6: 96px;--dur: .4s;--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-jp);font-size:16px;line-height:1.8;overflow-x:hidden}img,svg,video,iframe{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}h1,h2,h3{font-weight:700;line-height:1.3}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}::selection{background:var(--c-accent);color:var(--c-bg)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);display:flex;align-items:center;padding-inline:max(var(--space-3),calc((100% - var(--container)) / 2 + var(--space-3)));padding-block:0;background:color-mix(in srgb,var(--c-bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--c-ink) 8%,transparent)}.site-header__logo{display:block;width:28px;height:28px;margin-right:auto;background-color:var(--c-ink);-webkit-mask:url(/onno-monogram.svg) center / contain no-repeat;mask:url(/onno-monogram.svg) center / contain no-repeat}.site-nav{display:flex;gap:var(--space-4)}.site-nav a{font-family:var(--font-display);font-size:.875rem;font-weight:500;letter-spacing:.04em;color:var(--c-ink);position:relative}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;padding:4px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--c-ink);border-radius:1px;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}@media(max-width:767px){.site-header__logo{width:26px;height:26px}.nav-toggle{display:flex}.site-nav{position:fixed;top:var(--header-h);left:0;right:0;background:var(--c-bg);flex-direction:column;gap:0;padding:var(--space-2) 0;border-bottom:1px solid color-mix(in srgb,var(--c-ink) 10%,transparent);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.site-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav a{display:block;padding:var(--space-2) var(--space-3);font-size:1rem}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-3)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--header-h) + var(--space-6)) var(--space-3) var(--space-5);max-width:var(--container);margin:0 auto}.soft-bg{text-shadow:0 0 4px var(--c-bg),0 0 4px var(--c-bg),0 0 10px var(--c-bg),0 0 18px var(--c-bg),0 0 18px var(--c-bg)}.hero__inner{align-self:flex-start;max-width:100%;text-shadow:0 0 6px var(--c-bg),0 0 12px var(--c-bg),0 0 12px var(--c-bg),0 0 30px var(--c-bg),0 0 30px var(--c-bg)}.hero__title{font-family:var(--font-jp);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--c-ink);margin-bottom:var(--space-3)}.hero__sub{font-size:.95rem;color:color-mix(in srgb,var(--c-ink) 65%,transparent);margin-bottom:var(--space-1)}.hero__fields{font-family:var(--font-display);font-size:.875rem;letter-spacing:.06em;color:var(--c-accent);margin-bottom:var(--space-5)}.hero__scroll{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:.8rem;letter-spacing:.1em;color:color-mix(in srgb,var(--c-ink) 55%,transparent);text-transform:uppercase}.hero__scroll span:after{content:" ↓"}.section{padding:var(--space-6) var(--space-3);max-width:var(--container);margin:0 auto}.section__header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.section__num{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--c-accent)}.section__title{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;letter-spacing:-.01em;color:var(--c-ink)}.section__label{font-size:.8rem;color:color-mix(in srgb,var(--c-ink) 50%,transparent);margin-left:auto;white-space:nowrap}.works-index{border-top:1px solid color-mix(in srgb,var(--c-ink) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c-ink) 12%,transparent);padding:var(--space-4) var(--space-3);background:color-mix(in srgb,var(--c-surface) 55%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.works-index__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;max-width:var(--container);margin:0 auto}.works-index__item{border-right:1px solid color-mix(in srgb,var(--c-ink) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c-ink) 10%,transparent)}.works-index__item:nth-child(2n){border-right:none}.works-index__item:nth-last-child(-n+2){border-bottom:none}.works-index__link{display:grid;grid-template-areas:"num arrow" "name arrow" "sub arrow";grid-template-columns:1fr auto;row-gap:2px;padding:var(--space-3) var(--space-3);color:var(--c-ink)}.works-index__num{grid-area:num;font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--c-accent);letter-spacing:.06em}.works-index__name{grid-area:name;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--c-ink)}.works-index__sub{grid-area:sub;font-size:.75rem;color:color-mix(in srgb,var(--c-ink) 55%,transparent)}.works-index__arrow{grid-area:arrow;align-self:center;font-size:1rem;color:var(--c-ink);transition:transform var(--dur) var(--ease)}@media(min-width:768px){.works-index__grid{grid-template-columns:repeat(6,1fr)}.works-index__item,.works-index__item:nth-child(2n){border-bottom:none;border-right:1px solid color-mix(in srgb,var(--c-ink) 10%,transparent)}.works-index__item:nth-child(6n),.works-index__item:last-child{border-right:none}}.puzzle-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch}@media(min-width:768px){.puzzle-grid{grid-template-columns:repeat(2,1fr);overflow-x:visible}}@media(min-width:1024px){.puzzle-grid{grid-template-columns:repeat(4,1fr)}}.section__lead,.tep__lead{font-size:.9rem;line-height:1.75;color:color-mix(in srgb,var(--c-ink) 75%,transparent);margin-bottom:var(--space-4);max-width:none}.section__lead:empty{display:none}.tep-project__card{background:var(--c-surface);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1fr;box-shadow:0 2px 20px color-mix(in srgb,var(--c-ink) 8%,transparent)}@media(min-width:768px){.tep-project__card{grid-template-columns:1fr 1fr}}.tep-project__visual{aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--c-ink) 6%,transparent)}.tep-project__visual img,.tep-project__visual .tep__svg{width:100%;height:100%;object-fit:cover}.tep-project__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.tep-project__title{font-family:var(--font-jp);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:700;line-height:1.3;color:var(--c-ink)}.tep-project__meta{font-family:var(--font-display);font-size:.8rem;letter-spacing:.04em;color:color-mix(in srgb,var(--c-ink) 55%,transparent)}.tep-project__desc,.tep-project__approach{font-size:.9rem;line-height:1.75;color:color-mix(in srgb,var(--c-ink) 80%,transparent)}.tep-project__roles{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:auto}.section-row{display:block;width:100%}.section--col{max-width:var(--container);width:auto;margin-inline:auto}.coming-soon{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding-top:var(--space-2)}.coming-soon__title{font-family:var(--font-jp);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:var(--c-ink);line-height:1.2}.coming-soon__text{font-size:.9rem;line-height:1.75;color:color-mix(in srgb,var(--c-ink) 75%,transparent)}#ankibeats-block{padding-top:var(--space-2)}.ankibeats__copy{font-family:var(--font-jp);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:var(--c-ink);margin-bottom:var(--space-2)}.ankibeats__desc{font-size:.9rem;line-height:1.75;color:color-mix(in srgb,var(--c-ink) 75%,transparent);margin-bottom:var(--space-3);max-width:none}.ankibeats__cta{margin-top:var(--space-3);display:inline-flex}.feature-grid{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.design-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:768px){.design-grid{grid-template-columns:1fr 1fr}}.about__text{font-size:.95rem;line-height:1.9;color:color-mix(in srgb,var(--c-ink) 80%,transparent);max-width:600px;margin-bottom:var(--space-4)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.contact__text{font-size:.95rem;color:color-mix(in srgb,var(--c-ink) 75%,transparent);margin-bottom:var(--space-3)}.site-footer{border-top:1px solid color-mix(in srgb,var(--c-ink) 10%,transparent);padding:var(--space-3) var(--space-3);display:flex;align-items:center;justify-content:space-between;max-width:var(--container);margin:0 auto}.site-footer small{font-family:var(--font-display);font-size:.75rem;letter-spacing:.04em;color:color-mix(in srgb,var(--c-ink) 45%,transparent)}.site-footer__speed{font-family:var(--font-display);font-size:.75rem;letter-spacing:.04em;color:color-mix(in srgb,var(--c-ink) 45%,transparent);background:none;border:none;padding:0;cursor:pointer;transition:color var(--dur) var(--ease)}@media(pointer:fine){.site-footer__speed:hover{color:var(--c-accent)}}@media(prefers-reduced-motion:reduce){.site-nav,.works-index__arrow{transition:none}}.puzzle-card{background:var(--c-surface);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);position:relative}.puzzle-card__visual{aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--c-ink) 5%,transparent);position:relative}.puzzle-card__img,.puzzle-card__svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur) var(--ease)}.puzzle-card__info{padding:var(--space-2) var(--space-2) var(--space-2)}.puzzle-card__title{font-family:var(--font-jp);font-size:.95rem;font-weight:700;color:var(--c-ink);margin-bottom:4px;line-height:1.4}.puzzle-card__meta{font-family:var(--font-display);font-size:.75rem;letter-spacing:.04em;color:color-mix(in srgb,var(--c-ink) 50%,transparent);margin-bottom:2px}.puzzle-card__role{font-size:.75rem;color:color-mix(in srgb,var(--c-ink) 55%,transparent);line-height:1.4}@media(pointer:fine){.puzzle-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px color-mix(in srgb,var(--c-ink) 16%,transparent)}.puzzle-card:hover .puzzle-card__img,.puzzle-card:hover .puzzle-card__svg{transform:scale(1.04)}}.design-card{background:var(--c-surface);border-radius:var(--radius);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.design-card__visual{aspect-ratio:16 / 9;overflow:hidden;background:color-mix(in srgb,var(--c-ink) 5%,transparent)}.design-card__img,.design-card__svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur) var(--ease)}.design-card__info{padding:var(--space-3);display:flex;flex-direction:column;gap:6px}.design-card__category{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent)}.design-card__title{font-family:var(--font-jp);font-size:1rem;font-weight:700;color:var(--c-ink);line-height:1.35}.design-card__roles{font-size:.75rem;color:color-mix(in srgb,var(--c-ink) 55%,transparent)}.design-card__desc{font-size:.85rem;line-height:1.7;color:color-mix(in srgb,var(--c-ink) 70%,transparent)}.design-card__link{font-family:var(--font-display);font-size:.8rem;font-weight:500;letter-spacing:.04em;color:var(--c-accent);margin-top:var(--space-1);display:inline-block;transition:transform var(--dur) var(--ease)}@media(pointer:fine){.design-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px color-mix(in srgb,var(--c-ink) 14%,transparent)}.design-card:hover .design-card__img,.design-card:hover .design-card__svg{transform:scale(1.04)}.design-card__link:hover{transform:translate(4px)}}.feature-card{background:var(--c-surface);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1fr;box-shadow:0 2px 20px color-mix(in srgb,var(--c-ink) 8%,transparent);transition:box-shadow var(--dur) var(--ease)}@media(min-width:768px){.feature-card{grid-template-columns:1fr 1fr}}.feature-card__visual{aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--c-ink) 6%,transparent)}.feature-card__visual img,.feature-card__visual .card-thumb__svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur) var(--ease)}.feature-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.feature-card__category{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent)}.feature-card__title{font-family:var(--font-jp);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:700;line-height:1.3;color:var(--c-ink)}.feature-card__desc{font-size:.9rem;line-height:1.75;color:color-mix(in srgb,var(--c-ink) 80%,transparent)}.card-cta{align-self:flex-start}.feature-card__body .card-cta,.design-card__info .card-cta{margin-top:auto}.card-thumb__svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur) var(--ease)}@media(pointer:fine){.feature-card:hover{box-shadow:0 8px 40px color-mix(in srgb,var(--c-ink) 14%,transparent)}.feature-card:hover .feature-card__visual img,.feature-card:hover .feature-card__visual .card-thumb__svg,.design-card:hover .card-thumb__svg{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.feature-card,.feature-card__visual img,.feature-card__visual .card-thumb__svg,.card-thumb__svg{transition:none}}.tep-project__card{box-shadow:0 2px 20px color-mix(in srgb,var(--c-ink) 8%,transparent);transition:box-shadow var(--dur) var(--ease)}@media(pointer:fine){.tep-project__card:hover{box-shadow:0 8px 40px color-mix(in srgb,var(--c-ink) 14%,transparent)}}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-family:var(--font-display);font-size:.7rem;font-weight:500;letter-spacing:.04em;background:color-mix(in srgb,var(--c-ink) 10%,transparent);color:var(--c-ink);white-space:nowrap}.tag--accent{background:var(--c-accent);color:var(--c-bg)}.tag--outline{background:transparent;border:1px solid color-mix(in srgb,var(--c-ink) 25%,transparent);color:color-mix(in srgb,var(--c-ink) 75%,transparent)}.skill-tag{display:inline-flex;align-items:center;padding:6px 14px;border-radius:100px;font-family:var(--font-display);font-size:.8rem;font-weight:500;letter-spacing:.03em;background:color-mix(in srgb,var(--tag-color, var(--c-shape-0)) 20%,transparent);color:var(--c-ink);border:1px solid color-mix(in srgb,var(--tag-color, var(--c-shape-0)) 40%,transparent);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.skill-tags__sushi{display:inline-flex;align-items:center}.skill-tag--sushi{cursor:pointer;appearance:none;-webkit-appearance:none;font-weight:700}@media(pointer:fine){.skill-tag--sushi:hover{background:color-mix(in srgb,var(--c-accent) 32%,transparent);transform:translateY(-2px)}}.btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.btn--primary{background:var(--c-accent);color:var(--c-bg);border:2px solid transparent}.btn--outline{background:transparent;color:var(--c-ink);border:1.5px solid color-mix(in srgb,var(--c-ink) 30%,transparent)}.btn--disabled{opacity:.45;cursor:default;pointer-events:none}@media(pointer:fine){.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--c-accent) 35%,transparent)}.btn--outline:hover{border-color:var(--c-ink);transform:translateY(-2px)}}.x-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:12px 24px;border-radius:var(--radius-sm);background:var(--c-ink);color:var(--c-bg);font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.06em;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}@media(pointer:fine){.x-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px color-mix(in srgb,var(--c-ink) 30%,transparent)}}.video-embed{position:relative;aspect-ratio:16 / 9;background:var(--c-ink);border-radius:var(--radius);overflow:hidden;cursor:pointer;width:100%;max-width:720px}.video-embed__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.video-embed__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.video-embed__play svg{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform var(--dur) var(--ease)}.video-embed__iframe{width:100%;height:100%;border:none}@media(pointer:fine){.video-embed:hover .video-embed__thumb{transform:scale(1.02);opacity:.85}.video-embed:hover .video-embed__play svg{transform:scale(1.1)}}.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center}.modal[hidden]{display:none}.modal__overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--c-ink) 72%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal__panel{position:relative;z-index:1;background:var(--c-surface);border-radius:var(--radius);width:min(92vw,800px);max-height:90svh;overflow-y:auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;box-shadow:0 24px 80px color-mix(in srgb,var(--c-ink) 40%,transparent)}.modal__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;background:color-mix(in srgb,var(--c-ink) 10%,transparent);color:var(--c-ink);cursor:pointer;transition:background var(--dur) var(--ease)}@media(pointer:fine){.modal__close:hover{background:color-mix(in srgb,var(--c-ink) 18%,transparent)}}.modal__prev,.modal__next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:color-mix(in srgb,var(--c-ink) 10%,transparent);color:var(--c-ink);cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.modal__prev{left:var(--space-2)}.modal__next{right:var(--space-2)}@media(pointer:fine){.modal__prev:hover{background:color-mix(in srgb,var(--c-ink) 18%,transparent);transform:translateY(-50%) translate(-2px)}.modal__next:hover{background:color-mix(in srgb,var(--c-ink) 18%,transparent);transform:translateY(-50%) translate(2px)}}.modal__content{grid-column:1 / -1;display:grid;grid-template-columns:1fr}@media(min-width:600px){.modal__content{grid-template-columns:1fr 1fr}}.modal__thumb{aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--c-ink) 6%,transparent)}.modal__thumb svg{width:100%;height:100%}.modal__thumb img{width:100%;height:100%;object-fit:cover}.modal__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.modal__title{font-family:var(--font-jp);font-size:1.2rem;font-weight:700;color:var(--c-ink);line-height:1.3}.modal__meta{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.8rem}.modal__meta dt{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--c-ink) 50%,transparent);text-transform:uppercase;font-size:.7rem;align-self:baseline}.modal__meta dd{color:var(--c-ink);align-self:baseline}.modal__description{font-size:.875rem;line-height:1.75;color:color-mix(in srgb,var(--c-ink) 80%,transparent)}.modal__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.modal__link{font-family:var(--font-display);font-size:.8rem;font-weight:500;color:var(--c-accent);display:inline-flex;align-items:center;gap:4px;transition:transform var(--dur) var(--ease)}@media(pointer:fine){.modal__link:hover{transform:translate(4px)}}.modal__counter{font-family:var(--font-display);font-size:.75rem;letter-spacing:.06em;color:color-mix(in srgb,var(--c-ink) 40%,transparent)}.speed-modal__panel{position:relative;z-index:1;background:var(--c-surface);border-radius:calc(var(--radius) + 8px);width:min(92vw,400px);max-height:90svh;overflow-y:auto;padding:var(--space-3);box-shadow:0 30px 90px color-mix(in srgb,var(--c-ink) 38%,transparent);border:1px solid color-mix(in srgb,var(--c-ink) 8%,transparent)}.speed-modal:not([hidden]) .modal__overlay{animation:speed-overlay-in .3s var(--ease) both}.speed-modal:not([hidden]) .speed-modal__panel{animation:speed-panel-in .42s var(--ease) both}@keyframes speed-overlay-in{0%{opacity:0}}@keyframes speed-panel-in{0%{opacity:0;transform:translateY(12px)}}.speed-modal__close{background:transparent;border:1px solid color-mix(in srgb,var(--c-ink) 22%,transparent)}@media(pointer:fine){.speed-modal__close:hover{background:color-mix(in srgb,var(--c-ink) 8%,transparent)}}.speed-modal__frame{position:relative;text-align:center;border:2px dashed color-mix(in srgb,var(--c-accent) 40%,transparent);border-radius:var(--radius);padding:var(--space-4) var(--space-3) var(--space-3)}.speed-modal__badge{display:inline-block;font-family:var(--font-jp);font-size:.8rem;font-weight:700;color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--c-accent) 38%,transparent);padding:5px 16px;border-radius:100px;margin-bottom:var(--space-3)}.speed-modal__title{font-family:var(--font-jp);font-size:clamp(1.8rem,7vw,2.4rem);font-weight:700;letter-spacing:.02em;color:var(--c-ink);margin-bottom:var(--space-1)}.speed-modal__lead{font-size:.88rem;line-height:1.7;color:color-mix(in srgb,var(--c-ink) 58%,transparent)}.speed-modal__value{position:relative;margin:var(--space-4) 0}.speed-modal__value-num{display:block;font-family:var(--font-display);font-size:clamp(3.4rem,18vw,5rem);font-weight:700;line-height:1;color:var(--c-accent);font-variant-numeric:tabular-nums}.speed-modal__value-cap{display:block;margin-top:var(--space-2);font-family:var(--font-jp);font-size:.78rem;letter-spacing:.04em;color:color-mix(in srgb,var(--c-ink) 45%,transparent)}.speed-modal__sparkles{position:absolute;inset:-10% 0;pointer-events:none}.speed-modal__sparkle{position:absolute;display:block}.speed-modal__sparkle svg{display:block;width:100%;height:100%}.speed-modal__sparkle--s1{width:22px;height:22px;top:0;left:16%}.speed-modal__sparkle--s2{width:13px;height:13px;top:40%;left:4%}.speed-modal__sparkle--s3{width:16px;height:16px;top:6%;right:14%}.speed-modal__sparkle--s4{width:20px;height:20px;bottom:6%;right:7%}.speed-modal__sparkle--s5{width:12px;height:12px;bottom:2%;left:12%}.speed-control{border:none;margin:0;padding:0}.speed-control__legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.speed-control__track{display:flex;gap:4px;padding:6px;border-radius:999px;border:2px dashed color-mix(in srgb,var(--c-accent) 32%,transparent);background:transparent}.speed-seg{position:relative;flex:1 1 0;text-align:center;cursor:pointer}.speed-seg__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.speed-seg__label{display:block;padding:9px 2px;border-radius:999px;font-family:var(--font-display);font-size:.78rem;letter-spacing:.01em;white-space:nowrap;color:color-mix(in srgb,var(--c-ink) 58%,transparent);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.speed-seg.is-checked .speed-seg__label{background:var(--c-accent);color:var(--c-surface);font-weight:700;box-shadow:0 4px 16px color-mix(in srgb,var(--c-accent) 38%,transparent)}.speed-seg__input:focus-visible+.speed-seg__label{outline:2px solid var(--c-accent);outline-offset:2px}@media(pointer:fine){.speed-seg:hover .speed-seg__label{color:var(--c-ink)}.speed-seg.is-checked:hover .speed-seg__label{color:var(--c-surface)}}@media(prefers-reduced-motion:reduce){.speed-modal:not([hidden]) .modal__overlay,.speed-modal:not([hidden]) .speed-modal__panel{animation:none}}@media(pointer:fine){.works-index__link:hover .works-index__arrow{transform:translate(4px)}.works-index__link:hover .works-index__name{color:var(--c-accent)}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;bottom:-2px;left:0;right:100%;height:1.5px;background:var(--c-accent);transition:right var(--dur) var(--ease)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{right:0}}@media(prefers-reduced-motion:reduce){.puzzle-card,.puzzle-card__img,.puzzle-card__svg,.design-card,.design-card__img,.design-card__svg,.video-embed__thumb,.video-embed__play svg,.btn,.x-button,.skill-tag,.works-index__arrow,.modal__prev,.modal__next,.modal__close,.modal__link,.design-card__link,.site-nav a:after{transition:none}}.site-header__exit-sushi{font-family:var(--font-display);font-size:.8rem;font-weight:500;letter-spacing:.02em;color:var(--c-ink);background:none;border:none;margin-left:var(--space-2);padding:6px 12px;border-radius:100px;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}@media(pointer:fine){.site-header__exit-sushi:hover{color:var(--c-accent);background:color-mix(in srgb,var(--c-ink) 7%,transparent)}}.sushi-mode main,.sushi-mode .site-footer,.sushi-mode .site-nav,.sushi-mode .nav-toggle{display:none}.sushi-mode .site-header__logo{margin-right:0}.sushi-mode .bg-canvas{opacity:1;z-index:1;pointer-events:auto}.sushi-curtain{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:var(--space-3);background:#0a090df2;animation:sushi-curtain-in .5s var(--ease) both}.sushi-curtain[hidden]{display:none}.sushi-curtain.is-leaving{animation:sushi-curtain-out .5s var(--ease) both}@keyframes sushi-curtain-in{0%{opacity:0}}@keyframes sushi-curtain-out{to{opacity:0}}.sushi-confirm{text-align:center;max-width:360px;animation:sushi-pop .45s var(--ease) both}@keyframes sushi-pop{0%{opacity:0;transform:translateY(12px)}}.sushi-confirm__title{font-family:var(--font-jp);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#f6f1e8;margin-bottom:var(--space-2)}.sushi-confirm__q{font-size:.95rem;color:#f6f1e8b3;margin-bottom:var(--space-4)}.sushi-confirm__actions{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.sushi-btn{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.02em;padding:12px 26px;border-radius:100px;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.sushi-btn--primary{background:var(--c-accent);color:#14100e;border:1px solid var(--c-accent)}.sushi-btn--ghost{background:none;color:#f6f1e8;border:1px solid rgb(246 241 232 / .4)}@media(pointer:fine){.sushi-btn--primary:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--c-accent) 85%,white)}.sushi-btn--ghost:hover{border-color:#f6f1e8cc;background:#f6f1e814}}.sushi-splash{text-align:center}.sushi-splash[hidden]{display:none}.sushi-splash__text{font-family:"Reggae One",var(--font-jp);font-size:clamp(2.6rem,11vw,6rem);line-height:1.1;color:var(--c-accent);letter-spacing:.04em;text-shadow:0 6px 30px color-mix(in srgb,var(--c-accent) 45%,transparent);animation:sushi-irasshai .5s var(--ease) both}@keyframes sushi-irasshai{0%{opacity:0;transform:scale(.8)}}.sushi-reading{position:fixed;inset:0;z-index:1500;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.sushi-reading[hidden]{display:none}.sushi-reading.is-shown{animation:sushi-reading-in .3s var(--ease) both}@keyframes sushi-reading-in{0%{opacity:0;transform:scale(.9)}}.sushi-reading__kanji,.sushi-reading__yomi{display:block;text-align:center;font-family:"Reggae One",var(--font-jp)}.sushi-reading__kanji{font-size:clamp(3rem,12vw,7rem);line-height:1;color:var(--c-accent);text-shadow:0 8px 40px color-mix(in srgb,var(--c-ink) 45%,transparent)}.sushi-reading__yomi{margin-top:var(--space-2);font-size:clamp(1.6rem,6vw,3rem);color:var(--c-ink);background:color-mix(in srgb,var(--c-surface) 85%,transparent);padding:6px 22px;border-radius:100px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media(prefers-reduced-motion:reduce){.sushi-curtain,.sushi-curtain.is-leaving,.sushi-confirm,.sushi-splash__text,.sushi-reading.is-shown{animation:none}}.palette-toast{position:fixed;right:var(--space-3);bottom:var(--space-3);z-index:1800;max-width:min(86vw,340px);display:flex;flex-direction:column;gap:4px;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:color-mix(in srgb,var(--c-surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--c-ink) 10%,transparent);box-shadow:0 16px 50px color-mix(in srgb,var(--c-ink) 25%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.palette-toast[hidden]{display:none}.palette-toast.is-shown{opacity:1;transform:none}.palette-toast__title{font-family:var(--font-jp);font-weight:700;font-size:.95rem;color:var(--c-accent)}.palette-toast__text{font-size:.8rem;line-height:1.6;color:color-mix(in srgb,var(--c-ink) 70%,transparent)}@media(prefers-reduced-motion:reduce){.palette-toast{transition:none}}.quest-screen{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:var(--space-4);background:var(--c-bg);animation:quest-in .45s var(--ease) both}.quest-screen[hidden]{display:none}@keyframes quest-in{0%{opacity:0}}.quest-screen__back{position:absolute;top:var(--space-3);left:var(--space-3);font-family:var(--font-display);font-size:.85rem;font-weight:500;letter-spacing:.02em;color:var(--c-ink);background:none;border:1px solid color-mix(in srgb,var(--c-ink) 20%,transparent);padding:8px 16px;border-radius:100px;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}@media(pointer:fine){.quest-screen__back:hover{color:var(--c-accent);background:color-mix(in srgb,var(--c-ink) 7%,transparent)}}.quest-screen__body{text-align:center}.quest-screen__image{display:block;width:100%;max-width:min(92vw,640px);height:auto;margin:0 auto var(--space-4)}.quest-form{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;margin-top:var(--space-4)}.quest-form__input{font-family:var(--font-jp);font-size:1rem;min-width:200px;padding:11px 18px;border-radius:100px;border:1px solid color-mix(in srgb,var(--c-ink) 25%,transparent);background:var(--c-surface);color:var(--c-ink)}.quest-form__input:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-color:transparent}.quest-form__submit{font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:11px 24px;border-radius:100px;border:none;background:var(--c-accent);color:var(--c-surface);cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}@media(pointer:fine){.quest-form__submit:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--c-accent) 85%,white)}}.quest-form__feedback{margin-top:var(--space-2);min-height:1.3em;font-size:.9rem;color:var(--c-accent)}.quest-form.is-wrong{animation:quest-shake .4s var(--ease)}@keyframes quest-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.quest-correct{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:var(--c-bg)}.quest-correct[hidden]{display:none}.quest-correct.is-shown{animation:quest-correct-in .4s var(--ease) both}@keyframes quest-correct-in{0%{opacity:0;transform:scale(.92)}}.quest-correct__badge{width:clamp(64px,16vw,96px);height:clamp(64px,16vw,96px);border-radius:50%;background:var(--c-accent);color:var(--c-surface);display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,8vw,3rem);font-weight:700;line-height:1}.quest-correct__text{font-family:var(--font-jp);font-size:clamp(2rem,8vw,3.2rem);font-weight:700;letter-spacing:.04em;color:var(--c-accent)}.quest-correct__sub{font-size:.9rem;color:color-mix(in srgb,var(--c-ink) 60%,transparent)}@media(prefers-reduced-motion:reduce){.quest-screen,.quest-form.is-wrong,.quest-correct.is-shown{animation:none}}.snow-mode main,.snow-mode .site-footer,.snow-mode .site-nav,.snow-mode .nav-toggle{display:none}.snow-mode .site-header__logo{margin-right:0}.snow-mode .bg-canvas{opacity:1;background:#96cbe8;z-index:1}.sumo-mode main,.sumo-mode .site-footer,.sumo-mode .site-nav,.sumo-mode .nav-toggle{display:none}.sumo-mode .site-header__logo{margin-right:0}.sumo-mode .bg-canvas{opacity:1;z-index:1;pointer-events:auto}.sumo-puzzle{position:fixed;inset:0;z-index:2000;overflow-y:auto;padding:calc(var(--space-5) + var(--space-2)) var(--space-3) var(--space-4);background:var(--c-bg);color:var(--c-ink);animation:quest-in .45s var(--ease) both}.sumo-puzzle[hidden]{display:none}.sumo-puzzle__back{position:fixed;top:var(--space-3);left:var(--space-3);z-index:3;font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--c-ink);background:var(--c-surface);border:1px solid color-mix(in srgb,var(--c-ink) 20%,transparent);padding:8px 16px;border-radius:100px;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}@media(pointer:fine){.sumo-puzzle__back:hover{color:var(--c-accent);background:color-mix(in srgb,var(--c-ink) 7%,transparent)}}.sumo-puzzle__viewport{position:relative;max-width:760px;margin:0 auto}.sumo-stage[hidden]{display:none}.sumo-stage__q{font-family:var(--font-jp);font-weight:700;font-size:clamp(1.4rem,5vw,2.1rem);letter-spacing:.06em;text-align:center;margin-bottom:var(--space-4)}.shape-puzzle{--c-quiz-pink: #ffb4b3;--c-quiz-green: #dce4aa;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.shape-puzzle__heading{font-family:var(--font-jp);font-weight:700;text-align:center}.shape-puzzle__row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(4px,1.4vw,12px)}.shape-obj{padding:6px;background:none;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;line-height:0;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.shape-obj:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.shape-obj.is-selected{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 10%,transparent)}.shape-obj__svg{width:clamp(38px,9vw,56px);height:clamp(38px,9vw,56px);overflow:visible;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur) var(--ease)}.shape-puzzle--compact .shape-obj{padding:3px}.shape-puzzle--compact .shape-obj__svg{width:clamp(26px,6vw,36px);height:clamp(26px,6vw,36px)}.shape-puzzle--compact .shape-puzzle__row{flex-wrap:nowrap}@media(max-width:767px){.shape-puzzle--compact .shape-puzzle__row{gap:2px}.shape-puzzle--compact .shape-obj{padding:2px;border-width:1px;min-width:0}.shape-puzzle--compact .shape-obj__svg{width:clamp(20px,5.8vw,36px);height:clamp(20px,5.8vw,36px)}}.shape-puzzle:not(.shape-puzzle--compact) .shape-puzzle__row{flex-wrap:nowrap}@media(max-width:767px){.shape-puzzle:not(.shape-puzzle--compact) .shape-puzzle__row{gap:clamp(2px,1.2vw,8px)}.shape-puzzle:not(.shape-puzzle--compact) .shape-obj{padding:3px;min-width:0}.shape-puzzle:not(.shape-puzzle--compact) .shape-obj__svg{width:clamp(26px,8.4vw,44px);height:clamp(26px,8.4vw,44px)}}.shape-puzzle__controls{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.shape-ctrl{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-jp);font-weight:700;font-size:.9rem;padding:10px 20px;border-radius:100px;border:none;color:var(--c-ink);background:var(--c-surface);cursor:pointer;box-shadow:3px 3px 8px color-mix(in srgb,var(--c-ink) 22%,transparent),-3px -3px 8px color-mix(in srgb,white 60%,transparent);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.shape-ctrl:active{transform:translateY(1px);box-shadow:inset 2px 2px 6px color-mix(in srgb,var(--c-ink) 22%,transparent),inset -2px -2px 6px color-mix(in srgb,white 60%,transparent)}.shape-ctrl__swatch{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--c-quiz-pink) 0 50%,var(--c-quiz-green) 50% 100%)}.shape-puzzle--compact .shape-ctrl{font-size:.78rem;padding:7px 14px}.sumo-game{position:relative;width:100%;aspect-ratio:16 / 9;max-height:46vh;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--c-accent) 12%,var(--c-bg)) 0%,var(--c-bg) 70%);border:1px solid color-mix(in srgb,var(--c-ink) 12%,transparent)}.sumo-game__canvas{display:block;width:100%;height:100%}.sumo-controls{display:flex;gap:var(--space-4);justify-content:center;margin:var(--space-3) 0 var(--space-1)}.sumo-btn{font-family:var(--font-jp);font-weight:700;font-size:1.05rem;min-width:132px;padding:16px 28px;border-radius:18px;border:none;color:var(--c-ink);background:var(--c-surface);cursor:pointer;user-select:none;touch-action:manipulation;box-shadow:6px 6px 14px color-mix(in srgb,var(--c-ink) 26%,transparent),-6px -6px 14px color-mix(in srgb,white 70%,transparent);transition:transform .12s var(--ease),box-shadow .12s var(--ease),opacity var(--dur) var(--ease)}.sumo-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 4px 4px 10px color-mix(in srgb,var(--c-ink) 26%,transparent),inset -4px -4px 10px color-mix(in srgb,white 70%,transparent)}.sumo-btn:disabled{opacity:.5;cursor:not-allowed;color:color-mix(in srgb,var(--c-ink) 45%,transparent)}.sumo-pad{--pad-color: var(--c-accent);position:relative;width:clamp(50px,13vw,60px);height:clamp(50px,13vw,60px);border-radius:50%;border:none;padding:0;cursor:pointer;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 34% 28%,color-mix(in srgb,white 55%,transparent) 0%,transparent 52%),radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--c-ink) 28%,transparent) 0%,transparent 55%),var(--pad-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-ink) 10%,var(--c-surface)),0 0 0 4px color-mix(in srgb,var(--c-ink) 28%,transparent),0 6px 12px color-mix(in srgb,var(--c-ink) 32%,transparent),inset 0 2px 3px color-mix(in srgb,white 70%,transparent),inset 0 -5px 8px color-mix(in srgb,var(--c-ink) 38%,transparent);transition:transform .1s var(--ease),box-shadow .1s var(--ease),opacity var(--dur) var(--ease),filter var(--dur) var(--ease)}.sumo-pad--orange{--pad-color: var(--c-accent)}.sumo-pad--green{--pad-color: color-mix(in srgb, var(--c-shape-2) 80%, var(--c-ink))}.sumo-pad:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-ink) 10%,var(--c-surface)),0 0 0 4px color-mix(in srgb,var(--c-ink) 28%,transparent),0 1px 3px color-mix(in srgb,var(--c-ink) 25%,transparent),inset 0 4px 8px color-mix(in srgb,var(--c-ink) 40%,transparent),inset 0 -2px 3px color-mix(in srgb,white 30%,transparent)}.sumo-pad:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.45);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-ink) 10%,var(--c-surface)),0 0 0 4px color-mix(in srgb,var(--c-ink) 22%,transparent),0 2px 5px color-mix(in srgb,var(--c-ink) 22%,transparent),inset 0 2px 3px color-mix(in srgb,white 45%,transparent),inset 0 -4px 7px color-mix(in srgb,var(--c-ink) 30%,transparent)}.sumo-pad:after{content:"";position:absolute;inset:-8px;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pad-color) 55%,transparent) 42%,transparent 72%);opacity:0;pointer-events:none}.sumo-pad.is-enabled:after{animation:sumo-pad-glow 1.6s var(--ease) infinite}@keyframes sumo-pad-glow{0%,to{opacity:0}50%{opacity:1}}.sumo-enable__note{text-align:center;font-size:.82rem;color:color-mix(in srgb,var(--c-ink) 55%,transparent);margin-bottom:var(--space-2)}.sumo-enable{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);max-width:100%}.sumo-enable__col{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:100%;flex-shrink:0}.sumo-enable__inst{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-jp);font-weight:700;font-size:.85rem;color:var(--c-ink)}.sumo-pad-ico{--pad-color: var(--c-accent);display:inline-block;width:18px;height:18px;flex:none;border-radius:50%;background:radial-gradient(circle at 34% 28%,color-mix(in srgb,white 55%,transparent) 0%,transparent 52%),var(--pad-color);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--c-ink) 24%,transparent),0 2px 3px color-mix(in srgb,var(--c-ink) 25%,transparent),inset 0 -2px 3px color-mix(in srgb,var(--c-ink) 32%,transparent)}.sumo-pad-ico--orange{--pad-color: var(--c-accent)}.sumo-pad-ico--green{--pad-color: color-mix(in srgb, var(--c-shape-2) 80%, var(--c-ink))}.sumo-overlay{position:fixed;inset:0;z-index:4;display:grid;place-items:center;padding:var(--space-3);background:color-mix(in srgb,var(--c-bg) 88%,transparent);backdrop-filter:blur(2px)}.sumo-overlay[hidden]{display:none}.sumo-overlay.is-shown{animation:quest-correct-in .4s var(--ease) both}.sumo-overlay__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;max-width:460px;padding:var(--space-4);background:var(--c-surface);border-radius:var(--radius);box-shadow:0 18px 50px color-mix(in srgb,var(--c-ink) 28%,transparent)}.sumo-overlay--ingame{position:absolute;padding:var(--space-2)}.sumo-overlay__card--ingame{max-width:90%;padding:var(--space-2) var(--space-3);gap:var(--space-1)}.sumo-overlay__card--ingame .sumo-overlay__title{font-size:clamp(1.05rem,5.5vw,1.5rem)}.sumo-overlay__card--ingame .sumo-overlay__sub{font-size:.78rem;line-height:1.5}.sumo-overlay__card--ingame .sumo-btn--primary{margin-top:0;padding:8px 24px;font-size:.85rem}.sumo-overlay__badge{width:clamp(56px,14vw,80px);height:clamp(56px,14vw,80px);border-radius:50%;background:var(--c-accent);color:var(--c-surface);display:flex;align-items:center;justify-content:center;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:700}.sumo-overlay__title{font-family:var(--font-jp);font-weight:700;font-size:clamp(1.5rem,6vw,2.4rem);color:var(--c-accent)}.sumo-overlay__title--win{color:var(--c-accent);font-size:clamp(1.4rem,5.5vw,2rem)}.sumo-overlay__sub{font-size:.95rem;line-height:1.7;color:color-mix(in srgb,var(--c-ink) 70%,transparent)}.sumo-overlay__seg{display:inline-block}.sumo-btn--primary{margin-top:var(--space-2);min-width:auto;padding:12px 32px;font-size:.95rem;color:var(--c-surface);background:var(--c-accent);animation:none}@media(min-width:768px){.sumo-game{max-height:50vh}}.sumo-goal{text-align:center;font-size:.85rem;font-weight:700;color:color-mix(in srgb,var(--c-ink) 70%,transparent);margin-bottom:var(--space-2)}@media(prefers-reduced-motion:reduce){.sumo-puzzle,.sumo-overlay.is-shown{animation:none}.shape-obj__svg,.sumo-btn,.sumo-pad,.shape-ctrl{transition:none}.sumo-btn.is-enabled,.sumo-pad.is-enabled:after{animation:none}.sumo-pad.is-enabled:after{opacity:.7}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.playful-counter{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;font-family:var(--font-jp);font-size:.72rem;font-weight:700;color:var(--c-ink);background:color-mix(in srgb,var(--c-accent) 12%,var(--c-surface));border:1px solid color-mix(in srgb,var(--c-accent) 45%,transparent);border-radius:100px;padding:5px 14px;cursor:pointer;white-space:nowrap;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}@media(pointer:fine){.playful-counter:hover{transform:translate(-50%) translateY(-1px);background:color-mix(in srgb,var(--c-accent) 20%,var(--c-surface))}}.playful-counter__num{color:var(--c-accent);font-family:var(--font-display);font-size:.8rem}@media(max-width:767px){.playful-counter{padding:4px 10px;font-size:.66rem}.playful-counter__label{display:none}.playful-counter:before{content:"あそびごころ"}}.sushi-mode .playful-counter,.snow-mode .playful-counter,.sumo-mode .playful-counter{display:none}.playful-pop{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:var(--space-3)}.playful-pop[hidden]{display:none}.playful-pop__overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--c-ink) 40%,transparent);backdrop-filter:blur(2px)}.playful-pop.is-shown .playful-pop__card{animation:quest-correct-in .4s var(--ease) both}.playful-pop__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;width:min(92vw,420px);max-height:86vh;overflow-y:auto;padding:var(--space-4);background:var(--c-surface);color:var(--c-ink);border-radius:var(--radius);box-shadow:0 18px 50px color-mix(in srgb,var(--c-ink) 30%,transparent)}.playful-pop__title{font-family:var(--font-jp);font-weight:700;font-size:clamp(1.2rem,5vw,1.6rem);color:var(--c-accent)}.playful-pop__sub{font-size:.95rem}.playful-pop__list{list-style:none;width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.playful-pop__item{display:flex;align-items:center;gap:10px;font-size:.88rem;padding:7px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-ink) 5%,transparent);color:color-mix(in srgb,var(--c-ink) 55%,transparent)}.playful-pop__item.is-found{background:color-mix(in srgb,var(--c-accent) 10%,transparent);color:var(--c-ink)}.playful-pop__mark{flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--c-ink) 12%,transparent);color:var(--c-surface)}.playful-pop__item.is-found .playful-pop__mark{background:var(--c-accent)}.playful-pop__close{font-family:var(--font-jp);font-weight:700;font-size:.9rem;padding:10px 28px;border-radius:100px;border:none;background:var(--c-accent);color:var(--c-surface);cursor:pointer}.share-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.share-x{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-jp);font-weight:700;font-size:.95rem;padding:12px 26px;border-radius:100px;border:none;background:#0f0f0f;color:#fff;cursor:pointer;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}@media(pointer:fine){.share-x:hover{transform:translateY(-2px);opacity:.88}}.share-x__logo{font-size:1.1rem;line-height:1}.share-block__note{font-size:.78rem;color:color-mix(in srgb,var(--c-ink) 60%,transparent)}@media(prefers-reduced-motion:reduce){.playful-pop.is-shown .playful-pop__card{animation:none}.playful-counter,.share-x{transition:none}}.bg-canvas{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;background:var(--c-bg);opacity:.42}.loader{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:var(--c-bg)}.loader--active{display:flex;opacity:1;transition:opacity .4s var(--ease)}.loader--leaving{opacity:0}.loader--done{display:none!important}.loader__glyphs{--glyph-size: clamp(40px, 11vw, 72px);display:grid;grid-template-columns:repeat(2,var(--glyph-size));gap:clamp(4px,1.4vw,12px);justify-items:center;align-items:center}.loader__glyph{width:var(--glyph-size);height:var(--glyph-size);display:block}.loader__svg{display:block;width:100%;height:100%}.loader__svg circle,.loader__svg path{stroke:currentColor}.loader__glyph:nth-child(1){color:var(--c-shape-0)}.loader__glyph:nth-child(2){color:var(--c-shape-1)}.loader__glyph:nth-child(3){color:var(--c-shape-2)}.loader__glyph:nth-child(4){color:var(--c-shape-3)}.loader--active .loader__glyph{opacity:0;transform:scale(.6);animation:loader-pop .36s var(--ease) forwards}.loader--active .loader__glyph:nth-child(1){animation-delay:0ms}.loader--active .loader__glyph:nth-child(2){animation-delay:.12s}.loader--active .loader__glyph:nth-child(3){animation-delay:.24s}.loader--active .loader__glyph:nth-child(4){animation-delay:.36s}@keyframes loader-pop{to{opacity:1;transform:scale(1)}}.cursor{position:fixed;top:0;left:0;z-index:3000;width:28px;height:28px;border-radius:50%;border:2px solid var(--c-accent);background:transparent;pointer-events:none;opacity:0;transition:opacity .2s var(--ease),width .2s var(--ease),height .2s var(--ease),background-color .2s var(--ease),border-width .2s var(--ease);will-change:transform}.has-custom-cursor,.has-custom-cursor a,.has-custom-cursor button,.has-custom-cursor [data-cursor-hover]{cursor:none}.has-custom-cursor input,.has-custom-cursor textarea,.has-custom-cursor select,.has-custom-cursor [contenteditable=true]{cursor:auto}.cursor--visible{opacity:1}.cursor--hover{width:45px;height:45px;background:color-mix(in srgb,var(--c-accent) 22%,transparent)}.cursor--hidden{opacity:0}.js:not(.reduced-motion) [data-reveal],.js:not(.reduced-motion) [data-reveal-group]>*{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.js [data-reveal].is-revealed,.js [data-reveal-group]>.is-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js [data-reveal],.js [data-reveal-group]>*{opacity:1!important;transform:none!important;transition:none!important}.loader--active .loader__glyph{animation:none!important;opacity:1;transform:none}.loader--active{transition:none!important}.cursor{display:none!important}.nazo-unlock.is-shown,.nazo-unlock__spark{animation:none}}.nazo-unlock{position:fixed;inset:0;z-index:2500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;padding:var(--space-3);background:#3c5a6e8c;backdrop-filter:blur(3px);color:#fff}.nazo-unlock[hidden]{display:none}.nazo-unlock.is-shown{animation:nazo-unlock-in .5s var(--ease) both}@keyframes nazo-unlock-in{0%{opacity:0;transform:translateY(10px)}}.nazo-unlock__spark{font-size:clamp(2.2rem,9vw,3.4rem);color:#ffe9a8;animation:nazo-spark 1.4s var(--ease) infinite}@keyframes nazo-spark{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.nazo-unlock__title{font-family:var(--font-jp);font-weight:700;font-size:clamp(1.4rem,6vw,2.2rem);letter-spacing:.05em}.nazo-unlock__sub{font-size:.92rem;opacity:.85}