:root{font-synthesis:none;color:#173e60;--ink:#173e60;--muted:#526e81;--line:#cdbb98;--cream:#fff8e8;--gold:#d8ae72;--board:min(62vh,520px,46vw);background:#082b43;font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:default;opacity:.45}button,div[role=grid]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #e5a12e}h1,h2,p{margin:0}svg{flex-shrink:0;width:21px;height:21px}button svg{vertical-align:middle}a{color:#176e9d;text-underline-offset:3px}::selection{color:#153952;background:#d9ac64}[hidden]{display:none!important}html{scrollbar-color:#6e9daf #0b3048}.app-shell{flex-direction:column;min-height:100dvh;display:flex;position:relative}.site-header{justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 48px);max-width:1200px;height:76px;margin:0 auto;display:flex}.button{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 22px;font-size:14px;font-weight:700;line-height:1.4;transition:filter .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.07)}.button:active:not(:disabled){translate:0 2px}.primary{color:#fffaf0;background:#1c729f;box-shadow:0 3px 7px #092f4766}.secondary{color:#214f72;background:#fdf8eb;border:2px solid #d7b482;box-shadow:0 3px 6px #092f4733}.quiet{color:#315e7a;background:0 0}.quiet:hover:not(:disabled){background:#e0eef5}.large{min-height:52px;padding:15px 25px;font-size:17px}.brand{color:#fff9e9;text-align:left;background:0 0;border-radius:8px;gap:10px;padding:0}.brand-copy strong{font-size:19px;display:block}.brand-copy small{letter-spacing:1.5px;margin-top:4px;font-size:10px;font-weight:400;display:block}.brand-mark{color:#f9e2b2;background:#164970;border:2px solid #d8ae72;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.brand-mark svg{width:30px;height:30px}.site-nav{align-items:center;gap:6px;display:flex}.nav-button{color:#244e6b;background:#fff8e9e8;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:10px 13px;font-size:13px;font-weight:700;display:inline-flex}.nav-button.current{color:#153d5c;background:#e5b363}.nav-button:hover:not(:disabled){filter:brightness(1.09)}.main-content{flex:1;width:calc(100% - 48px);max-width:1180px;margin:0 auto}.menu-page{background:#fff9e9f5;border:2px solid #d8b57d;border-radius:16px;min-height:calc(100dvh - 120px);padding:24px 30px 32px;box-shadow:0 10px 24px #042d4360}.page-heading{text-align:center;margin-bottom:28px}.page-heading h1{margin-bottom:10px;font-size:30px;line-height:1.4}.page-heading p{color:var(--muted);font-size:14px;line-height:1.8}.level-list{grid-template-columns:repeat(5,1fr);gap:16px;margin:30px auto;display:grid}.level-card{text-align:center;background:#fffdf5;border:2px solid #d5b67f;border-radius:14px;flex-direction:column;align-items:center;min-height:308px;padding:23px 14px 20px;display:flex;box-shadow:0 4px 9px #8c694524}.level-card.locked{box-shadow:none;background:#e6ebea;border-color:#b8c5c8}.level-number{color:#fff4d4;background:#1d567d;border:3px solid #c19c57;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:18px;font-size:35px;font-weight:800;display:grid;position:relative;box-shadow:inset 0 0 0 4px #2c6f99}.level-number svg{color:#557386;background:#f6f6ee;border-radius:6px;width:26px;height:26px;padding:3px;position:absolute;bottom:-5px;right:-8px}.locked .level-number{filter:grayscale();opacity:.65}.level-name{margin-bottom:12px;font-size:16px;font-weight:800}.level-detail{white-space:pre-line;color:var(--muted);font-size:12px;line-height:1.9}.level-best{color:var(--muted);margin:18px 0;font-size:11px}.level-card .button{width:100%;margin-top:auto;padding:10px;font-size:13px}.subtle-note{text-align:center;color:var(--muted);margin:22px 0 0;font-size:12px;line-height:1.9}.rules-steps{grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0;display:grid}.rule-step{border-bottom:2px solid #cba765;padding:12px 12px 25px}.step-number{color:#b18a48;margin-bottom:12px;font-size:29px;font-weight:800;display:block}.rule-step h2{margin-bottom:12px;font-size:20px}.rule-step p{color:var(--muted);font-size:14px;line-height:1.9}.rules-details{color:#3f6075;background:#edf4f4;border-radius:12px;gap:12px;padding:20px 24px;font-size:13px;line-height:1.9;display:grid}.keyboard-guide{text-align:center;color:var(--muted);margin-top:25px;font-size:12px;line-height:1.8}.rank-tabs{justify-content:center;gap:8px;margin:20px 0;display:flex}.rank-tabs .active{color:#fff9e9;background:#1d6089;border-radius:9px}.rank-tabs button{padding:11px 18px;font-size:14px}.rank-panel{background:#fffef9;border:1px solid #d5bd93;border-radius:12px;max-width:760px;margin:0 auto;overflow:hidden}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:260px;padding:40px 22px;display:flex}.empty-state>svg{color:#b5955a;width:56px;height:56px}.empty-state h2{font-size:22px}.empty-state p{color:var(--muted);font-size:14px;line-height:1.9}.rank-table{border-collapse:collapse;text-align:center;width:100%}.rank-table th{color:#476a81;background:#e7f0f2;padding:18px;font-size:13px}.rank-table td{font-variant-numeric:tabular-nums;border-top:1px solid #e0e6e4;padding:16px;font-size:15px}.rank-table td:nth-child(2){color:#245c83;font-size:19px;font-weight:800}.settings-page{max-width:850px;margin:0 auto}.settings-group{background:#fffdf6;border:1px solid #d6bd97;border-radius:12px;padding:0 25px}.setting-row{cursor:pointer;border-bottom:1px solid #d6e1e4;justify-content:space-between;align-items:center;gap:22px;padding:23px 0;display:flex}.setting-row h2,.reset-panel h2{margin-bottom:8px;font-size:16px}.setting-row p,.reset-panel p{color:var(--muted);font-size:13px;line-height:1.8}.switch{appearance:none;cursor:pointer;background:#a8bdc5;border-radius:20px;flex-shrink:0;width:46px;height:27px;position:relative}.switch:before{content:"";background:#fffdf7;border-radius:50%;width:21px;height:21px;transition:transform .16s;position:absolute;top:3px;left:3px}.switch:checked:before{transform:translate(19px)}.audio-row{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:13px;display:flex}.reset-panel{border-top:1px solid #cdb991;justify-content:space-between;align-items:center;gap:22px;margin-top:28px;padding-top:25px;display:flex}.danger-outline{color:#924c42;background:#f6e1d9}.danger{color:#fff;background:#ad5145}.site-footer{color:#fff6df;width:calc(100% - 48px);max-width:1180px;margin:0 auto;padding:10px;font-size:12px}.site-footer[hidden]{display:none}.storage-state.temporary{color:#725123;background:#fff1cc;border-radius:7px;padding:6px 12px}.notice{text-align:center;color:#5c451e;background:#fff1cf;border:1px solid #d6b675;border-radius:8px;max-width:1100px;margin:10px auto;padding:9px 18px;font-size:13px;line-height:1.6}.board{isolation:isolate;border-radius:9px;outline:none;grid-template-columns:repeat(8,1fr);gap:5px;display:grid;position:relative;overflow:hidden}.board:focus-visible{outline-offset:3px;outline:3px solid #5de4ff}.tile{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform,opacity;touch-action:manipulation;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.tile-A{background:#f4efd5}.tile-B{background:#f8e6dc}.tile-C{background:#ebe6fb}.tile-D{background:#e3eff1}.tile-E{background:#e4edf8}.selected-marker{font-size:10px;display:none;position:absolute;bottom:3px;right:3px}.selected .selected-marker{display:block}.board[aria-busy=true] .tile{cursor:default}.board-caption{text-align:center;color:#fff9de;font-size:12px;line-height:1.7}.game-layout{isolation:isolate;position:relative}.target-track{background:#b6c5ce;border-radius:4px;height:6px;overflow:hidden}.target-track>span{transform-origin:0;background:#2d9fca;width:100%;height:100%;display:block;transform:scaleX(0)}.target-title h2{font-size:11px;font-weight:500}.target-title svg{display:none}.modal-overlay{z-index:100;background:#06253cc9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{color:#244a67;text-align:center;background:#fff9eb;border:3px solid #d4ab69;border-radius:18px;flex-direction:column;gap:14px;width:430px;max-width:100%;padding:30px;display:flex;box-shadow:0 12px 35px #001b3099}.modal h2{font-size:23px;line-height:1.6}.modal p{color:var(--muted);margin:3px 0 10px;font-size:14px;line-height:1.9}.modal-actions{gap:12px;display:flex}.modal-actions .button{flex:1}.pause-emblem{color:#347a9e;background:#e1eff4;border-radius:50%;align-self:center;padding:17px}.pause-emblem svg{width:32px;height:32px}.result-page{text-align:center;flex-direction:column;align-items:center;max-width:820px;margin:auto;padding:28px;display:flex}.result-emblem{color:#fff0b9;background:#1f6089;border:2px solid #c5a667;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:14px;display:grid}.result-emblem svg{width:31px;height:31px}.result-emblem.lost{background:#68889b}.result-level{color:var(--muted);margin-bottom:12px;font-size:12px}.result-page h1{margin-bottom:10px;font-size:31px}.result-page>p{color:var(--muted);font-size:13px}.result-stats{flex-direction:column;align-items:center;gap:7px;margin:20px 0 0;display:flex}.result-stats>span{color:var(--muted);font-size:13px}.result-stats>strong{color:#1c658e;font-variant-numeric:tabular-nums;font-size:60px;font-weight:800;line-height:1.1}.result-target{font-size:12px!important}.result-companion{justify-content:center;align-items:center;gap:15px;margin:5px 0 12px;display:flex}.result-portrait{width:120px;height:120px}.result-character{object-fit:contain;width:100%;height:100%}.result-companion>span{color:#355a72;max-width:200px;font-size:13px;line-height:1.8}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 8px;display:flex}.result-actions .button{min-width:140px}.result-save{margin:14px 0 0;line-height:1.8;font-size:11px!important}.boot-screen{color:#fff6df;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;display:flex}.boot-screen button{color:#264d69;background:#fff1ce;border-radius:8px;padding:12px 25px}.loading-dots{letter-spacing:8px;color:#ccab6e}@media (width<=900px){.site-header{flex-wrap:wrap;gap:14px;height:auto;min-height:76px;padding:15px 0}.site-nav{gap:4px}.nav-button{padding:9px;font-size:12px}.level-list{grid-template-columns:repeat(3,1fr)}.brand-copy strong{font-size:17px}.main-content{width:calc(100% - 28px)}.rules-steps{gap:15px}}@media (width<=600px){.site-header{width:calc(100% - 28px)}.site-nav{justify-content:space-between;width:100%}.nav-button{flex:1;justify-content:center;padding:10px 4px;font-size:11px}.nav-button svg{width:16px;height:16px}.menu-page{padding:23px 16px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.level-list{grid-template-columns:repeat(2,1fr);gap:12px}.level-card{min-height:284px;padding:18px 10px}.level-name{font-size:14px}.rules-steps{grid-template-columns:1fr}.rule-step{padding:10px 8px 20px}.rank-tabs{gap:1px}.rank-tabs button{padding:11px 12px}.settings-group{padding:0 16px}.reset-panel{flex-direction:column;align-items:flex-start}.result-page h1{font-size:26px}.result-stats>strong{font-size:51px}.modal{padding:25px}.modal h2{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}:root{--ink:#263653;--muted:#65738c;--line:#e1e7f0;--sticker-green:#d2eee4;--sticker-orange:#ffe0ca;--sticker-purple:#e2daf9;--sticker-gold:#f9e5b0}.tile-A,.art-tile.tile-A{background:var(--sticker-green);color:#275e4d}.tile-B,.art-tile.tile-B{background:var(--sticker-orange);color:#85442c}.tile-C,.art-tile.tile-C{background:var(--sticker-purple);color:#594081}.tile-D,.art-tile.tile-D{background:var(--sticker-gold);color:#71521c}.tile-E,.art-tile.tile-E{color:#265f79;background:#d1eaf5}.sticker{isolation:isolate;display:block;position:relative;overflow:hidden}.sticker-image{object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sticker-image[hidden]{display:none}.sticker.is-ready>.sticker-image{opacity:1}.sticker-fallback{pointer-events:none;justify-content:center;align-items:center;gap:3px;font-size:clamp(12px,1.8vw,25px);display:flex;position:absolute;inset:0}.sticker.is-ready>.sticker-fallback{visibility:hidden}.sticker-symbol{font-size:1.2em;font-weight:600}.tile-face{transition:transform .14s ease-out;position:absolute;inset:2px 2px 4px}.tile:before{border:0;inset:0}.tile.selected{z-index:1;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #33567c}.selected .tile-face{inset:4px}.selected-marker{color:#fff;text-align:center;z-index:3;background:#325578;border-radius:50%;width:15px;height:15px;font-size:10px;line-height:15px;bottom:3px;right:3px}.board:focus-visible .tile.focused:after{content:"";pointer-events:none;z-index:4;border:2px dashed #173a62;border-radius:8px;position:absolute;inset:1px}.board:not(:focus-visible) .tile.focused:after{display:none}.board-frame{background:#e2eaf4;border:1px solid #faffff;box-shadow:0 6px #cdd9e9,0 15px 40px #29486c14}.board-caption{color:#64748b;letter-spacing:1px;font-size:12px}.game-stats{gap:16px}.stat-label{color:#65738c;font-size:12px}.stat:nth-child(2) .stat-value{color:#718199}.moves .stat-value{color:#5b6cba}.game-layout{grid-template-columns:minmax(0,var(--board)) 248px;gap:36px}.game-aside{padding-top:54px}.target-panel{padding-bottom:14px}.target-panel>p{color:#65738c}.target-title{margin-bottom:9px}.target-track{margin-top:12px}.target-panel .target-percent{color:#665691}.game-controls{gap:10px;padding:18px 0}.shuffle-note{color:#67758d;font-size:11px}.sticker-legend{border-top:1px solid var(--line);padding:18px 0 14px}.sticker-legend h2{color:#4f607b;margin:0 0 12px;font-size:12px;font-weight:650}.sticker-legend-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;display:grid}.sticker-legend-item{align-items:center;gap:8px;min-width:0;display:flex}.legend-portrait{border:1px solid #fff;border-radius:10px;flex:0 0 38px;width:38px;height:38px;box-shadow:0 2px 5px #2234550a}.sticker-legend-item>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.sticker-legend-item strong{color:#354760;white-space:nowrap;font-size:11px;font-weight:650}.sticker-legend-item small{color:#67758d;font-size:10px}.mini-help{padding-top:14px}.mini-help h2{color:#5c6d85;margin-bottom:8px}.mini-help p,.key-caps{color:#6d7a91}.key-caps{margin-top:8px}.rules-steps+.rules-details,.rules-steps{margin-top:24px}.rules-steps~.sticker-legend{max-width:640px}.menu-page>.sticker-legend{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:640px;padding:20px 24px}.menu-page>.sticker-legend .sticker-legend-items{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-description{color:#65738c}.intro-pill{color:#6877a5}.hero-note{color:#67758d}.hero-art{padding:20px 18px}.art-mat{background:#fff;width:360px;padding:20px 20px 13px;rotate:5deg;box-shadow:0 12px #e2e8f5,0 22px 50px #476b9c15}.art-tiles{grid-template-columns:repeat(8,1fr);gap:5px}.art-tile{border:1px solid #fff9;position:relative;box-shadow:inset 0 -2px #2234550a}.art-tile>.sticker{position:absolute;inset:1px}.floating-token.sticker{border:2px solid #fff;position:absolute;overflow:visible;box-shadow:0 5px #d9e2ef,0 12px 30px #3d567e14}.floating-token .sticker-image{width:120%;height:120%;inset:-10%}.token-a{top:38px;left:-3px;rotate:-12deg}.token-b{bottom:18px;right:-2px;rotate:12deg}.art-label{color:#66738d}.feature p{color:#68778e}.site-footer{color:#697990}.subtle-note{color:#68758c}@media (hover:hover) and (pointer:fine){.board[aria-busy=false] .tile:hover:not(.selected){filter:none;box-shadow:inset 0 0 0 2px #fff,0 2px 8px #29486c1c}.board[aria-busy=false] .tile:hover:not(.selected) .tile-face{transform:translateY(-1px)scale(1.04)}}.board[aria-busy=true] .tile .tile-face{transition:none;transform:none}[data-reduced-motion=true] .tile-face{transition:none!important;transform:none!important}@media (width>=1600px){.game-layout{gap:48px}.game-aside{padding-top:62px}}@media (width<=1050px){.game-layout{grid-template-columns:minmax(0,var(--board)) 220px;gap:24px}.art-mat{width:320px;padding:17px}.sticker-legend-items{gap:12px 6px}.legend-portrait{flex-basis:34px;width:34px;height:34px}.sticker-legend-item{gap:6px}}@media (width<=760px){.game-layout{grid-template-columns:minmax(0,var(--board));gap:0}.game-aside{padding-top:24px}.sticker-legend{order:2;margin-top:16px;padding:15px 0}.sticker-legend-items{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px}.sticker-legend-item{text-align:center;flex-direction:column;gap:6px}.sticker-legend-item strong{font-size:10px}.sticker-legend-item small{display:none}.legend-portrait{flex-basis:34px}.sticker-legend h2{text-align:center;margin-bottom:12px}.art-mat{width:295px}.menu-page>.sticker-legend{padding:18px 12px}.game-controls{gap:12px;padding:0}.board-caption{letter-spacing:0;font-size:11px}.tile{border-radius:8px}.tile-face{inset:1px}.selected .tile-face{inset:3px}}@media (prefers-reduced-motion:reduce){.tile-face{transition:none!important;transform:none!important}}.companion-stage{aspect-ratio:1;isolation:isolate;background:radial-gradient(at 50% 62%,#dcecff 0,#eaf4ff90 48%,#0000 72%);border-radius:18px;width:100%;position:relative}.companion-image{object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.companion-sprite{transform-origin:50% 85%;position:absolute;inset:0}.companion-image[hidden]{display:none}.companion-stage.is-ready .companion-image{opacity:1}.companion-stage.is-ready .companion-fallback{visibility:hidden}.companion-click-video{z-index:3;object-fit:contain;pointer-events:none;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity 40ms linear,visibility 0s 40ms;position:absolute;inset:0}.companion-stage[data-video-state=playing] .companion-click-video{opacity:1;visibility:visible;transition:opacity 40ms linear,visibility}.companion-stage[data-video-state=pending] .companion-click-video{opacity:.001;visibility:visible;transition:none}.companion-stage[data-video-cover=true] .companion-sprite{visibility:hidden}.companion-stage[data-video-reset=true] .companion-click-video{transition:none}.companion-stage{transform-origin:50% 85%;transition:transform 60ms ease-out,opacity 60ms ease-out}.companion-stage[data-pressed=true]{transform:scale(1.012,.985)}.companion-stage[data-video-reset=true]{transition:none}[data-reduced-motion=true] .companion-stage[data-pressed=true]{opacity:.88;transform:none}[data-reduced-motion=true] .companion-click-video{display:none}[data-reduced-motion=true] .companion-stage[data-video-cover=true] .companion-sprite{visibility:visible}@media (prefers-reduced-motion:reduce){.companion-click-video{display:none}.companion-stage[data-pressed=true]{opacity:.88;transform:none}.companion-stage[data-video-cover=true] .companion-sprite{visibility:visible}}.companion-absorb{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(#fffdeb60 15%,#c5eaff95 45%,#0000 71%);border-radius:50%;position:absolute;inset:-8%}[data-reduced-motion=true] .companion-absorb{display:none}@media (prefers-reduced-motion:reduce){.companion-absorb{display:none}}.companion-fallback{color:#536b89;background:#edf4fc;border:1px dashed #adbed4;border-radius:17px;flex-direction:column;justify-content:center;gap:12px;padding:10px;display:flex;position:absolute;inset:10px}.companion-fallback strong{font-size:18px}.companion-fallback span{font-size:11px;line-height:1.7}:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}.board-frame{isolation:isolate;position:relative}.board{z-index:1}.tile{will-change:auto}.board[aria-busy=true] .tile{will-change:transform,opacity}.tile-face{transition:transform .14s var(--ease-out)}.tile.matched{filter:none;box-shadow:inset 0 0 0 1px #f9ffff}.tile-heat{border-radius:inherit;opacity:0;pointer-events:none;z-index:3;background:linear-gradient(145deg,#fff,#e2f5ff);position:absolute;inset:-1px}.steam-layer{z-index:3;pointer-events:none;contain:layout style;position:absolute;inset:12px;overflow:visible}.steam-group{pointer-events:none;transform-origin:50% 80%;will-change:transform,opacity;position:absolute}.steam-group[hidden]{display:none}.steam-puff{background:radial-gradient(at 42% 34%,#fff 15%,#f3fcff 62%,#c1e1f0 100%);border:1px solid #9fc4d9b0;border-radius:48% 52% 44% 56%;width:70%;height:68%;display:block;position:absolute;top:9%;left:14%;box-shadow:0 1px 5px #6d9fbd30}.steam-puff:nth-child(2){width:45%;height:47%;top:37%;left:1%;rotate:-15deg}.steam-puff:nth-child(3){width:49%;height:48%;top:37%;left:48%;rotate:20deg}.steam-group[data-intensity=strong] .steam-puff{background:radial-gradient(at 42% 34%,#fff 18%,#eaf9ff 62%,#b4d9ee 100%);border-color:#8eb8d1b0}.board-effect-label{z-index:5;pointer-events:none;white-space:nowrap;color:#376580;opacity:0;transition:opacity .1s var(--ease-out),transform .16s var(--ease-out);background:#f2fbfff5;border:1px solid #fff9;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:750;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,8px);box-shadow:0 3px 12px #6b9eb226}.board-effect-label.is-visible{opacity:1;transform:translate(-50%,-3px)}.board-frame:has(.board-effect-label.is-visible)+.board-caption{visibility:hidden}[data-reduced-motion=true] .steam-layer{display:none}[data-reduced-motion=true] .board-effect-label{transition:opacity .1s linear;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.steam-layer{display:none}.board-effect-label{transition:opacity .1s linear;transform:translate(-50%)}}.preparation-overlay{z-index:6;cursor:wait;background:#f0f7ff52;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.preparation-overlay[hidden]{display:none}.preparation-card{color:#345c7b;background:#f8fcfff5;border:1px solid #fff;border-radius:26px;flex-direction:column;align-items:center;gap:8px;padding:21px 25px 23px;display:flex;box-shadow:0 12px 45px #254e7630}.preparation-eyebrow{letter-spacing:3px;font-size:13px;font-weight:650}.preparation-digit{color:#547aa9;font-variant-numeric:tabular-nums;font-size:80px;font-weight:800;line-height:1.05}.preparation-tip{color:#71869a;white-space:nowrap;font-size:11px}.rice-bowl{opacity:0;pointer-events:none;will-change:transform,opacity;transform-origin:50% 60%;filter:drop-shadow(0 2px 2px #356d9533);width:42px;height:42px;position:absolute;top:0;left:0}.rice-bowl[hidden]{display:none}.rice-mound{background-color:#fffef6;background-image:radial-gradient(1.4px 2.7px at 27% 42%,#d3d9d0 96%,#0000),radial-gradient(1.5px 2.5px at 48% 28%,#d9ddd2 96%,#0000),radial-gradient(1.5px 2.6px at 68% 45%,#d2d9d1 96%,#0000),radial-gradient(1.4px 2.3px at 42% 68%,#d5ddd2 96%,#0000),radial-gradient(1.4px 2.4px at 78% 72%,#d1d9d1 96%,#0000);border:1.5px solid #c1d0d9;border-radius:50% 48% 20% 20%;width:78%;height:48%;position:absolute;top:7%;left:11%;box-shadow:inset 0 2px #fff}.rice-cup{background:linear-gradient(105deg,#f5fcff 15%,#e9f7ff 48%,#b6d8ef 100%);border:1.7px solid #5887ad;border-radius:9% 9% 48% 48%/12% 12% 88% 88%;width:90%;height:43%;position:absolute;top:42%;left:5%;box-shadow:inset 0 2px #fff}.rice-cup:before{content:"";opacity:.8;background:#74aacb;border-radius:50%;height:15%;position:absolute;top:24%;left:4%;right:4%}.rice-cup:after{content:"";background:#fff9;border-radius:50%;width:17%;height:31%;position:absolute;top:49%;left:25%}.rice-foot{background:#cee5f5;border:1.5px solid #5887ad;border-top:0;border-radius:0 0 40% 40%;width:28%;height:8%;position:absolute;top:83%;left:36%}[data-reduced-motion=true] .rice-bowl{display:none}@media (prefers-reduced-motion:reduce){.rice-bowl{display:none}}.rice-bucket-block{text-align:center;color:#234d6d;flex-shrink:0;width:100%}.rice-bucket{aspect-ratio:1.4;isolation:isolate;width:100%;height:auto;margin:auto;position:relative}.rice-bucket>img{pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;max-width:none;height:auto;position:absolute}.rice-bucket[data-image-state=ready]>img{visibility:visible}.porcelain-body,.porcelain-front{width:104.5%;top:-29%;left:-2.25%}.porcelain-body{z-index:0}.porcelain-front{z-index:2;clip-path:inset(48% 0 0)}.rice-bucket .bucket-rice{z-index:1;transform-origin:50% 86.8%;width:120%;transition:transform .2s ease-out;top:-10.6%;left:-10%}.bucket-rice[hidden]{display:none}.porcelain-fallback{color:#285277;background:#f1f8fc;border:2px solid #5986a7;border-radius:18% 18% 30% 30%;place-content:center;font-size:16px;display:grid;position:absolute;inset:18% 8% 0}.rice-bucket[data-image-state=ready] .porcelain-fallback{display:none}.rice-count{font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff9ec;border:2px solid #d7b47f;border-radius:10px;padding:5px 10px;font-size:clamp(14px,1.7cqw,24px);font-weight:800;line-height:1.2;display:block}.rice-progress{background:#98b3c3;border-radius:5px;width:82%;height:7px;margin:6px auto 0;display:block;overflow:hidden}.rice-progress-fill{transform-origin:0;background:#249bc6;width:100%;height:100%;display:block;transform:scaleX(0)}.rice-stage-label{margin-top:5px;font-size:11px;line-height:1.7;display:block}.rice-bucket-block[data-stage=full] .rice-count{color:#186a87}.companion-absorb{position:absolute;inset:0}.rice-bucket-block[data-stage=full] .rice-progress-fill{background:#dcaa4a}[data-reduced-motion=true] .bucket-rice{transition:none}@media (prefers-reduced-motion:reduce){.bucket-rice{transition:none}}.skill-layer{z-index:12;pointer-events:none;isolation:isolate;position:absolute;inset:0}.skill-layer[hidden]{display:none}.skill-layer[data-result=failure] .skill-title strong{letter-spacing:.3px;overflow-wrap:anywhere;font-size:17px;line-height:1.5}.skill-title span[hidden]{display:none}.skill-portrait{transform-origin:50% 90%;opacity:0;z-index:3;width:290px;height:440px;position:absolute;bottom:-8px;left:-255px}.skill-adult{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 5px #4a7bad22);width:100%;height:100%}.skill-adult[hidden],.skill-art-fallback[hidden]{display:none}.skill-art-fallback{color:#376da0;writing-mode:vertical-rl;letter-spacing:6px;background:#eaf6fff5;border:2px solid #a6d5f3;border-radius:24px;place-items:center;font-size:28px;font-weight:800;display:grid;position:absolute;inset:12%}.skill-aura{opacity:0;background:radial-gradient(#fff8dc88,#b2dcff9c 38%,#0000 70%);border-radius:50%;width:370px;height:440px;position:absolute;bottom:-20px;left:-290px}.skill-veil{z-index:4;opacity:0;width:290px;height:370px;position:absolute;bottom:35px;left:-260px}.skill-veil i{background:radial-gradient(#fff,#e9f9fff0 40%,#0000 72%);border-radius:50%;width:90%;height:35%;position:absolute;bottom:15%;left:-5%}.skill-veil i:nth-child(2){width:82%;bottom:35%;left:25%}.skill-veil i:nth-child(3){width:85%;bottom:55%;left:0}.skill-veil i:nth-child(4){width:70%;bottom:68%;left:25%}.skill-wave{z-index:6;opacity:0;filter:drop-shadow(0 2px 5px #6ab8e080);width:220px;height:110px;position:absolute;top:0;left:0}.skill-wave-trail{background:linear-gradient(90deg,#0000,#74caf4dd 35%,#f2fdff);border-radius:50% 30% 45% 50%;width:92%;height:40%;position:absolute;top:35%;left:0;transform:rotate(-8deg)}.skill-wave-crest{background:radial-gradient(at 75% 18%,#fff 5%,#aee5fc88 40%,#0000 70%);border:10px solid #6fbeec;border-color:#6fbeec #6fbeec #dcfaff #0000;border-radius:50%;width:65%;height:83%;position:absolute;top:3%;right:4%;transform:rotate(-18deg)}.skill-wave-foam{border:5px solid #fff;border-color:#fff #fff #0000 #0000;border-radius:50%;width:20%;height:20%;position:absolute;top:10%;right:10%;transform:rotate(-25deg)}.skill-band{opacity:0;z-index:7;background:linear-gradient(90deg,#0000,#a7e5fff2 12%,#fff 50%,#a7e5fff2 88%,#0000);border-radius:30px;position:absolute;box-shadow:0 0 14px #72c2ed99}.skill-target{z-index:1;opacity:0;background:#dbf5ff44;border:2px solid #52a7d6;border-radius:11px;position:absolute;box-shadow:inset 0 0 7px #fff}.skill-title{z-index:8;text-align:center;opacity:0;background:#effbfff2;border:1px solid #9bcff0;border-radius:15px;padding:10px 14px;position:absolute;top:-10px;left:20px;right:20px;box-shadow:0 6px 20px #5689b222}.skill-title strong{color:#345c8d;letter-spacing:5px;font-size:24px;font-weight:850;display:block}.skill-title span{color:#537c99;font-size:11px;line-height:1.9;display:block}.companion-stage[data-growth-cover=true] .companion-sprite{opacity:0;visibility:hidden}.companion-skill-count{color:#527e9e;margin:2px 0 0;font-size:10px;line-height:1.8}.companion-summary .companion-skill-count{font-size:10px}@media (width<=1100px) and (width>=901px){.skill-portrait{width:245px;height:380px;left:-210px}.skill-aura{width:290px;height:390px;left:-235px}.skill-veil{width:250px;height:320px;left:-200px}}@media (width<=900px){.skill-portrait{width:190px;height:315px;bottom:0;left:-20px}.skill-aura{width:260px;height:330px;left:-50px}.skill-veil{width:190px;height:280px;left:-20px}.skill-title{top:-2px;left:25%;right:0}.skill-title strong{font-size:21px}.skill-title span{font-size:10px}}[data-reduced-motion=true] .skill-wave,[data-reduced-motion=true] .skill-veil{display:none}@media (prefers-reduced-motion:reduce){.skill-wave,.skill-veil{display:none}}.skill-curtain{z-index:5;pointer-events:none;opacity:0;transform-origin:bottom;background:linear-gradient(90deg,#b2e4ffed,#faffff 25%,#e3f8ff 65%,#97d8f7ed);border-radius:47% 47% 24% 24%;width:315px;height:445px;position:absolute;bottom:-8px;left:-273px;box-shadow:inset 12px 0 22px #e7fbff,0 0 30px #a2ddff80}.skill-curtain:after{content:"";background:linear-gradient(110deg,#0000 20%,#fff 45%,#effcff 58%,#0000 80%);border-radius:48%;position:absolute;inset:4% 12%}.skill-seal{z-index:2;opacity:0;border:2px solid #b7e8ff;border-radius:50%;width:250px;height:250px;position:absolute;bottom:90px;left:-260px;box-shadow:inset 0 0 0 9px #d7f2ff55,0 0 0 12px #d6f1ff50}.skill-seal:after{content:"";border:1px solid #fffbd4;border-radius:50%;position:absolute;inset:20%}.skill-seal i{transform-origin:50%;background:linear-gradient(#0000,#e9fbffb0,#0000);width:2%;height:88%;position:absolute;top:6%;left:49%}.skill-portrait{z-index:3}.skill-aura{background:radial-gradient(#fffbe9d9 0,#ccefff8f 42%,#0000 72%)}.skill-wave{width:235px;height:120px}.skill-wave-crest{background:radial-gradient(at 74% 20%,#fff 5%,#93d9f7bb 47%,#0000 70%);border-width:12px;border-color:#65b8e5 #65b8e5 #f3fdff #0000}.skill-wave-fin{background:#9fdfff;border-bottom:4px solid #f5fdff;border-radius:0 0 80% 10%;width:24%;height:30%;position:absolute;top:58%;left:30%;rotate:-18deg}.skill-wave-trail{box-shadow:0 0 18px #c5f2ff}.skill-band{background:linear-gradient(#61bcecbc,#dcf8ff 30%,#fff 50%,#dcf8ff 70%,#61bcecbc);box-shadow:0 0 16px #7acbf5,0 0 3px #fff}.skill-band-column{background:linear-gradient(90deg,#61bcecbc,#dcf8ff 30%,#fff 50%,#dcf8ff 70%,#61bcecbc)}.skill-impact{z-index:8;opacity:0;transform-origin:50%;border:6px solid #dffaff;border-radius:50%;width:170px;height:170px;position:absolute;box-shadow:0 0 18px #7ed4ff,inset 0 0 18px #d9f7ff}.skill-impact i{transform-origin:50%;background:linear-gradient(#d2f5ff 0 9%,#0000 16% 84%,#d2f5ff 91%);border-radius:50%;width:4%;height:138%;position:absolute;top:-19%;left:48%}.skill-title{background:#f0fbfff5;border-color:#a3d2ed;box-shadow:0 5px 20px #4b91c326}.skill-title strong{color:#326a9a;text-shadow:0 1px #fff}.skill-title span{color:#527e9e;font-size:12px;line-height:1.7}@media (width<=1100px) and (width>=901px){.skill-curtain{width:265px;height:385px;bottom:0;left:-220px}.skill-seal{width:215px;height:215px;bottom:85px;left:-215px}}@media (width<=900px){.skill-curtain{width:205px;height:325px;bottom:0;left:-28px}.skill-seal{width:210px;height:210px;bottom:45px;left:-38px}.skill-wave{width:220px;height:110px}.skill-title span{font-size:11px}}[data-reduced-motion=true] .skill-curtain,[data-reduced-motion=true] .skill-seal,[data-reduced-motion=true] .skill-impact{display:none}@media (prefers-reduced-motion:reduce){.skill-curtain,.skill-seal,.skill-impact{display:none}}.game-layout{isolation:isolate}.companion-panel:not(.companion-summary) .rice-bucket-block{z-index:13;position:relative}.growth-chibi,.growth-middle{z-index:3;opacity:0;pointer-events:none;position:absolute}.growth-chibi img,.growth-middle img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.growth-rice{z-index:14;pointer-events:none;position:absolute;inset:0}.growth-rice i{opacity:0;background:linear-gradient(110deg,#fffef8,#fff5d8);border:1px solid #dccd9b;border-radius:60%;width:8px;height:14px;position:absolute;top:-7px;left:-4px;box-shadow:0 0 6px #fff,4px 3px 0 -1px #fff9e4,-3px -2px 0 -1px #fff9e4}.growth-caption{z-index:14;white-space:nowrap;color:#3b7190;opacity:0;background:#fff9e7f2;border:1px solid #ead5a2;border-radius:14px;padding:4px 12px;font-size:13px;font-weight:800;position:absolute}[data-growth=a] .skill-portrait{filter:none}[data-reduced-motion=true] .growth-rice,[data-reduced-motion=true] .growth-caption{display:none}@media (prefers-reduced-motion:reduce){.growth-rice,.growth-caption{display:none}}.audio-choice[hidden]{display:none}.audio-choice .button{min-height:44px;padding:10px;font-size:12px}.volume-row{cursor:default;grid-template-columns:minmax(170px,1fr) minmax(100px,200px) 48px;gap:20px;display:grid}.volume-description{gap:8px;display:grid}.volume-description strong{font-size:15px;font-weight:600}.volume-description span{color:#647a90;font-size:13px;line-height:1.7}.volume-row input{accent-color:#5487b7;cursor:pointer;width:100%;height:44px}.volume-row input:disabled{cursor:default;opacity:.45}.volume-value{text-align:right;font-variant-numeric:tabular-nums;color:#456c8d;font-size:14px}.setting-row p,.audio-row p{color:#647a90;font-size:13px}.switch:checked{background:#6d9fc9}.settings-group{box-shadow:0 8px 30px #375d8107}.companion-stage{color:inherit;border:0;padding:0;display:block}.companion-stage:disabled{cursor:default}.companion-stage:not(:disabled){cursor:pointer}.companion-stage:focus-visible{outline-offset:4px;outline:3px solid #3a7da8}.music-retry[hidden]{display:none}.music-source{color:#647a90;margin-top:18px;font-size:13px;line-height:1.9}.music-source a{color:#3b7199;text-underline-offset:4px}.game-controls .music-retry{white-space:normal;padding:10px;font-size:12px}.target-track>span{transform-origin:0;width:100%;transition:transform .16s cubic-bezier(.23,1,.32,1);transform:scaleX(0)}.companion-gain{font-variant-numeric:tabular-nums;color:#397591;font-weight:700;display:block}.rice-stage-label{display:none}[data-reduced-motion=true] .target-track>span{transition:none}@media (width<=760px){.volume-row{grid-template-columns:1fr 48px;gap:12px;padding:20px 0}.volume-description{grid-column:1/-1}.volume-row input{grid-column:1}.audio-choice-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.target-track>span{transition:none}}body{background:#092d44}#app{min-height:100dvh}.app-shell{background:var(--canteen-background) center/cover fixed no-repeat}.main-content{padding-bottom:22px}[data-page=home] .site-header,[data-page=game] .site-header{display:none}[data-page=home] .main-content,[data-page=game] .main-content{flex:1;place-items:center;width:100%;max-width:none;padding:0;display:grid}.home-page,.game-page{aspect-ratio:16/9;isolation:isolate;background:#077fae var(--canteen-background) center/cover no-repeat;width:min(100%,177.778dvh - 24.8889px,1440px);min-height:0;box-shadow:none;border:0;border-radius:0;margin:auto;padding:0;position:relative;container-type:inline-size}.home-title{aspect-ratio:3;z-index:2;text-align:center;color:#fff8e7;width:58%;position:absolute;top:0;left:21%}.home-title>h1{text-shadow:2px 3px #123456;padding-top:5cqw;font-size:5.8cqw}.home-title>p{font-size:1.8cqw}.home-wordmark{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-title.is-ready .home-wordmark{opacity:1}.home-title.is-ready>h1,.home-title.is-ready>p{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hero-art{isolation:isolate;z-index:1;position:absolute;inset:0}.home-character{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:44%;height:69%;position:absolute;top:17%;left:31%}.home-art-fallback{color:#264d6a;background:#fff8e9e8;border-radius:16px;place-content:center;justify-items:center;gap:16px;font-size:16px;display:grid;position:absolute;inset:35% 30%}.home-art-fallback svg{width:70px;height:70px}.hero-art.is-ready .home-art-fallback{display:none}.home-tools{z-index:5;gap:1cqw;display:flex;position:absolute;top:4%;right:2.6%}.home-tools .button{color:#194d72;background:#fff9ec;border:2px solid #d7b47f;border-radius:50%;width:5.5cqw;min-width:40px;height:5.5cqw;min-height:40px;padding:0;box-shadow:0 3px 7px #0b234366}.home-tools svg{width:2.6cqw;min-width:20px;height:2.6cqw;min-height:20px}.home-actions{z-index:4;justify-items:center;gap:0;width:31%;display:grid;position:absolute;bottom:2.5%;left:50%;translate:-50%}.home-actions>.primary{background:var(--canteen-button) center/100% 100% no-repeat;width:100%;height:8.7cqw;min-height:0;box-shadow:none;text-shadow:0 2px #77320c;color:#fff8e7;border-radius:0;padding:0 2cqw .45cqw 6.8cqw;font-size:2.6cqw;font-weight:900}.home-actions>.secondary{border-radius:2cqw;gap:.8cqw;width:68%;min-height:0;padding:.6cqw .9cqw;font-size:1.5cqw;line-height:1.4}.home-actions .secondary svg{width:1.7cqw;height:1.7cqw}.home-progress{color:#fff9df;background:#16496be6;border-radius:6px;margin-top:.7cqw;padding:3px 8px;font-size:clamp(9px,.85cqw,12px)}.home-page .home-bucket{z-index:3;width:20%;position:absolute;bottom:17%;left:19%}.home-bucket .rice-count,.home-bucket .rice-progress,.home-bucket .rice-stage-label{display:none}.home-rules{color:#234e70;z-index:5;background:#fff8e9e8;min-height:0;padding:.7cqw 1cqw;font-size:1.1cqw;position:absolute;bottom:4%;right:3%}.home-rules svg{width:1.6cqw;height:1.6cqw}.game-layout{display:block;position:absolute;inset:0}.game-heading{z-index:5;gap:.6cqw;width:18%;display:grid;position:absolute;bottom:4%;right:3.5%}.game-heading .button{color:#224f70;background:#fff8e9ed;border-radius:1cqw;min-height:0;padding:.6cqw 1cqw;font-size:1.05cqw}.round-title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.board-area{z-index:3;width:45%;position:absolute;top:2.6%;left:30%}.game-stats{background:#fff9ec;border:2px solid #d7b47f;border-radius:1.7cqw;grid-template-columns:.8fr .85fr 1fr 1.15fr;align-items:center;gap:.7cqw;height:5.7cqw;margin-bottom:1.3cqw;padding:.4cqw .9cqw;display:grid;box-shadow:0 3px 7px #123d5555}.scene-level{color:#fff5d8;white-space:nowrap;background:#194f7d;border:2px solid #d7ae68;border-radius:1.1cqw;place-items:center;height:100%;font-size:1.7cqw;display:grid}.stat{text-align:center;flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.stat-label{color:#45677b;font-size:clamp(9px,.85cqw,12px);line-height:1.2}.stat-value{color:#204f73;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:2.45cqw;font-weight:800;line-height:1.1}.goal-stat .stat-value{color:#527388;font-size:1.75cqw}.timer-stat .stat-value{font-size:2.7cqw}.timer-stat.is-frozen .stat-value{color:#92661f}.timer-stat.is-low .stat-value{color:#a64735}.timer-stat.is-frozen .stat-label{color:#7b5721;max-width:100%;font-size:.75cqw}.target-panel{border:0;width:100%;padding:0}.target-title{display:none}.target-track{height:.45cqw;min-height:3px}.board-frame{border:2.6cqw solid #0000;border-image:var(--canteen-frame) 135 fill / 1 stretch;background:#153f61;border-radius:0;width:100%;padding:0;box-shadow:0 6px 12px #08254055}.board{border-radius:.45cqw;gap:.3cqw}.tile{border:1px solid #fff9;border-radius:.55cqw;box-shadow:inset 0 -2px #1839510e}.board-caption{text-shadow:0 1px #06233d;letter-spacing:0;background:#123b5dba;border-radius:5px;margin-top:.8cqw;padding:3px 6px;font-size:clamp(9px,.85cqw,12px)}.companion-panel:not(.companion-summary){width:34%;height:100%;box-shadow:none;z-index:2;isolation:isolate;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;top:0;left:0}.companion-scene{isolation:isolate;height:100%;min-height:0;margin:0;position:absolute;inset:0}.companion-panel:not(.companion-summary) .companion-stage{aspect-ratio:1;z-index:1;background:0 0;width:100%;height:auto;position:absolute;top:22%;bottom:auto;left:0;translate:none}.companion-sprite{transform-origin:50% 85%}.room-heading,.scene-orbit,.scene-bubble,.actor-floor,.companion-copy>h2,.companion-skill-count,.rice-stage-label{display:none}.companion-panel:not(.companion-summary) .companion-copy{z-index:3;text-align:center;pointer-events:none;position:absolute;inset:15% 8% auto 9%}.companion-status{color:#214f71;overflow-wrap:anywhere;background:#fff8eb;border:2px solid #d8b781;border-radius:1.2cqw;min-height:3.4cqw;padding:.7cqw .8cqw;font-size:clamp(11px,1.05cqw,16px);font-weight:700;line-height:1.5}.companion-gain{color:#1e658a;background:#fff5d7;border-radius:.6cqw;padding:2px 6px;font-size:clamp(10px,1cqw,14px);font-weight:800;position:absolute;top:-2cqw;right:0}.companion-gain:empty{display:none}.companion-panel:not(.companion-summary) .rice-bucket-block{z-index:3;width:70%;height:auto;position:absolute;bottom:5%;left:10%}.companion-panel[data-transforming=true] .rice-bucket-block{z-index:1;opacity:.4}.companion-panel .rice-progress{height:.55cqw;min-height:4px}.companion-panel .rice-count{padding:.4cqw .7cqw;font-size:1.6cqw}.companion-stage[data-growth-cover=true]{pointer-events:none}.game-aside{z-index:5;width:18%;padding:0;position:absolute;top:4%;right:3.5%}.tools-heading,.kitchen-note,.shuffle-note{display:none}.game-controls{grid-template-columns:1fr 1fr;justify-items:center;gap:1cqw;padding:0;display:grid}.game-controls .button{color:#1e4f71;background:#fff9ec;border:2px solid #d7b47f;border-radius:1.6cqw;width:100%;min-width:0;min-height:0;padding:.8cqw;font-size:1.25cqw;box-shadow:0 3px 7px #123d5555}.game-controls .button svg{width:2.2cqw;height:2.2cqw}.game-controls #pause-button,.game-controls #game-sound-button{border-radius:50%;width:5.5cqw;height:5.5cqw;padding:0;font-size:0}.sound-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.game-controls #shuffle-button,.game-controls .music-retry{grid-column:1/-1}.shuffle-badge{background:#e0eef2;border-radius:.5cqw;margin-left:auto;padding:.3cqw .5cqw;font-size:1cqw}.music-retry{white-space:normal;font-size:12px!important}.mini-help{color:#315e79;background:#fff9ecef;border:0;border-radius:1cqw;max-height:calc(70dvh - 110px);margin-top:1.5cqw;padding:0;font-size:12px;overflow:auto}.mini-help summary{cursor:pointer;padding:.9cqw;font-size:1.05cqw;font-weight:700}.mini-help>p,.mini-help .key-caps{white-space:pre-line;padding:.6cqw .9cqw;font-size:12px;line-height:1.8}.mini-help .sticker-legend{padding:.7cqw}.mini-help .sticker-legend-items{grid-template-columns:1fr 1fr}.audio-choice{color:#705123;background:#fff3d7;border:1px solid #d8ae72;border-radius:10px;margin-bottom:12px;padding:12px;font-size:12px;line-height:1.7}.audio-choice-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.audio-choice-actions .button{padding:8px;font-size:12px}.growth-eating,.growth-full{z-index:3;opacity:0;pointer-events:none;position:absolute}.growth-eating img,.growth-full img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.growth-bowl{z-index:15;opacity:0;pointer-events:none;width:46px;height:43px;position:absolute;top:0;left:0}.growth-bowl span{display:block;position:absolute}.growth-bowl-rice{background:#fffbe9;border:1px solid #e2d5b2;border-radius:70% 70% 25% 25%;height:45%;top:2%;left:7%;right:7%;box-shadow:inset 0 3px #fff}.growth-bowl-base{background:linear-gradient(100deg,#fff,#d6eaf9);border:2px solid #4a83ad;border-top:4px solid #417aa2;border-radius:3px 3px 48% 48%;inset:36% 0 5%}.growth-bowl-mark{color:#4283b5;font-weight:800;top:46%;left:34%}.growth-rice i{width:5px;height:8px;top:0;left:0}.growth-caption{font-size:12px}.skill-layer{overflow:visible}.skill-title{padding:8px;top:12%;left:12%;right:12%}.skill-title strong{letter-spacing:1px;font-size:clamp(14px,1.6cqw,23px)}.skill-title span{font-size:12px}[data-growth=b] .skill-portrait{filter:none}.companion-panel[data-transforming=true] .rice-bucket{box-shadow:none}[data-reduced-motion=true] .growth-bowl{display:none}@media (width<=760px){[data-page=game] .main-content{padding:0 12px}.game-page{aspect-ratio:auto;background-position:50%;background-size:auto 100%;width:100%;max-width:480px;min-height:1080px;padding:0 12px 70px;container-type:inline-size}.game-layout{flex-direction:column;gap:18px;padding-top:15px;display:flex;position:relative;inset:auto}.companion-panel:not(.companion-summary){flex-shrink:0;order:0;width:100%;height:240px;position:relative}.companion-scene{width:52%;height:100%}.companion-panel:not(.companion-summary) .companion-stage{width:100%;height:auto;top:25px}.companion-panel:not(.companion-summary) .companion-copy{top:12px;left:51%;right:0}.companion-status{border-radius:12px;padding:9px;font-size:12px}.companion-panel:not(.companion-summary) .rice-bucket-block{width:43%;bottom:0;left:auto;right:2%}.companion-panel .rice-count{padding:5px;font-size:17px}.companion-panel .rice-progress{height:5px}.board-area{order:1;width:100%;position:relative;top:auto;left:auto}.game-stats{border-radius:14px;grid-template-columns:.8fr .9fr .9fr 1.2fr;gap:8px;height:72px;margin-bottom:12px;padding:6px 8px}.scene-level{border-radius:9px;font-size:16px}.stat-label{font-size:9px}.stat-value{font-size:24px}.goal-stat .stat-value{font-size:18px}.timer-stat .stat-value{font-size:24px}.timer-stat.is-frozen .stat-label{font-size:9px}.target-track{height:5px}.board-frame{border-width:18px}.board{gap:4px}.tile{border-radius:7px}.board-caption{margin-top:12px;font-size:11px}.game-aside{order:2;width:100%;position:relative;top:auto;right:auto}.game-controls{grid-template-columns:repeat(3,1fr);gap:12px}.game-controls .button{border-radius:12px;min-height:44px;padding:10px;font-size:14px}.game-controls .button svg{width:23px;height:23px}.game-controls #pause-button,.game-controls #game-sound-button{border-radius:12px;width:100%;height:48px}.game-controls #shuffle-button{grid-column:auto;gap:4px;font-size:12px}.shuffle-badge{padding:3px;font-size:10px}.mini-help{border-radius:10px;max-height:360px;margin-top:15px}.mini-help summary{padding:12px;font-size:13px}.mini-help>p,.mini-help .key-caps{padding:6px 12px}.game-heading{grid-template-columns:1fr 1fr;gap:12px;width:auto;inset:auto 24px 15px}.game-heading .button{border-radius:10px;padding:10px;font-size:13px}.home-page{aspect-ratio:auto;background-position:50%;background-size:auto 100%;width:100%;max-width:540px;min-height:650px}.home-title{width:100%;height:170px;top:12%;left:0}.home-title>h1{padding-top:35px;font-size:42px}.home-title>p{font-size:16px}.home-character{width:80%;height:48%;top:27%;left:15%}.home-page .home-bucket{width:40%;bottom:22%;left:4%}.home-tools{gap:13px;top:3%;right:5%}.home-tools .button{width:46px;height:46px}.home-tools svg{width:24px;height:24px}.home-actions{width:72%;bottom:7%}.home-actions>.primary{height:110px;padding:0 18px 4px 63px;font-size:28px}.home-actions>.secondary{border-radius:18px;gap:7px;width:65%;padding:10px;font-size:15px}.home-actions .secondary svg{width:18px;height:18px}.home-progress{margin-top:9px;font-size:10px}.home-rules{padding:8px 12px;font-size:12px;bottom:2%;right:6%}.home-rules svg{width:18px;height:18px}.home-art-fallback{font-size:14px;inset:36% 22%}.home-title.is-ready>h1{padding:0}}@media (prefers-reduced-motion:reduce){.growth-bowl{display:none}}.companion-stage:disabled{opacity:1}.companion-panel:not(.companion-summary) .companion-copy{right:15%}.board-frame{background:0 0}.board{background:#153f61}.tile-BUG{color:#263c52;cursor:help;background:linear-gradient(145deg,#e3e9ec,#becdd5);border:1px solid #879fac;box-shadow:inset 0 -3px #657c8b38}.tile-BUG .tile-face{inset:1px;transform:none!important}.tile-BUG .sticker-fallback{color:#25354e;background:#f7f1dc;border:2px dashed #526a7b;border-radius:28% 28% 35% 35%;font-size:28px;inset:13%}.tile-BUG.repairing .tile-face{filter:brightness(1.6);opacity:.4;transition:opacity .1s linear}.board[aria-busy=false] .tile-BUG:hover:not(.selected) .tile-face{transform:none}.skill-layer[data-result=failure] .skill-title strong{color:#555d8b}.skill-layer[data-result=failure] .skill-seal{filter:grayscale(.65);opacity:.18!important}.skill-layer[data-result=failure] .skill-aura{filter:saturate(.55)}[data-reduced-motion=true] .tile-BUG.repairing .tile-face{filter:brightness(1.15);transition:none}[data-page=home] .app-shell,[data-page=game] .app-shell{background:#dceef3}.site-nav [aria-current=page]{box-shadow:inset 0 -2px #b88940}.page-heading h1:focus-visible,.empty-state h1:focus-visible,.result-page>h1:focus-visible{outline-offset:7px;border-radius:4px;outline:3px solid #a67832}.notice,.storage-state,.modal p,.empty-state p,.result-save{overflow-wrap:anywhere}.level-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.level-card{min-width:0}.level-card .button{white-space:normal;max-width:100%;line-height:1.5}.rank-tabs{flex-wrap:wrap;row-gap:8px}.rank-tabs button{min-height:44px}.rank-tabs{grid-template-columns:repeat(5,minmax(0,1fr));max-width:760px;margin-inline:auto;display:grid}.rank-panel{overscroll-behavior-inline:contain;overflow-x:auto}.rank-table th,.rank-table td{white-space:nowrap}.volume-row{grid-template-columns:minmax(0,1fr) minmax(100px,200px) 48px}.volume-description{color:#244a67;min-width:0}.volume-description span,.setting-row p,.audio-row p{color:#48647b}.volume-row input:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #a67832}.volume-row input:disabled{opacity:.55}.volume-value{color:#244a67;min-width:4ch}.reset-panel{gap:24px}.reset-panel>div{min-width:0}.reset-panel>.button{flex-shrink:0}.modal-overlay{overscroll-behavior:contain;overflow-y:auto}.modal{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 48px);overflow-y:auto}.modal-actions{flex-wrap:wrap}.modal-actions>.button{min-width:110px}.modal .button:focus-visible{outline-offset:3px}.modal-introduction{width:560px}.modal-introduction .introduction-body{white-space:pre-wrap;text-align:left;overflow-wrap:anywhere;color:#244a67;font-size:15px;line-height:1.95}.result-stats{min-width:0;max-width:100%}.result-stats>strong{overflow-wrap:anywhere;font-size:clamp(36px,6vw,60px);line-height:1.2}.result-actions{flex-wrap:wrap}.game-heading .button{font-size:clamp(12px,1.05cqw,15px)}.game-controls>.button{min-height:44px}.timer-stat .stat-label{white-space:normal;text-wrap:balance;line-height:1.35}.timer-stat.is-frozen .stat-label{color:#175574;font-weight:750}.mini-help{overflow-wrap:anywhere;font-size:clamp(12px,.95cqw,14px)}.mini-help summary{align-content:center;min-height:36px}.companion-status{overflow-wrap:anywhere}.skill-title{text-wrap:balance;background:#fffcef;border:3px solid #427f9d;border-radius:16px;padding:14px 18px;top:8%;left:3%;right:3%;box-shadow:0 4px #173e6055,0 8px 18px #082e5366}.skill-title strong{letter-spacing:2px;color:#154c77;text-shadow:0 2px #fff,-1px 0 #fff,1px 0 #fff;font-size:clamp(26px,2.6cqw,38px);font-weight:900;line-height:1.3}.skill-title span{color:#245675;margin-top:5px;font-size:clamp(16px,1.65cqw,24px);font-weight:800;line-height:1.45}.skill-layer[data-result=failure] .skill-title{background:#fff3db;border-color:#a86b36;box-shadow:0 4px #65402655,0 8px 18px #082e5366}.skill-layer[data-result=failure] .skill-title strong{letter-spacing:.5px;color:#714320;overflow-wrap:anywhere;font-size:clamp(22px,2.15cqw,31px);line-height:1.45}.board-effect-label[data-source=skill]{white-space:normal;text-align:center;color:#164c72;background:#fffbed;border:2px solid #6498af;width:max-content;max-width:96%;padding:7px 16px;font-size:clamp(16px,1.45cqw,21px);font-weight:850;line-height:1.4;box-shadow:0 3px #123d5933}.bug-attention-layer{z-index:16;pointer-events:none;opacity:1;transition:opacity .16s var(--ease-out,cubic-bezier(.23,1,.32,1));position:absolute;inset:0}.bug-attention-layer.is-leaving{opacity:0}.bug-attention-marker{animation:bug-arrival .18s var(--ease-out,cubic-bezier(.23,1,.32,1)) both;background:#ffd6741a;border:3px solid #ffc95d;border-radius:12px;outline:2px solid #573719;position:absolute;box-shadow:0 0 0 5px #fff4c866}.bug-attention-arrow{color:#ffc95d;text-shadow:0 2px #543920,-1px 0 #543920,1px 0 #543920;font-size:24px;font-weight:900;line-height:1;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.bug-attention-layer[data-edge=below] .bug-attention-arrow{top:auto;bottom:-28px;rotate:180deg}.bug-attention-note{text-align:center;color:#63411d;animation:bug-note-arrival .16s var(--ease-out,cubic-bezier(.23,1,.32,1)) both;background:#fff3d6;border:2px solid #94602d;border-radius:10px;gap:3px;padding:8px 10px;line-height:1.4;display:grid;position:absolute;box-shadow:0 3px #48331e44}.bug-attention-note strong{font-size:17px;font-weight:900}.bug-attention-note span{overflow-wrap:anywhere;font-size:13px;font-weight:650}@keyframes bug-arrival{0%{opacity:.35;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes bug-note-arrival{0%{opacity:0}to{opacity:1}}.bug-attention-layer[data-reduced-motion=true]{transition:none}.bug-attention-layer[data-reduced-motion=true] .bug-attention-marker,.bug-attention-layer[data-reduced-motion=true] .bug-attention-note{animation:none}@media (width<=760px){.volume-row{grid-template-columns:minmax(0,1fr) 48px;gap:12px}.volume-description{grid-column:1/-1}.rank-tabs button{padding:10px 12px}.modal-overlay{padding:16px}.modal{max-height:calc(100dvh - 32px);padding:22px}.skill-title{padding:12px;top:6%;left:2%;right:2%}.skill-title strong{font-size:26px}.skill-title span{font-size:17px}.skill-layer[data-result=failure] .skill-title strong{font-size:22px}}@media (forced-colors:active){.skill-title,.skill-layer[data-result=failure] .skill-title,.board-effect-label[data-source=skill]{box-shadow:none;background:canvas;border-color:canvastext}.skill-title strong,.skill-title span,.skill-layer[data-result=failure] .skill-title strong{color:canvastext;text-shadow:none}.bug-attention-marker,.bug-attention-note{color:canvastext;box-shadow:none;background:canvas;border-color:highlight;outline-color:canvastext}.bug-attention-arrow{color:highlight;text-shadow:none}}@media (prefers-reduced-motion:reduce){.bug-attention-layer{transition:none}.bug-attention-marker,.bug-attention-note{animation:none}}