body:has([data-blocks-game]) .site-header{display:none}.blocks-page{width:min(930px,calc(100% - 2rem));margin:1rem auto 5rem;color:#f4f7ff}.blocks-main{display:grid;gap:.65rem;position:relative}.blocks-topline{min-height:54px;display:flex;align-items:center;gap:.75rem}.blocks-back,.blocks-icon-button{width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid #e0c67555;border-radius:12px;color:#efd994;background:#102e62;text-decoration:none;font-size:1.45rem}.blocks-back{font-size:1.7rem}.blocks-heading{min-width:0;margin-right:auto}.blocks-heading small{display:block;color:#b5cae9;font-size:.62rem;letter-spacing:.15em}.blocks-heading h1{margin:0;font:700 clamp(1.2rem,2.8vw,1.7rem) var(--display-cjk);line-height:1.2}.blocks-top-actions{display:flex;align-items:center;gap:.35rem}.blocks-top-actions button{cursor:pointer}.blocks-start{min-height:46px;padding:.45rem .85rem;border:1px solid #e9d18d;border-radius:12px;color:#061937;background:#efd477;font-weight:800}.blocks-icon-button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.blocks-icon-button svg[hidden]{display:none}.blocks-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.42rem .8rem;border-radius:12px;background:#0d2b5d}.blocks-hud>div{display:flex;align-items:baseline;justify-content:center;gap:.5rem;min-width:0}.blocks-hud span{color:#a9c1e5;font-size:.78rem;white-space:nowrap}.blocks-hud strong{color:#fff;font-size:1.2rem;font-variant-numeric:tabular-nums}.blocks-play-area{--rail:clamp(116px,23%,190px);display:grid;grid-template-columns:minmax(0,1fr) var(--rail);justify-content:center;gap:.7rem;align-items:stretch}.blocks-stage{min-width:0;display:grid;place-items:center}.blocks-canvas-wrap{width:min(100%,350px);aspect-ratio:1/2}.blocks-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;border-radius:8px;box-shadow:0 0 0 2px #e2c77899,0 10px 32px #01091d}.blocks-page[data-night=true] .blocks-canvas-wrap canvas,.blocks-page[data-night=warning] .blocks-canvas-wrap canvas,.blocks-page[data-night=transition] .blocks-canvas-wrap canvas{box-shadow:0 0 0 2px #97cfff,0 0 32px #5b8eff66}.blocks-companion{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.55rem}.blocks-next{width:100%;padding:.55rem .3rem;border:1px solid #a7cfff44;border-radius:12px;text-align:center;background:radial-gradient(circle at 50% 40%,#1b4d92,#0a244e 78%);transition:box-shadow .2s,transform .2s,border-color .2s}.blocks-next span{color:#e6d18a;font-size:.8rem;font-weight:800}.blocks-next canvas{display:block;width:min(100%,130px);height:auto;margin:.2rem auto 0}.blocks-next.is-fox-intervening{border-color:#f4d783;box-shadow:0 0 0 3px #eecb77aa,0 0 24px #79a7ff88;animation:blocks-next-pulse .55s ease-in-out 2}.blocks-status{min-height:27px;width:100%;display:grid;place-items:center;text-align:center;color:#d4e3fa;font-size:.72rem}.fox-stage{width:100%;margin-top:auto;display:grid;place-items:center}.fox-stage canvas{display:block;width:clamp(76px,85%,130px);max-width:100%;height:auto;filter:drop-shadow(0 10px 13px #0009);transition:filter .2s,transform .2s}.fox-stage.is-fox-intervening canvas{transform:rotate(-8deg) scale(1.08);filter:drop-shadow(0 0 16px #f2d271)}.blocks-touch{width:min(100%,680px);justify-self:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.3fr;gap:.45rem;touch-action:manipulation}.blocks-touch button{min-width:0;min-height:64px;padding:.3rem;border:1px solid #b4d4ff80;border-radius:12px;color:#fff;background:linear-gradient(#21599e,#0b3370);font-size:1.5rem;font-weight:800;touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer;transition:transform .08s,filter .08s}.blocks-touch button:active{transform:translateY(2px);filter:brightness(1.18)}.blocks-touch .is-wide{border-color:#f2d47c;background:linear-gradient(#e7cc78,#b48932);color:#071a40;font-size:1rem}.blocks-how{margin-top:1.5rem;padding:1rem 1.2rem;border-top:1px solid #b0c9eb44;background:#071d44a0}.blocks-how h2{margin:0 0 .4rem;font-size:1.2rem}.blocks-how p{margin:.35rem 0;color:#c4d5ee;line-height:1.65}.blocks-how small{color:#99b5da}.blocks-points{font-size:.8rem}.blocks-points strong{color:#f1d788}.blocks-actions{display:flex;gap:.6rem;flex-wrap:wrap}.blocks-overlay,.blocks-tutorial{position:fixed;z-index:900;inset:0;display:grid;place-items:center;padding:1rem;background:#020b20c9;backdrop-filter:blur(6px)}.blocks-overlay[hidden],.blocks-tutorial[hidden],.blocks-fox-toast[hidden],.terminal-actions[hidden],.fox-dialog-area[hidden]{display:none}.blocks-dialog{width:min(400px,100%);padding:1.3rem;border:1px solid #d9c17c88;border-radius:16px;text-align:center;background:linear-gradient(160deg,#12386f,#061a3f);box-shadow:0 18px 50px #0009}.blocks-dialog h2{margin:.2rem 0 .6rem}.blocks-dialog p{color:#c8d9f1;line-height:1.6}.blocks-dialog small{display:block;margin:.8rem 0;color:#f0d27a}.terminal-actions,.blocks-tutorial-actions{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.blocks-tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;margin:1rem 0}.blocks-tutorial-grid>span{padding:.5rem .1rem;border-radius:9px;background:#1d4d8f;color:#f2d785;font-size:1.25rem;font-weight:800}.blocks-tutorial-grid small{margin:0;color:#fff;font-size:.68rem;font-weight:500}.blocks-fox-toast{position:fixed;z-index:100;left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100vw - 2rem);padding:.45rem .8rem;border:1px solid #e5cd84;border-radius:100px;color:#fff8e3;background:#153b79f2;box-shadow:0 7px 20px #0009;font-size:.8rem;pointer-events:none;white-space:nowrap}.seal-name-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:1rem;background:#010818c7;backdrop-filter:blur(10px)}.seal-name-modal[hidden]{display:none}.seal-name-dialog{width:min(520px,100%);padding:clamp(1.2rem,4vw,2rem)}.seal-name-dialog h2{font-size:2rem}.seal-name-dialog input{width:100%;min-height:52px;padding:.75rem 1rem;border:1px solid #d5bc72;color:#fff;background:#041631}.seal-name-dialog small{display:block;min-height:1.4rem;margin:.5rem 0;color:#ffd07b}.seal-name-actions{display:flex;gap:.7rem;flex-wrap:wrap}.seal-name-actions>*{flex:1}.seal-name-dialog [data-character-name]{display:block;margin:1rem 0;padding:1rem;border:1px solid #d5bc72;text-align:center;color:#f4dc94;background:#071d45}@keyframes blocks-next-pulse{50%{transform:scale(1.035);filter:brightness(1.18)}}@media(min-width:700px){.blocks-page{margin-top:1.4rem}.blocks-play-area{grid-template-columns:minmax(0,1fr) 175px;max-width:595px;margin:auto}.blocks-canvas-wrap{width:min(350px,calc((100dvh - 224px)/2))}.blocks-hud{max-width:595px;width:100%;margin:auto}.blocks-status{font-size:.82rem}.fox-stage canvas{width:125px}}@media(max-width:699px){.blocks-page{width:calc(100% - 12px);margin-top:.35rem}.blocks-main{gap:.38rem}.blocks-topline{min-height:42px;gap:.35rem}.blocks-back,.blocks-icon-button{width:40px;height:40px;border-radius:10px}.blocks-heading small{font-size:.47rem}.blocks-heading h1{font-size:1.12rem}.blocks-top-actions{gap:.2rem}.blocks-start{min-height:40px;padding:.3rem .45rem;font-size:.72rem}.blocks-hud{padding:.22rem .3rem;gap:.15rem}.blocks-hud>div{display:block;text-align:center}.blocks-hud span{display:block;font-size:.61rem}.blocks-hud strong{display:block;font-size:1rem;line-height:1.1}.blocks-play-area{--rail:clamp(74px,22vw,110px);grid-template-columns:minmax(0,1fr) var(--rail);gap:.35rem}.blocks-canvas-wrap{width:min(100%,calc((100dvh - 193px - env(safe-area-inset-bottom))/2));min-width:0}.blocks-next{padding:.35rem .1rem}.blocks-next span{font-size:.67rem}.blocks-next canvas{width:100%;margin:.05rem auto 0}.blocks-status{font-size:.6rem;min-height:22px}.fox-stage canvas{width:clamp(64px,90%,96px)}.blocks-touch{gap:.27rem;grid-template-columns:1fr 1fr 1fr 1fr 1.28fr}.blocks-touch button{min-height:64px;font-size:1.35rem}.blocks-touch .is-wide{font-size:.78rem}.blocks-how{margin-top:1rem}.blocks-how small{display:none}}@media(max-width:360px){.blocks-page{width:calc(100% - 8px)}.blocks-play-area{--rail:72px;gap:.25rem}.blocks-canvas-wrap{width:min(100%,calc((100dvh - 183px - env(safe-area-inset-bottom))/2))}.blocks-touch button{min-height:58px}.blocks-heading small{display:none}}@media(prefers-reduced-motion:reduce){.blocks-next.is-fox-intervening{animation:none}.fox-stage canvas,.blocks-next,.blocks-touch button{transition:none}}@media(max-width:699px){html:has(body.blocks-round-active),body.blocks-round-active{overflow:hidden;overscroll-behavior:none}.blocks-touch,.blocks-touch button{touch-action:none}}.blocks-help-button:disabled{opacity:.45;cursor:default}.blocks-icon-button svg.is-icon-hidden{display:none}.blocks-how summary{color:#e8d18c;font-weight:800;cursor:pointer}