*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--fs-name:1.04rem;--fs-desc:.79rem;--shadow:0 1px 2px rgba(43, 38, 30, .06),0 8px 24px rgba(43, 38, 30, .08);--shadow-lift:0 2px 4px rgba(43, 38, 30, .08),0 16px 40px rgba(43, 38, 30, .14);--bg:#e7e0cf;--surf:#f3eee2;--surf2:#e1d9c5;--surf3:#d2c8af;--acc:#7c6244;--acc2:#7d9b8e;--acc3:#b5485a;--danger:#b5485a;--text:#2b2a26;--text2:#6f6a5c;--text3:#a59d8b;--bdr:rgba(43, 42, 38, .08);--bdr2:rgba(43, 42, 38, .17);--accfade:rgba(124, 98, 68, .20);--dangerbdr:rgba(181, 72, 90, .25);--dim2:rgba(43, 42, 38, .34);--radius:10px;--accent-rgb:124,98,68;--c-gold-rgb:184,146,63;--font-display:'Zen Kaku Gothic New',sans-serif;--font-mono:'Noto Sans Mono','Martian Mono',monospace;--zen-rgb:43,42,38;--zen-a:.05;--ribbon-1:#d8b75c;--ribbon-2:#b8923f;--ribbon-text:#2b2520;--safe-t:env(safe-area-inset-top, 0px);--safe-b:env(safe-area-inset-bottom, 0px);--safe-l:env(safe-area-inset-left, 0px);--safe-r:env(safe-area-inset-right, 0px);--btn-h:36px}html[data-theme=dark]{--shadow:0 1px 2px rgba(0, 0, 0, .3),0 10px 30px rgba(0, 0, 0, .4);--shadow-lift:0 2px 4px rgba(0, 0, 0, .35),0 18px 46px rgba(0, 0, 0, .55);--bg:#121213;--surf:#1c1c1f;--surf2:#232326;--surf3:#2c2c30;--acc:#7e97b3;--acc2:#9aa7b5;--acc3:#c18a9b;--danger:#c07888;--text:#e4e4e4;--text2:#a8adb3;--text3:#6c7178;--bdr:rgba(228, 228, 224, .07);--bdr2:rgba(228, 228, 224, .16);--accfade:rgba(126, 151, 179, .22);--dangerbdr:rgba(192, 120, 136, .25);--dim2:rgba(0, 0, 0, .55);--accent-rgb:126,151,179;--c-gold-rgb:214,184,120;--zen-rgb:154,167,181;--zen-a:.045;--ribbon-1:#e6c474;--ribbon-2:#c69f4e;--ribbon-text:#1b1610}body,html{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;overflow:hidden;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;transition:opacity .34s var(--ease-out),transform .34s var(--ease-out);overflow:hidden}.screen.hidden{opacity:0;pointer-events:none;transform:translateY(12px) scale(.992)}#home-screen{justify-content:flex-start;padding:1rem 1.2rem 1.5rem;gap:.55rem;background:var(--bg);overflow-y:auto}.logo-wrap{text-align:center;cursor:pointer}.logo-svg{display:block;margin:0 auto .55rem;overflow:visible}.lvl-hero{display:flex;align-items:center;gap:12px;cursor:pointer}.lvl-mark{width:52px;height:52px;flex:none;color:var(--game-acc,var(--acc));display:grid;place-items:center}.lvl-mark svg{width:52px;height:52px}.lvl-hero-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.lvl-kanji{font-weight:900;font-size:1.4rem;letter-spacing:.04em}.lvl-kanji .lvl-k1{color:var(--text)}.lvl-kanji .lvl-k2{color:var(--game-acc,var(--acc))}.lvl-name{font-weight:900;font-size:1.4rem;letter-spacing:.02em;margin-top:2px;background:linear-gradient(95deg,var(--text),var(--game-acc,var(--acc)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lvl-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text3);margin-top:6px;line-height:1.2}.lvl-select{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:419px;margin-top:16px}.lvl-toggle{align-self:center;display:inline-flex;background:var(--surf2);border:1px solid var(--bdr2);border-radius:999px;padding:3px;margin:4px 0 20px}.lvl-diff{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 20px;border-radius:999px;color:var(--text3);font-weight:500;background:0 0;border:none;cursor:pointer;transition:color .18s}.lvl-diff.on{background:var(--game-acc,var(--acc));color:#fff}.lvl-path{position:relative;display:flex;flex-direction:column;gap:14px;padding-left:22px}.lvl-path::before{content:'';position:absolute;left:8px;top:12px;bottom:12px;border-left:2px dotted var(--game-acc-line,var(--bdr2))}.lvl-station{position:relative;display:block;text-align:left;width:100%;font-family:inherit;color:inherit;background:color-mix(in srgb,var(--surf2) 55%,transparent);border:1px solid var(--bdr2);border-radius:18px;box-shadow:var(--shadow);padding:15px 16px;cursor:pointer;transition:background .2s ease,transform .16s ease,box-shadow .2s ease,border-color .2s;-webkit-tap-highlight-color:transparent}.lvl-station:active{transform:translateY(0) scale(.995)}.lvl-main{display:flex;align-items:center;gap:13px}.lvl-stone{position:absolute;left:-14px;top:35px;width:13px;height:13px;border-radius:50%;background:var(--surf);border:2.5px solid var(--game-acc,var(--acc));transform:translate(-50%,-50%);overflow:hidden}.lvl-stone.half::after{content:'';position:absolute;inset:0;background:var(--game-acc,var(--acc));clip-path:inset(0 50% 0 0)}.lvl-stone.full{background:var(--game-acc,var(--acc))}.lvl-badge{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--game-acc,var(--acc));background:var(--game-acc-soft,var(--surf2));border:1px solid var(--game-acc-line,var(--bdr2))}.lvl-badge svg{width:23px;height:23px}.lvl-badge .lvl-uni{font-size:1.2rem;line-height:1;color:var(--game-acc,var(--acc))}.lvl-info{flex:1;min-width:0}.lvl-mode{font-weight:700;font-size:var(--fs-name);color:var(--text)}.lvl-desc{font-size:var(--fs-desc);color:var(--text2);line-height:1.4;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lvl-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.lvl-stars{font-size:.68rem;color:var(--gold,#b8923f);letter-spacing:1px;line-height:1;white-space:nowrap}.lvl-stars .o{color:var(--text3);opacity:.5}.lvl-time{font-family:var(--font-mono);font-size:.58rem;color:var(--text3)}.lvl-foot{display:flex;align-items:center;margin-top:13px;padding-top:12px;border-top:1px dashed var(--bdr2)}.lvl-cont-label{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:.72rem;font-weight:700;color:var(--game-acc,var(--acc))}.lvl-cont-label small{font-family:var(--font-mono);font-weight:500;opacity:.8;font-size:.82em}.lvl-foot-div{flex:none;align-self:stretch;width:0;border-left:1px dashed var(--bdr2);margin:0 10px}.lvl-new{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-family:inherit;font-size:.68rem;font-weight:700;padding:9px;border-radius:10px;border:1.5px solid var(--game-acc,var(--acc));background:0 0;color:var(--game-acc,var(--acc));cursor:pointer}@media (hover:hover) and (pointer:fine){.lvl-station:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--game-acc,var(--acc));background:color-mix(in srgb,var(--surf2) 80%,transparent)}.lvl-new:hover{background:var(--game-acc-soft,transparent)}}.install-banner{display:none;align-items:center;gap:.65rem;width:100%;max-width:340px;margin:0 auto;background:color-mix(in srgb,var(--surf2) 55%,transparent);border:1px solid var(--bdr2);border-radius:12px;box-shadow:var(--shadow);padding:13px 14px;cursor:pointer;position:relative;overflow:hidden;font-family:var(--font-display);transition:background .2s ease,transform .16s ease,box-shadow .2s ease,border-color .2s}.install-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--acc);background:color-mix(in srgb,var(--surf2) 80%,transparent)}.install-banner:active{transform:translateY(0) scale(.995)}.install-banner.visible{display:flex}.install-banner .ib-icon{font-size:1.1rem}.install-banner .ib-text{flex:1;font-size:var(--fs-desc);color:var(--text2);line-height:1.4}.install-banner .ib-cta{font-family:var(--font-display);font-size:.68rem;font-weight:700;color:var(--acc2);background:var(--accfade);border:1px solid var(--bdr2);border-radius:6px;padding:.2rem .5rem;white-space:nowrap}#game-screen{justify-content:flex-start;padding:0;background:var(--bg)}.game-header{width:100%;display:flex;align-items:center;padding:.32rem .6rem;gap:.4rem;border-bottom:1px solid var(--bdr);flex-shrink:0;background:var(--surf)}.icon-btn{width:var(--btn-h);height:var(--btn-h);border-radius:8px;border:1px solid var(--bdr2);background:var(--surf2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .12s}.icon-btn:active{transform:scale(.88)}.icon-btn svg{width:15px;height:15px}.header-center{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem}.header-titles{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.02rem;min-width:0}.header-game-name{font-size:.92rem;font-weight:700;letter-spacing:.01em;line-height:1.1;color:var(--text);white-space:nowrap}.header-kanji{margin-left:.3em;font-weight:500;color:var(--text2)}.header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.header-center .timer{font-size:1.05rem;text-align:left;flex-shrink:0}.header-div{flex:none;width:1px;height:20px;background:var(--bdr2);opacity:.8}.header-label{font-size:.56rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--text3);text-align:right;white-space:nowrap}.timer{font-family:var(--font-mono);font-size:1.12rem;font-weight:500;color:var(--text);letter-spacing:.04em;line-height:1}.timer.warn{color:var(--acc3);animation:timerWarn 1.4s ease-in-out infinite}.progress-wrap{width:100%;height:2px;background:var(--surf3);flex-shrink:0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .38s var(--ease-out)}.mode-banner{display:none;width:100%;padding:.3rem .8rem;border-bottom:1px solid var(--bdr);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-align:center;flex-shrink:0;color:var(--text2);background:var(--surf2)}.mode-banner.visible{display:block}.canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden}#game-canvas{touch-action:none;cursor:pointer;display:block}.pad-row{display:none;width:100%;padding:.3rem .6rem 0;gap:.3rem;flex-shrink:0;background:var(--surf)}.pad-row.visible{display:flex}.pad-btn{flex:1;height:40px;border-radius:8px;border:1px solid var(--bdr2);background:var(--surf2);color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .1s;min-width:0;padding:0}.pad-btn:active{transform:scale(.9);background:var(--surf3)}.toolbar{width:100%;display:flex;align-items:center;padding:.32rem .6rem;border-top:1px solid var(--bdr);background:var(--surf);flex-shrink:0;gap:.35rem}#game-screen .toolbar{border-top:none}.pad-row+.toolbar{border-top:none}.tool-btn{flex:1;height:var(--btn-h);border-radius:8px;border:1px solid var(--bdr2);background:var(--surf2);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.22rem;font-family:var(--font-display);font-size:.65rem;font-weight:600;white-space:nowrap;transition:transform .12s}.tool-btn:active{transform:scale(.93)}.tool-btn svg{width:13px;height:13px;flex-shrink:0}.tool-btn.danger{color:var(--danger);border-color:var(--dangerbdr)}.tool-btn.accent,.tool-btn.success{color:var(--acc2);border-color:var(--bdr2)}#pause-screen{justify-content:center;align-items:center;gap:1.1rem;padding:2rem;z-index:10}.pause-icon{width:58px;height:58px;border-radius:50%;background:var(--surf);border:1px solid var(--bdr2);display:flex;align-items:center;justify-content:center;font-size:1.55rem}.pause-title{font-size:1.45rem;font-weight:800}.toggle-cluster{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:12px}.toggle-cluster.floating{position:fixed}.lang-mini{font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.12em;color:var(--text3);background:0 0;border:none;padding:4px 3px;cursor:pointer;transition:color .2s}.lang-mini:hover{color:var(--text)}.pattern-toggle,.theme-mini{color:var(--text3);background:0 0;border:none;padding:4px;display:grid;place-items:center;transition:color .2s}.pattern-toggle:hover,.theme-mini:hover{color:var(--text)}.pattern-toggle svg,.theme-mini svg{width:19px;height:19px}.btn-full{display:block;width:100%;max-width:200px;padding:.78rem;background:var(--acc);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font-display);font-size:.9rem;font-weight:700;cursor:pointer;margin-bottom:.45rem;transition:opacity .15s,transform .15s;text-align:center}.btn-ico{width:15px;height:15px;vertical-align:-3px;margin-right:6px}.btn-full:active{transform:scale(.97);opacity:.88}.btn-full.outline{background:0 0;color:var(--text2);border:1.5px solid var(--bdr2);font-size:.84rem}.btn-full.outline:active{background:var(--surf)}.url-box{width:100%;background:var(--surf);border:1px solid var(--bdr2);border-radius:var(--radius);padding:.78rem;display:flex;align-items:center;gap:.5rem}.url-text{flex:1;font-family:var(--font-mono);font-size:.58rem;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:var(--acc);color:#fff;border:none;border-radius:7px;padding:.33rem .68rem;font-family:var(--font-display);font-size:.68rem;font-weight:700;cursor:pointer;flex-shrink:0}.copy-btn:active{transform:scale(.92)}.share-note{font-size:.74rem;line-height:1.5;color:var(--text2);margin-bottom:.5rem}.share-note a{color:var(--acc)}.sheet{position:absolute;bottom:0;left:0;right:0;background:var(--surf);border-top:1px solid var(--bdr2);padding:.8rem 1rem 1.2rem;z-index:22;transform:translateY(101%);transition:transform .3s cubic-bezier(.16, 1, .3, 1);border-radius:16px 16px 0 0}.sheet.open{transform:translateY(0)}.dimmer.floating,.sheet.floating{position:fixed}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.sheet-title{font-weight:700;font-size:.88rem}.donate-mark,.pv-mark{display:grid;place-items:center;width:40px;height:40px}.donate-mark svg,.pv-mark svg{width:40px;height:40px;display:block}.donate-head,.pv-head{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.5rem}.donate-row,.pv-row{display:flex;align-items:baseline;gap:7px}.donate-name,.pv-name{font-weight:700;font-size:var(--fs-name);color:var(--text)}.donate-kanji,.pv-kanji{font-weight:900;font-size:.96rem;color:#8a7d68}.donate-head i,.pv-head i{font-style:normal;font-family:var(--font-mono);font-size:.6rem;color:var(--text3);letter-spacing:.12em;text-transform:uppercase}.donate-msg,.pv-msg{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.7rem}.donate-msg b,.pv-msg b{font-size:.84rem;line-height:1.35}.donate-msg p,.pv-msg p{font-size:.72rem;color:var(--text2);line-height:1.55}.donate-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.55rem}.donate-tier{background:var(--surf2);border:1.5px solid var(--bdr2);border-radius:var(--radius);padding:.5rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.05rem;cursor:pointer;font-family:var(--font-display);color:var(--text);transition:transform .15s,background .15s}.donate-tier .amt{font-family:var(--font-mono);font-size:.88rem;font-weight:700;letter-spacing:-.02em}.donate-tier .lbl{font-size:.55rem;color:var(--text2);letter-spacing:.02em;text-align:center;line-height:1.3}.donate-tier:active{transform:scale(.96)}.donate-fine,.pv-fine{font-size:.6rem;color:var(--text3);text-align:center;line-height:1.5;margin-top:.5rem}.pv-fine a{color:var(--acc)}@media (hover:hover){.donate-tier:hover{background:var(--surf3)}}.btn-outline{display:block;width:100%;padding:.68rem;background:0 0;color:var(--text2);border:1.5px solid var(--bdr2);border-radius:var(--radius);font-family:var(--font-display);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s;margin:0}.btn-outline:active{background:var(--surf)}.dimmer{position:absolute;inset:0;background:var(--dim2);z-index:18;opacity:0;pointer-events:none;transition:opacity .2s}.dimmer.visible{opacity:1;pointer-events:auto}.toast-msg{position:fixed;bottom:4.5rem;left:50%;transform:translateX(-50%) translateY(12px);background:var(--surf3);color:var(--text);padding:.42rem .95rem;border-radius:16px;font-size:.76rem;font-weight:600;opacity:0;transition:opacity .28s var(--ease-out),transform .32s var(--ease-spring);pointer-events:none;z-index:100;white-space:nowrap;border:1px solid var(--bdr2)}.toast-msg.visible{opacity:1;transform:translateX(-50%) translateY(0)}.home-header-row{display:flex;width:100%;max-width:419px;justify-content:space-between;margin-bottom:-.1rem}#tutorial-screen{background:var(--bg);justify-content:flex-start;align-items:stretch;z-index:30;padding:0}.tutorial-header{width:100%;display:flex;align-items:center;padding:.5rem .8rem;border-bottom:1px solid var(--bdr);background:var(--surf);flex-shrink:0;gap:.5rem}.tutorial-title{flex:1;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);text-align:center}.tutorial-close-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--bdr2);background:var(--surf2);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;transition:transform .12s}.tutorial-close-btn:active{transform:scale(.9)}.tutorial-carousel{flex:1;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}.tutorial-slides{display:flex;width:100%;height:100%;transition:transform .35s cubic-bezier(.4, 0, .2, 1)}.tutorial-slide{min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem 1.2rem 0;gap:.7rem}.tutorial-canvas-wrap{width:100%;display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.tutorial-canvas{display:block}.tutorial-desc{width:100%;text-align:center}.tutorial-step-label{font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc2);margin-bottom:.28rem}.tutorial-step-title{font-size:var(--fs-name);color:var(--text);margin-bottom:.3rem}.tutorial-desc .tutorial-step-title{font-weight:700}.tutorial-step-body{font-size:var(--fs-desc);color:var(--text2);margin-bottom:.3rem;line-height:1.4}.tutorial-step-body strong{color:var(--acc2);font-weight:700}.tutorial-nav{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem .8rem;flex-shrink:0;border-top:1px solid var(--bdr);background:var(--surf)}.tutorial-nav-btn{height:34px;padding:0 1rem;border-radius:8px;border:1px solid var(--bdr2);background:var(--surf2);color:var(--text2);font-family:var(--font-display);font-size:.72rem;font-weight:700;cursor:pointer;transition:transform .12s,opacity .12s;display:flex;align-items:center;gap:.3rem}.tutorial-nav-btn:active{transform:scale(.93)}.tutorial-nav-btn:disabled{opacity:.25;pointer-events:none}.tutorial-nav-btn.primary{background:var(--acc);color:#fff;border-color:transparent}.tutorial-dots{display:flex;gap:.38rem;align-items:center}.tutorial-dot{width:6px;height:6px;border-radius:50%;background:var(--surf3);transition:transform .3s var(--ease-spring),background .3s var(--ease-out)}.tutorial-dot.active{background:var(--acc2);transform:scale(1.35)}.pause-title,.tutorial-step-title{font-family:var(--font-display);font-weight:900}.icon-btn,.tool-btn{box-shadow:0 1px 2px rgba(43,42,38,.04)}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@keyframes riseIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}#home-screen.anim-in>*,#pause-screen.anim-in>*,#win-screen.anim-in>*{animation:riseIn .5s var(--ease-out) both}#home-screen.anim-in>:first-child{animation-delay:.02s}#home-screen.anim-in>:nth-child(2){animation-delay:.07s}#home-screen.anim-in>:nth-child(3){animation-delay:.12s}#win-screen.anim-in>:first-child{animation-delay:.02s}#win-screen.anim-in>:nth-child(2){animation-delay:.07s}#win-screen.anim-in>:nth-child(3){animation-delay:.12s}#win-screen.anim-in>:nth-child(4){animation-delay:.18s}#win-screen.anim-in>:nth-child(5){animation-delay:.23s}#win-screen.anim-in>:nth-child(6){animation-delay:.28s}#win-screen.anim-in>:nth-child(n+7){animation-delay:.33s}#pause-screen.anim-in>:nth-child(2){animation-delay:.05s}#pause-screen.anim-in>:nth-child(3){animation-delay:.1s}#pause-screen.anim-in>:nth-child(4){animation-delay:.15s}#pause-screen.anim-in>:nth-child(5){animation-delay:.2s}@keyframes boardReveal{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}#game-canvas.board-reveal{animation:boardReveal .45s var(--ease-out) both}@keyframes starPop{0%{opacity:0;transform:scale(.2) rotate(-22deg)}60%{transform:scale(1.18) rotate(4deg)}100%{opacity:1;transform:none}}.win-star{display:inline-block;color:var(--text3);animation:starPop .52s var(--ease-spring) both;animation-delay:calc(.12s * var(--i) + .1s)}.win-star.fill{color:rgba(var(--c-gold-rgb),1);text-shadow:0 1px 7px rgba(var(--c-gold-rgb),.5)}@keyframes ribbonIn{0%{opacity:0;transform:rotate(45deg) translateY(-26px)}60%{opacity:1}100%{opacity:1;transform:rotate(45deg) translateY(0)}}.win-ribbon{animation:ribbonIn .6s var(--ease-out) .35s both}.btn-full,.btn-outline,.copy-btn,.icon-btn,.tool-btn{transition:transform .16s var(--ease-spring),box-shadow .2s var(--ease-out),background .2s var(--ease-out),border-color .2s var(--ease-out),opacity .2s var(--ease-out);will-change:transform}.btn-full:active,.btn-outline:active,.copy-btn:active,.tool-btn:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.icon-btn:hover,.tool-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(43,42,38,.12);border-color:var(--acc)}.btn-full.outline:hover,.btn-outline:hover{transform:translateY(-1px);border-color:var(--acc);color:var(--acc)}.btn-full:not(.outline):hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(124,98,68,.3)}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,98,68,.22)}}.btn-full:focus-visible,.btn-outline:focus-visible,.copy-btn:focus-visible,.icon-btn:focus-visible,.tool-btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.38)}@keyframes timerWarn{0%,100%{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}body{background-color:var(--bg);background-image:var(--pat-img,radial-gradient(circle at 50% 50%,rgba(var(--zen-rgb),0) 0 30%,rgba(var(--zen-rgb),var(--zen-a)) 30% 31.5%,rgba(var(--zen-rgb),0) 31.5% 53%,rgba(var(--zen-rgb),var(--zen-a)) 53% 54.5%,rgba(var(--zen-rgb),0) 54.5% 76%,rgba(var(--zen-rgb),var(--zen-a)) 76% 77.5%,rgba(var(--zen-rgb),0) 77.5%),radial-gradient(circle at 50% 50%,rgba(var(--zen-rgb),0) 0 30%,rgba(var(--zen-rgb),var(--zen-a)) 30% 31.5%,rgba(var(--zen-rgb),0) 31.5% 53%,rgba(var(--zen-rgb),var(--zen-a)) 53% 54.5%,rgba(var(--zen-rgb),0) 54.5% 76%,rgba(var(--zen-rgb),var(--zen-a)) 76% 77.5%,rgba(var(--zen-rgb),0) 77.5%));background-size:var(--pat-size,68px 68px);background-position:var(--pat-pos,0 0,34px 34px);background-repeat:repeat;transition:background-color .4s ease}#game-screen,#home-screen,#pause-screen,#tutorial-screen,#win-screen{background:0 0}.btn-full,.game-header,.icon-btn,.mode-banner,.pause-icon,.progress-wrap,.tool-btn,.toolbar{transition:background-color .4s ease,color .4s ease,border-color .4s ease}#win-screen{justify-content:flex-start;align-items:center;gap:.5rem;padding:1.2rem;overflow-y:auto;background:0 0}#win-screen::after,#win-screen::before{content:'';flex:1 0 0;min-height:0}#win-screen>*{flex-shrink:0}.win-card{position:relative;width:min(80vw,46vh,300px);max-height:62vh;border-radius:18px;overflow:hidden;background:var(--surf);border:6px solid var(--bdr2);box-shadow:var(--shadow-lift);padding:14px 20px 12px;display:flex;flex-direction:column;gap:1rem;margin:.15rem 0 .35rem;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease;will-change:transform;touch-action:none}html:not([data-theme=dark]) .win-card{border-color:rgba(43,42,38,.34)}.tc-footer,.tc-header{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}.tc-mode{margin-left:auto;text-align:right;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);line-height:1.5;flex:none}.tc-mode b{display:block;font-weight:700;color:var(--game-acc,var(--acc2));font-size:.68rem}.win-board-frame{position:relative;overflow:hidden;flex:none;width:100%;aspect-ratio:1/1;border:3px solid var(--bdr2);line-height:0;margin:0;background:var(--surf);z-index:1}.win-board-img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;transform:scale(1.015)}.win-ribbon{position:absolute;top:24px;right:-46px;width:168px;transform:rotate(45deg);background:linear-gradient(135deg,var(--ribbon-1),var(--ribbon-2));color:var(--ribbon-text);text-align:center;padding:6px 0;font-family:var(--font-mono);font-size:.56rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.42);border-bottom:1px solid rgba(0,0,0,.14);z-index:2}.win-ribbon[hidden]{display:none}.win-ribbon span{display:inline-block}.tc-stars{color:rgba(var(--c-gold-rgb),1);letter-spacing:1px;font-size:1.1rem;font-family:var(--font-mono)}.tc-time{font-family:var(--font-mono);font-size:.62rem;color:var(--text2)}.tc-time b{color:var(--game-acc,var(--acc2));font-weight:700}.tc-hints{font-family:var(--font-mono);font-size:.56rem;color:var(--text3);margin-left:.25em}.tc-seed{margin-left:auto;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.03em;color:var(--text3);flex:none}.tc-hints[hidden]{display:none}.card-etch{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 50% 50%,rgba(var(--zen-rgb),0) 0 30%,rgba(var(--zen-rgb),calc(var(--zen-a) * 2)) 30% 31.5%,rgba(var(--zen-rgb),0) 31.5% 53%,rgba(var(--zen-rgb),calc(var(--zen-a) * 2)) 53% 54.5%,rgba(var(--zen-rgb),0) 54.5% 76%,rgba(var(--zen-rgb),calc(var(--zen-a) * 2)) 76% 77.5%,rgba(var(--zen-rgb),0) 77.5%),radial-gradient(circle at 50% 50%,rgba(var(--zen-rgb),0) 0 30%,rgba(var(--zen-rgb),calc(var(--zen-a) * 2)) 30% 31.5%,rgba(var(--zen-rgb),0) 31.5% 53%,rgba(var(--zen-rgb),calc(var(--zen-a) * 2)) 53% 54.5%,rgba(var(--zen-rgb),0) 54.5% 76%,rgba(var(--zen-rgb),calc(var(--zen-a) * 2)) 76% 77.5%,rgba(var(--zen-rgb),0) 77.5%);background-size:34px 34px;background-position:0 0,17px 17px}html[data-theme=dark] .lvl-kanji,html[data-theme=dark] .tc-footer,html[data-theme=dark] .tc-mode{text-shadow:0 0 3px rgba(0,0,0,.7),0 0 7px rgba(0,0,0,.45),0 1px 1px rgba(0,0,0,.6)}.win-card[data-holo=reverse] .lvl-mark{filter:drop-shadow(0 1px 1.5px rgba(0, 0, 0, .55)) drop-shadow(0 -1px 0 rgba(255, 255, 255, .18))}html:not([data-theme=dark]) .win-card[data-holo=reverse]{border-color:rgba(140,102,30,.42);box-shadow:0 2px 4px rgba(80,58,20,.14),0 16px 40px rgba(120,90,30,.24)}html:not([data-theme=dark]) .win-card[data-holo=reverse] .win-board-frame{border-color:rgba(140,102,30,.34)}html[data-theme=dark] .win-card[data-holo=reverse]{border-color:rgba(214,184,120,.34)}html[data-theme=dark] .win-card[data-holo=reverse] .win-board-frame{border-color:rgba(214,184,120,.26)}.win-card[data-holo=reverse]::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background-position:var(--px,50%) var(--py,50%);transition:opacity .3s ease;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 26%,white 26% 35%,transparent 35% 50%,white 50% 59%,transparent 59% 74%,white 74% 83%,transparent 83%),radial-gradient(circle at 50% 50%,transparent 0 26%,white 26% 35%,transparent 35% 50%,white 50% 59%,transparent 59% 74%,white 74% 83%,transparent 83%);mask-image:radial-gradient(circle at 50% 50%,transparent 0 26%,white 26% 35%,transparent 35% 50%,white 50% 59%,transparent 59% 74%,white 74% 83%,transparent 83%),radial-gradient(circle at 50% 50%,transparent 0 26%,white 26% 35%,transparent 35% 50%,white 50% 59%,transparent 59% 74%,white 74% 83%,transparent 83%);-webkit-mask-size:36px 36px;mask-size:36px 36px;-webkit-mask-position:0 0,18px 18px;mask-position:0 0,18px 18px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.win-card[data-holo=reverse]::after{background-image:repeating-linear-gradient(115deg,#4e360e 0,#7a5719 10%,#a06a20 17%,#d9954a 22%,#a06a20 27%,#7a5719 35%,#4e360e 46%);background-size:220% 220%;mix-blend-mode:hard-light;opacity:calc(.28 + .42 * var(--tiltmag, 0))}html[data-theme=dark] .win-card[data-holo=reverse]::after{background-image:repeating-linear-gradient(115deg,#956519 0,#e9a22c 10%,#f6c639 17%,#fbf183 22%,#f6c639 27%,#e9a22c 35%,#956519 46%);background-size:220% 220%;mix-blend-mode:normal;opacity:calc(.18 + .42 * var(--tiltmag, 0))}.win-card .win-board-frame[data-holo=glare]::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;transition:opacity .3s ease;background-image:linear-gradient(calc(100deg + var(--ry,0deg)),rgba(255,90,90,var(--rainbow-a,.12)) 0,rgba(255,195,80,var(--rainbow-a,.12)) 16%,rgba(150,255,110,var(--rainbow-a,.12)) 33%,rgba(90,210,255,var(--rainbow-a,.12)) 50%,rgba(150,110,255,var(--rainbow-a,.12)) 66%,rgba(255,110,210,var(--rainbow-a,.12)) 83%,rgba(255,90,90,var(--rainbow-a,.12)) 100%),linear-gradient(90deg,transparent 0,transparent 3%,rgba(255,255,255,.35) 7%,transparent 12%,transparent 20%,rgba(255,255,255,.65) 26%,rgba(255,255,255,.65) 33%,transparent 40%,transparent 50%,rgba(255,255,255,.4) 55%,transparent 61%,transparent 70%,rgba(255,255,255,.52) 77%,rgba(255,255,255,.52) 83%,transparent 90%,transparent 96%,rgba(255,255,255,.3) 99%,transparent 100%);background-size:260% 260%,220% 100%;background-position:calc(100% - var(--px,50%)) 50%,var(--px,50%) 0;-webkit-mask-image:repeating-linear-gradient(90deg,rgba(255,255,255,.95) 0px,rgba(255,255,255,.95) 3px,transparent 3px,transparent 6px,rgba(255,255,255,.45) 6px,rgba(255,255,255,.45) 9px,transparent 9px,transparent 12px),linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.95) 16%,rgba(255,255,255,.95) 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:repeating-linear-gradient(90deg,rgba(255,255,255,.95) 0px,rgba(255,255,255,.95) 3px,transparent 3px,transparent 6px,rgba(255,255,255,.45) 6px,rgba(255,255,255,.45) 9px,transparent 9px,transparent 12px),linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.95) 16%,rgba(255,255,255,.95) 84%,transparent 100%);mask-composite:intersect;mix-blend-mode:hard-light;opacity:calc((.15 + .5 * var(--tiltmag, 0)) * var(--holo-boost, 1))}html:not([data-theme=dark]) .win-card .win-board-frame[data-holo=glare]{--holo-boost:1.5;--rainbow-a:.2}html[data-theme=dark] .win-card .win-board-frame[data-holo=glare]{--holo-boost:.64}.win-card .win-board-frame[data-holo=glare]::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:6;transition:opacity .3s ease;background:radial-gradient(circle at var(--px,50%) var(--py,50%),rgba(255,255,255,.92) 0,rgba(255,255,255,.35) 22%,transparent 52%);mix-blend-mode:overlay;opacity:calc(.2 + .65 * var(--tiltmag, 0))}@media (prefers-reduced-motion:reduce){.win-card{transition:none}}#win-screen>.btn-full{margin-top:.45rem}#win-screen .btn-full{max-width:320px}.win-btn-row{display:flex;gap:.5rem;width:100%;max-width:320px}.win-btn-row .btn-full{flex:1 1 0;width:auto;max-width:none;min-width:0}@keyframes lp-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}@keyframes lp-fade{0%{opacity:0}100%{opacity:1}}@keyframes lp-draw{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}@keyframes lp-drop{0%{opacity:0;transform:translateY(-9px) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.08)}100%{opacity:1;transform:scale(1)}}@keyframes lp-rise{0%{opacity:0;transform:translateY(7px) scale(.72)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes lp-grow{0%{opacity:0;transform:scale(.35)}100%{opacity:1;transform:scale(1)}}.doc-seal .tz-cord{stroke-dasharray:100}.doc-seal .tz-slip{transform-box:view-box;transform-origin:35px 19.7px}.doc-seal :is(.tz-knot,.tz-ch){transform-box:fill-box;transform-origin:center}.doc-seal.replay .tz-cord{animation:lp-draw .5s var(--ease-out) both}.doc-seal.replay .tz-slip{animation:tz-swing 1.05s cubic-bezier(.3,.9,.4,1) .22s both}.doc-seal.replay .tz-knot{animation:lp-pop .34s var(--ease-spring) .5s both}.doc-seal.replay .tz-ch{animation:lp-rise .38s var(--ease-out) both;animation-delay:calc(.66s + var(--i) * .11s)}@keyframes tz-swing{0%{opacity:0;transform:translateY(-10px) rotate(0)}26%{opacity:1;transform:translateY(0) rotate(7.5deg)}50%{transform:rotate(-4.6deg)}70%{transform:rotate(2.4deg)}86%{transform:rotate(-1deg)}100%{opacity:1;transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.doc-seal :is(.tz-cord,.tz-slip,.tz-knot,.tz-ch){animation:none!important}}.wrap.anim-in .hero{animation:riseIn .5s var(--ease-out) both}.wrap.anim-in .way{animation:riseIn .55s var(--ease-out) both}.wrap.anim-in .way:first-child{animation-delay:.04s}.wrap.anim-in .way:nth-child(2){animation-delay:.1s}.wrap.anim-in .way:nth-child(3){animation-delay:.16s}.wrap.anim-in .way:nth-child(4){animation-delay:.22s}.wrap.anim-in .way:nth-child(5){animation-delay:.28s}.wrap.anim-in .way:nth-child(6){animation-delay:.34s}.wrap.anim-in .way:nth-child(7){animation-delay:.4s}.wrap.anim-in .way:nth-child(n+8){animation-delay:.46s}@media (prefers-reduced-motion:reduce){.wrap.anim-in .hero,.wrap.anim-in .way{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.nojs{position:relative;z-index:10;max-width:34rem;margin:2.5rem auto;padding:1.5rem 1.6rem;background:var(--surf);border:1px solid var(--bdr2);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);font-family:var(--font-display);text-align:center}.nojs h2{font-size:var(--fs-name);font-weight:700;margin-bottom:.5rem}.nojs p{font-size:var(--fs-desc);line-height:1.7;color:var(--text2);margin-bottom:.5rem}.nojs a{color:var(--acc)}