:root{--paper:#f6f1e5;--paper-deep:#efe8d7;--card-paper:#fdfaf2;--ink:#232733;--ink-soft:#5a5f6e;--ink-faint:#8b8fa0;--line:#d8cfba;--line-strong:#b9ae94;--navy:#22406e;--navy-deep:#16233f;--hanko:#cf3f2c;--hanko-deep:#a92f1f;--matcha:#3e7a4e;--matcha-soft:#e2eede;--gold:#b98a2f;--gold-soft:#f3e8cd;--wrong:#c25036;--wrong-soft:#f7e5de;--radius:14px;--radius-sm:9px;--shadow-card:0 1px 2px rgba(35,39,51,0.07),0 6px 20px rgba(35,39,51,0.09);--shadow-pop:0 2px 4px rgba(35,39,51,0.12),0 14px 34px rgba(35,39,51,0.16);--font-body:var(--font-body,system-ui),"Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,"Noto Sans JP",sans-serif;--font-dot:var(--font-dot,monospace);--font-mono:var(--font-mono,ui-monospace),monospace;--font-ja:"Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,"Noto Sans JP",sans-serif;--ease-pop:cubic-bezier(0.2,1.4,0.4,1);--ease-out:cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='0.035'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--font-body);line-height:1.65;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}main{flex:1 0 auto;max-width:1040px;margin:0 auto;padding:1.75rem 1.1rem 4.5rem;width:100%}a{color:var(--navy);text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:var(--hanko)}:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:4px}::selection{background:var(--gold-soft)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.2rem;background:rgba(246,241,229,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1.5px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:900;font-size:1.05rem;letter-spacing:.01em}.brand,.brand:hover{color:var(--ink);text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--hanko);color:#fdfaf2;display:inline-grid;place-items:center;font-family:var(--font-ja);font-size:19px;font-weight:700;box-shadow:inset 0 0 0 2px rgba(253,250,242,.35),var(--shadow-card);transform:rotate(-6deg)}.brand .ja-sub{font-family:var(--font-dot);color:var(--ink-soft);font-size:.72rem;letter-spacing:.14em;align-self:flex-end;padding-bottom:3px}.site-nav{display:flex;align-items:center;gap:.35rem;font-size:.92rem}.site-nav a{color:var(--ink-soft);text-decoration:none;padding:.4rem .7rem;border-radius:999px;transition:background .12s var(--ease-out),color .12s var(--ease-out)}.site-nav a:hover{background:var(--paper-deep);color:var(--ink);text-decoration:none}.site-nav a[aria-current=page]{color:var(--ink)}.header-right{display:flex;align-items:center;gap:.35rem}.mobile-menu,.sfx-toggle.nav-burger{display:none}.sfx-toggle{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--card-paper);color:var(--ink-soft);font-size:1rem;cursor:pointer;flex:none;transition:transform .1s var(--ease-out),border-color .12s}.sfx-toggle:hover{border-color:var(--navy)}.sfx-toggle:active{transform:scale(.92)}.site-footer{border-top:1.5px solid var(--line);font-size:.84rem;padding:1.6rem 1.2rem 2.8rem;text-align:center;background:var(--paper-deep);flex-shrink:0}.site-footer,.site-footer a{color:var(--ink-soft)}.kofi-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.45rem 1.1rem;margin-top:.7rem;border:1.5px solid var(--hanko);border-radius:999px;color:var(--ink);font-size:.86rem;font-weight:700;text-decoration:none;background:transparent;transition:background .13s var(--ease-out),color .13s var(--ease-out)}.kofi-btn:hover{background:var(--hanko);color:var(--paper)}.result-kofi{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;margin-top:.9rem;color:var(--ink-soft);font-size:.88rem;text-decoration:underline;text-underline-offset:3px}.result-kofi:hover{color:var(--hanko)}h1{font-size:clamp(1.55rem,4vw,2.3rem);font-weight:900;line-height:1.25;letter-spacing:-.01em;margin:0 0 .5rem}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:600;color:var(--hanko);margin:0 0 .45rem}.kicker-navy{color:var(--navy)}.subtitle{color:var(--ink-soft);margin:0 0 1.25rem;max-width:46rem}.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;padding:.8rem 1.6rem;font-size:1rem;font-weight:700;font-family:inherit;line-height:1.2;cursor:pointer;min-height:48px;text-decoration:none;transition:transform .11s var(--ease-pop),box-shadow .14s var(--ease-out),filter .14s var(--ease-out),background .14s;will-change:transform}.btn:active:not(:disabled){transform:translateY(1.5px) scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--hanko);color:#fdfaf2;box-shadow:0 2px 0 var(--hanko-deep),var(--shadow-card)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 3px 0 var(--hanko-deep),var(--shadow-pop);color:#fdfaf2}.btn-navy{background:var(--navy);color:#f4f0e4;box-shadow:0 2px 0 #16233f,var(--shadow-card)}.btn-navy:hover:not(:disabled){filter:brightness(1.12);color:#fff}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line-strong);box-shadow:0 1px 0 rgba(35,39,51,.06)}.btn-ghost:hover:not(:disabled){border-color:var(--navy);background:var(--card-paper)}.btn-small{padding:.42rem 1rem;font-size:.88rem;min-height:38px}.ticket{position:relative;background:var(--card-paper);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.ticket-notches:after,.ticket-notches:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--paper);border:1.5px solid var(--line);top:50%;transform:translateY(-50%);z-index:1}.ticket-notches:before{left:-10px}.ticket-notches:after{right:-10px}.ticket-stub{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:1.4rem .9rem;border-right:2px dashed var(--line-strong);min-width:96px;text-align:center}.ticket-stub .stub-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.ticket-stub .stub-number{font-family:var(--font-dot);font-size:2rem;color:var(--navy);line-height:1.1}.ticket-stub .stub-sub{font-size:.7rem;color:var(--ink-soft)}.board{background:var(--navy-deep);border-radius:var(--radius);padding:1.1rem 1.2rem 1.3rem;box-shadow:var(--shadow-pop);border:1.5px solid #0d1526;color:#e8e4d5}.board-title{display:flex;align-items:center;gap:.7rem;font-family:var(--font-dot);font-size:.95rem;letter-spacing:.08em;color:#f0e9d2;border-bottom:1px dashed rgba(240,233,210,.25);padding-bottom:.65rem;margin-bottom:.9rem}.board-title .board-jp{color:var(--gold-soft)}.board-title .dot-pulse{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#7ee29a;box-shadow:0 0 0 0 rgba(126,226,154,.5);animation:dot-breathe 2.6s ease-in-out infinite}@keyframes dot-breathe{0%,to{box-shadow:0 0 0 0 rgba(126,226,154,.45)}50%{box-shadow:0 0 0 7px rgba(126,226,154,0)}}.board-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .8rem;border-radius:var(--radius-sm);color:#e8e4d5;text-decoration:none;border:1.5px solid transparent;transition:background .13s var(--ease-out),border-color .13s var(--ease-out),transform .13s var(--ease-pop)}.board-row:hover{background:rgba(244,240,228,.07);border-color:rgba(244,240,228,.28);text-decoration:none;transform:translateX(3px);color:#fff}.board-row:active{transform:translateX(3px) scale(.99)}.board-row .row-emoji{font-size:1.25rem;filter:saturate(.9)}.board-row .row-ja{font-family:var(--font-ja);font-weight:700;font-size:1.02rem}.board-row .row-en{color:rgba(232,228,213,.66);font-size:.82rem}.board-row .row-kind{margin-left:auto;font-family:var(--font-dot);font-size:.68rem;letter-spacing:.1em;color:rgba(232,228,213,.55);white-space:nowrap}.board-row .row-stamp{width:26px;height:26px;border-radius:50%;border:2px solid #7ee29a;color:#7ee29a;display:inline-grid;place-items:center;transform:rotate(-8deg);margin-left:auto}.board-row .row-arrow{color:var(--gold-soft);display:inline-flex}.board-row .row-case{font-family:var(--font-ja);font-weight:700;font-size:.68rem;letter-spacing:.12em;color:#f6f1e5;background:var(--hanko);border-radius:4px;padding:.1rem .34rem .12rem;flex:none}.board-banner{position:relative;height:116px;border-radius:var(--radius-sm);overflow:hidden;margin:.5rem 0 .7rem;background:var(--navy-deep);isolation:isolate}.board-banner img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block;filter:saturate(.8) brightness(.88)}.board-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--navy-deep) 0,rgba(22,35,63,.88) 18%,rgba(22,35,63,.55) 42%,rgba(22,35,63,0) 72%),linear-gradient(to bottom,rgba(22,35,63,.5) 0,rgba(22,35,63,0) 26%),linear-gradient(to right,var(--navy-deep) 0,rgba(22,35,63,0) 15%,rgba(22,35,63,0) 85%,var(--navy-deep) 100%),radial-gradient(160px 70px at 0 100%,var(--navy-deep) 0,rgba(22,35,63,0) 100%),radial-gradient(160px 70px at 100% 100%,var(--navy-deep) 0,rgba(22,35,63,0) 100%)}.sticky-cta{position:fixed;left:50%;bottom:1.1rem;transform:translateX(-50%);z-index:40;display:inline-flex;align-items:center;gap:.5rem;padding:.68rem 1.25rem;border-radius:999px;background:var(--navy);border:2px solid var(--gold);color:#fdfaf2;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:var(--shadow-pop);animation:rise-in .24s var(--ease-out)}.sticky-cta:hover{transform:translateX(-50%) translateY(-2px);background:var(--navy-deep)}.rank-chip{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-family:var(--font-mono);font-weight:800;font-size:1rem;border:2px solid}.rank-S{color:var(--gold);background:rgba(185,138,47,.12)}.rank-A{color:var(--matcha);background:rgba(62,122,78,.12)}.rank-B{color:var(--navy);background:rgba(22,35,63,.06)}.rank-C{color:var(--ink-soft);background:rgba(60,60,55,.06)}.rank-chip.small{width:24px;height:24px;font-size:.78rem;border-width:1.5px}.review-wrap{max-width:640px;margin:0 auto;padding:1.4rem 1rem 0}.review-prompt{margin:0 0 .3rem;color:var(--ink-soft);font-size:.85rem;letter-spacing:.04em}.review-options{display:grid;grid-gap:.6rem;gap:.6rem}.review-option{font-family:var(--font-ja);font-size:1.15rem;font-weight:700;padding:.85rem 1rem;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;text-align:center;transition:transform .12s var(--ease-out),border-color .12s var(--ease-out)}.review-option:not(:disabled):hover{border-color:var(--navy);transform:translateY(-1px)}.review-option.correct{border-color:var(--matcha);background:rgba(122,168,116,.14)}.review-option.wrong{border-color:var(--hanko);background:rgba(201,73,58,.1)}.review-option.dim{opacity:.45}.review-scene{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--navy-deep)}.review-scene img{display:block;width:100%}.review-hotspot{position:absolute;border:none;background:transparent;cursor:pointer;border-radius:8px}.review-hotspot:not(:disabled):hover{background:rgba(240,190,80,.22);box-shadow:inset 0 0 0 3px var(--gold)}.review-hotspot.correct{background:rgba(122,168,116,.3);box-shadow:inset 0 0 0 3px var(--matcha)}.review-hotspot.wrong{background:rgba(201,73,58,.24);box-shadow:inset 0 0 0 3px var(--hanko)}.review-hotspot.dim{opacity:.4}.review-feedback{margin-top:1rem;padding:.9rem 1rem;border-radius:var(--radius-sm);border:2px solid var(--line);animation:rise-in .24s var(--ease-out)}.review-feedback.good{border-color:var(--matcha);background:rgba(122,168,116,.12)}.review-feedback.bad{border-color:var(--hanko);background:rgba(201,73,58,.08)}.review-feedback-head{margin:0 0 .3rem;font-family:var(--font-ja);font-weight:800;font-size:1.05rem}.review-feedback.good .review-feedback-head{color:var(--matcha-deep,#4e7a4a)}.review-feedback.bad .review-feedback-head{color:var(--hanko)}.scene-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:2px solid var(--navy-deep);outline:1px solid var(--line);outline-offset:3px;background:#0d1322;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--shadow-card)}.scene-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.scene-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.9rem}.vocab-panel{margin-top:1rem;padding-top:.8rem;border-top:1.5px dashed var(--line-strong)}.vocab-hint{margin:.15rem 0 .55rem;color:var(--ink-faint);font-size:.78rem}.vocab-strip{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.vocab-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .65rem;border-radius:7px;border:1.5px dashed var(--line-strong);background:transparent;color:var(--ink-soft);font-family:var(--font-ja);font-weight:600;font-size:.9rem;line-height:1.5;cursor:pointer;transition:border-color .13s var(--ease-out),color .13s var(--ease-out)}.vocab-chip:hover{border-color:var(--gold);border-style:solid;color:var(--ink)}.vocab-chip ruby rt{font-size:.5em;color:var(--hanko);font-weight:600;letter-spacing:.05em}.vocab-chip svg{color:var(--ink-faint);flex:none}.scene-speech{position:absolute;z-index:3;transform:translate(-50%,-125%);max-width:min(48%,250px);padding:.45rem .9rem;border-radius:14px;border:2px solid var(--navy);background:var(--card-paper);color:var(--ink);font-family:var(--font-ja);font-weight:700;font-size:clamp(.82rem,1.9vw,1.12rem);text-align:center;line-height:1.4;box-shadow:var(--shadow-pop);pointer-events:none;animation:pop-in .26s var(--ease-pop)}.scene-speech:after{content:"";position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--card-paper)}.hotspot{position:absolute;border:0;background:transparent;padding:0;cursor:pointer;border-radius:12px;transition:transform .13s var(--ease-pop)}.hotspot:after{content:"";position:absolute;inset:5px;border:2.5px dashed rgba(240,182,74,0);border-radius:9px;transition:border-color .13s var(--ease-out),background .13s var(--ease-out),box-shadow .13s var(--ease-out)}.hotspot:focus-visible:not(:disabled),.hotspot:hover:not(:disabled){transform:scale(1.012)}.hotspot:focus-visible:not(:disabled):after,.hotspot:hover:not(:disabled):after{border-color:rgba(240,182,74,.95);background:rgba(240,182,74,.14);box-shadow:inset 0 0 26px rgba(240,182,74,.15)}.hotspot:active:not(:disabled){transform:scale(.985)}.hotspot.picked-wrong{animation:nudge .18s var(--ease-out)}.hotspot.picked-wrong:after{border-color:rgba(226,84,62,.95);border-style:solid;background:rgba(226,84,62,.2)}.hotspot.picked-correct:after{border:3.5px solid #52c07f;background:rgba(63,174,114,.24);box-shadow:inset 0 0 34px rgba(82,192,127,.35)}.hotspot[disabled]{cursor:default}.hotspot-highlight{position:absolute;border:3px solid #52c07f;border-radius:12px;background:rgba(63,174,114,.14);box-shadow:0 0 0 4px rgba(63,174,114,.22),inset 0 0 26px rgba(63,174,114,.2);z-index:3;animation:highlight-pulse 2.2s ease-in-out infinite;pointer-events:none}@keyframes highlight-pulse{0%,to{box-shadow:0 0 0 4px rgba(63,174,114,.22),inset 0 0 26px rgba(63,174,114,.2)}50%{box-shadow:0 0 0 9px rgba(63,174,114,.12),inset 0 0 34px rgba(63,174,114,.3)}}.scene-crop{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--navy-deep);background:#0d1322}.scene-crop img{position:absolute;object-fit:cover}.hotspot-list{list-style:none;margin:.9rem 0 0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.hotspot-list button{width:100%;text-align:left}.jp-prompt{font-size:clamp(1.45rem,4vw,2rem);font-weight:800;line-height:1.55;color:var(--ink);letter-spacing:.01em}.jp-prompt ruby rt{font-size:.48em;color:var(--hanko);font-weight:600;letter-spacing:.06em}.en-frame{color:var(--ink-soft);font-size:.97rem;margin:.45rem 0 0}.puzzle-status{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.attempts-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.32rem .8rem;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--card-paper);font-size:.85rem;color:var(--ink-soft)}.attempts-chip .attempts-count{font-family:var(--font-mono);font-weight:700;letter-spacing:.04em;color:var(--ink)}.attempts-chip.urgent{border-color:var(--hanko);background:var(--wrong-soft)}.attempts-chip.urgent .attempts-count{color:var(--hanko-deep)}.hint-pill{color:var(--ink-soft)}.audio-preview-pill{color:var(--ink-faint)}.attempt-dots{display:inline-flex;gap:5px;align-items:center}.attempt-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--navy);opacity:.85;transition:all .18s var(--ease-out)}.attempt-dots .dot.spent{background:var(--hanko);opacity:.55;transform:scale(.82)}.feedback{border-radius:var(--radius);padding:1.05rem 1.25rem;margin-top:1rem;border:1.5px solid;animation:rise-in .24s var(--ease-out)}.feedback-correct{background:var(--matcha-soft);border-color:var(--matcha)}.feedback-incorrect{background:var(--wrong-soft);border-color:rgba(194,80,54,.55)}.feedback-incorrect.nudge{animation:nudge .2s var(--ease-out)}.feedback .ja{font-family:var(--font-ja);font-size:1.18rem;font-weight:700}.feedback .reason{color:var(--ink-soft);margin-top:.35rem;font-size:.94rem}@keyframes rise-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes nudge{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}60%{transform:translateX(3px)}}.explanation-grid{display:grid;grid-gap:.8rem;gap:.8rem;margin:.6rem 0}.term-row{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline}.term-row dt{color:var(--ink-faint);font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em}.term-row dd{margin:0;font-size:1.12rem;font-weight:700}.term-row dd.small{font-size:.98rem;font-weight:500;color:var(--ink-soft)}.notes{margin:.7rem 0 0;padding-left:1.1rem;color:var(--ink-soft);font-size:.94rem}.notes li{margin:.3rem 0}.choices{display:grid;grid-gap:.65rem;gap:.65rem;margin-top:.9rem}.choice-btn{text-align:left;font-size:1.04rem;font-family:var(--font-ja);font-weight:500;background:var(--card-paper);color:var(--ink);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);padding:.95rem 1.25rem;cursor:pointer;min-height:52px;box-shadow:0 1.5px 0 rgba(35,39,51,.08);transition:border-color .13s var(--ease-out),background .13s var(--ease-out),transform .11s var(--ease-pop),box-shadow .13s var(--ease-out)}.choice-btn:hover:not(:disabled){border-color:var(--navy);transform:translateY(-1px);box-shadow:0 3px 8px rgba(35,39,51,.1)}.choice-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.choice-btn.wrong{border-color:var(--wrong);border-width:2px;background:var(--wrong-soft);animation:nudge .2s var(--ease-out)}.choice-btn.correct{border-color:var(--matcha);border-width:2px;background:var(--matcha-soft);animation:pop-in .26s var(--ease-pop)}.choice-btn:disabled{cursor:default;opacity:.75}.choice-btn.correct:disabled,.choice-btn.wrong:disabled{opacity:1}@keyframes pop-in{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}.stamp-seal{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:var(--hanko);color:#fdf6ec;box-shadow:inset 0 0 0 3px rgba(253,246,236,.4),inset 0 0 0 7px var(--hanko),inset 0 0 0 8.5px rgba(253,246,236,.5),var(--shadow-pop);transform:rotate(-8deg);animation:stamp-in .34s var(--ease-pop) both;margin:0 auto;pointer-events:none}.stamp-seal .kanji{font-family:var(--font-ja);font-size:46px;font-weight:800;line-height:1}.stamp-seal .stamp-caption{position:absolute;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;margin-top:74px;color:var(--hanko);text-transform:uppercase}@keyframes stamp-in{0%{opacity:0;transform:rotate(-24deg) scale(2.1)}55%{opacity:1;transform:rotate(-6deg) scale(.94)}75%{transform:rotate(-9deg) scale(1.03)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.stamp-seal.small{width:40px;height:40px;box-shadow:inset 0 0 0 2px rgba(253,246,236,.4),inset 0 0 0 3.5px var(--hanko);animation:none;transform:rotate(-10deg)}.stamp-seal.small .kanji{font-size:17px}.result-hero{text-align:center;padding:1.8rem 1.2rem 1.6rem}.result-hero .band-line{font-size:clamp(1.25rem,3.6vw,1.7rem);font-weight:900;margin:1rem 0 .2rem}.result-stats{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin:1.1rem 0}.stat-chip{display:inline-flex;align-items:center;gap:.45rem;background:var(--card-paper);border:1.5px solid var(--line);border-radius:999px;padding:.4rem 1rem;font-size:.87rem;font-weight:500}.stat-chip,.stat-chip svg{color:var(--ink-soft)}.share-card{border:2px dashed var(--line-strong);border-radius:var(--radius);padding:1.3rem 1.2rem;margin:1.1rem auto 0;max-width:30rem;text-align:center;background:var(--card-paper)}.share-card .share-title{font-weight:800;font-size:1.08rem}.share-card .share-text{color:var(--ink-soft);margin:.4rem 0 0}.pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--paper-deep);border:1px solid var(--line);color:var(--ink-faint);border-radius:999px;padding:.14rem .72rem;font-size:.76rem;font-family:var(--font-mono)}.scene-label{font-family:var(--font-dot);font-size:.82rem;letter-spacing:.1em;color:var(--navy)}.card{background:var(--card-paper);border:1.5px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow-card)}.grid{display:grid;grid-gap:1rem;gap:1rem}.hidden-until-hydrated{visibility:hidden}.sr-only{padding:0;margin:-1px;white-space:nowrap;border:0}.announce,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hero-grid{display:grid;grid-template-columns:auto minmax(0,1.05fr) minmax(0,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:center;padding:1.6rem}@media (max-width:860px){.hero-grid{grid-template-columns:1fr;padding:1.2rem}.ticket-stub{flex-direction:row;gap:.8rem;border-right:0;border-bottom:2px dashed var(--line-strong);padding:.9rem 1rem;min-width:0;justify-content:flex-start}.ticket-notches:after,.ticket-notches:before{display:none}}@media (min-width:560px){.hotspot{min-width:44px;min-height:44px}}@media (max-width:560px){.board-row .row-kind{display:none}}@media (max-width:760px){.nav-links{display:none}.sfx-toggle.nav-burger{display:inline-grid}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--card-paper);border-bottom:1.5px solid var(--line-strong);box-shadow:var(--shadow-pop);padding:.5rem .9rem .9rem;z-index:60;animation:menu-drop .16s var(--ease-out)}.mobile-menu a{font-family:var(--font-ja);font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;padding:.75rem .4rem;border-bottom:1px dashed var(--line)}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a[aria-current=page]{color:var(--hanko)}.mobile-menu a[aria-current=page]:after{content:"●";font-size:.5rem;vertical-align:middle;margin-left:.5rem}}@keyframes menu-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stamp-seal,.stamp-seal.small{animation:none!important;opacity:1!important;transform:rotate(-8deg)!important}}