@font-face{font-family:GameRounded;src:local("Microsoft YaHei");font-display:swap}:root{font-family:GameRounded,PingFang SC,system-ui,sans-serif;color:#435574;font-synthesis:none;background:#e9f0f9;font-weight:500;font-size:14px;--ink:#435574;--blue:#557dda;--white:#faffff}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible{outline:3px solid #5680d9;outline-offset:4px}button:not(:disabled):active{transform:translateY(2px)}button svg{width:23px;height:23px;flex-shrink:0}svg{display:block}button{transition:background .15s,transform .15s,opacity .15s}[hidden]{display:none!important}#app{display:flex;min-height:100svh;align-items:center;justify-content:center;gap:clamp(35px,6vw,100px);padding:24px;background:radial-gradient(ellipse at 38% 12%,#fffdf7 0,transparent 50%),radial-gradient(ellipse at 80% 90%,#dfeafa 0,transparent 65%)}.desktop-note{width:220px;flex-shrink:0;margin-top:-48px}.brand-mark{width:44px;height:44px;border:1px solid #d0d9e8;border-radius:14px;display:grid;place-items:center;background:#fff8}.brand-mark svg{width:24px;height:24px;fill:none;stroke:#647cad;stroke-width:1.5}.eyebrow{font-size:10px;letter-spacing:4px;margin:32px 0 18px;color:#8090aa}.desktop-note h1{font-size:53px;line-height:1.42;letter-spacing:3px;margin:0;color:#425678;font-weight:800}.desktop-note h1 span{color:#ecaf88}.tagline{font-size:15px;line-height:2.1;letter-spacing:2px;color:#8290a6;margin-top:25px}.tiny-tapes{display:flex;gap:9px;margin:38px 0 36px;padding-left:4px}.tiny-tapes i{width:37px;height:14px;background:#edb3af;transform:rotate(-18deg);border-inline:2px dashed #fff5;box-shadow:0 3px #dab1ad44}.tiny-tapes i:nth-child(2){background:#f2d381;transform:rotate(15deg)}.tiny-tapes i:nth-child(3){background:#a8bced;transform:rotate(-9deg)}.desktop-tip{font-size:11px;color:#91a0b5;line-height:2}.game{position:relative;isolation:isolate;width:460px;height:min(890px,calc(100svh - 48px));min-height:640px;display:flex;flex-direction:column;overflow:hidden;border-radius:32px;background:linear-gradient(175deg,#bdcdf7,#c7d7fb 47%,#dce8ff);border:6px solid #fff;box-shadow:0 22px 70px #617ca324,0 3px 12px #7896b016;flex-shrink:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 8px;z-index:3}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:#607cae;background:#f3f7ff80;box-shadow:0 3px #98acd02b}.icon-button:hover{background:#fff9}.level-title{display:flex;align-items:center;flex-direction:column;padding:0 12px;gap:3px;white-space:nowrap}.level-title span{font-size:11px;color:#637db0;letter-spacing:2px}.level-title strong{font-size:18px;letter-spacing:2px;color:#415e95;font-weight:800}.collection{padding:2px 28px 0;position:relative;z-index:3;min-height:178px}.collection-caption,.buffer-caption{display:flex;justify-content:space-between;font-size:10px;color:#6d85b4}.collection-caption{padding:4px 3px 5px;letter-spacing:1px}.collection-caption b{font-size:13px}.collection-caption>span:last-child{letter-spacing:0;font-variant-numeric:tabular-nums}.trays{display:flex;align-items:center;justify-content:center;gap:8px;min-height:94px}.tray{position:relative;flex:1;min-width:0;max-width:90px;aspect-ratio:100/92;filter:drop-shadow(0 4px 1px #7791bd29)}.tray>svg{position:absolute;width:100%;height:100%;overflow:visible}.tray-base{fill:var(--tape);stroke:var(--dark);stroke-width:1.3}.tray-inner{fill:var(--light);stroke:#fff6;stroke-width:3}.tray.down>svg{transform:rotate(180deg)}.peg{position:absolute;display:grid;place-items:center;width:28%;height:30%;border-radius:50%;transform:translate(-50%,-50%)}.peg-0{left:50%;top:29%}.peg-1{left:29%;top:69%}.peg-2{left:72%;top:69%}.peg i{width:72%;height:72%;background:radial-gradient(circle at 40% 30%,#bddbff 0 25%,#95baea 40% 65%,#8eaed8 70%);border:2px solid #e5f4ff;box-shadow:0 2px 2px #577aa863,inset 0 2px 2px #6695ce55;border-radius:50%}.tray.down .peg-0{top:71%}.tray.down .peg-1,.tray.down .peg-2{top:30%}.tray-count{position:absolute;bottom:-10px;left:0;width:100%;font-size:9px;text-align:center;color:#6c81a1;font-weight:700}.add-tray{background:none;opacity:.8;flex-shrink:1}.add-tray svg path{fill:#a2b8e644;stroke:#7e9ed0;stroke-width:1.6;stroke-dasharray:4 3}.add-tray>span{position:absolute;font-size:33px;top:15%;left:0;width:100%;color:#7796c9;font-weight:400}.add-tray small{position:absolute;font-size:10px;top:64%;left:0;width:100%;color:#708fc6}.add-tray:hover{opacity:1}.buffer-caption{max-width:260px;margin:19px auto 5px;letter-spacing:.6px}.buffer{display:flex;justify-content:center;gap:12px;max-width:290px;margin:0 auto;height:37px;align-items:center}.buffer-slot{display:grid;place-items:center;position:relative;width:32px;height:32px;border-radius:50%;background:#aac1ea;box-shadow:0 2px 2px #7190bc45,inset 0 2px 3px #859ec745;border:2px solid #eff8ff}.buffer-slot>i{height:18px;width:18px;border-radius:50%;background:linear-gradient(#e3f4ff,#bad5fa);box-shadow:0 1px 2px #759bcc88}.buffer.warning .buffer-slot{border-color:#fff2ca}.roll{display:inline-block;width:27px;height:27px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 50% 46%,#d6e6f7 0 19%,#b08c70 20% 25%,var(--light) 26% 31%,var(--tape) 32% 62%,var(--dark) 64% 74%,transparent 76%);box-shadow:0 3px 0 var(--dark),0 4px 3px #42527855;vertical-align:middle;border:1px solid #ffffff50}.peg>.roll{width:100%;height:100%}.buffer-slot>.roll{width:29px;height:29px;margin-top:-4px}.reserve{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;top:100%;font-size:9px;display:flex;gap:4px;align-items:center;background:#e7f0ffb8;padding:5px 8px;border-radius:12px;color:#6f87ac}.reserve .roll{width:14px;height:14px;box-shadow:0 1px 0 var(--dark)}.reserve>span:last-child{color:#8b9bb4;margin-left:3px}.playfield{flex:1;min-height:240px;position:relative;isolation:isolate;margin-top:11px}#scene{position:absolute;inset:0;z-index:1}#scene canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.scene-heading{position:absolute;top:6px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.layer-badge{font-size:10px;letter-spacing:1px;color:#6e89b1;border:1px solid #a3bce360;background:#e9f2ff54;border-radius:12px;padding:5px 9px}.time-badge{font-size:10px;color:#7390b6;font-variant-numeric:tabular-nums;max-width:64%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ground-shadow{position:absolute;bottom:23%;left:25%;width:50%;height:20px;border-radius:50%;background:#66779d19;filter:blur(10px);z-index:0;pointer-events:none}.progress-badge{position:absolute;left:23px;bottom:40px;display:flex;align-items:center;gap:6px;z-index:2;pointer-events:none;font-size:10px;color:#7d94b8}.progress-badge strong{font-size:19px;color:#607da8;font-variant-numeric:tabular-nums}.mini-roll{width:14px;height:14px;border:4px solid #7d9bd1;border-radius:50%;box-shadow:0 2px #627da9}.view-controls{position:absolute;right:23px;bottom:39px;display:flex;align-items:center;gap:7px;z-index:2}.small-button{width:28px;height:28px;display:grid;place-items:center;background:#f3f8ff91;border-radius:9px;color:#7190be}.small-button svg{width:16px;height:16px}#zoom{width:66px;height:3px;accent-color:#92acd8;cursor:pointer}.scene-instruction{position:absolute;bottom:6px;text-align:center;left:0;right:0;color:#8199bd;font-size:11px;letter-spacing:1px;pointer-events:none;z-index:2}.hint-pick{position:absolute;bottom:70px;left:50%;transform:translate(-50%);border-radius:18px;background:#fff9df;color:#8f774e;padding:10px 15px;font-size:11px;z-index:4;white-space:nowrap;box-shadow:0 3px 12px #6580a525}.hint-pick:not(:disabled):active{transform:translate(-50%,2px)}.game-footer{padding:12px 26px 13px;position:relative;z-index:3}.tools{display:flex;justify-content:center;gap:27px}.tool{width:78px;position:relative;display:flex;align-items:center;flex-direction:column;gap:4px;padding:10px 0 6px;background:linear-gradient(#f3f8ff,#dfeafb);border:1px solid #faffff;box-shadow:0 4px #a5bce188;border-radius:18px;color:#7894bd}.tool svg{width:29px;height:29px;stroke-width:1.7}.tool:nth-child(2) svg{color:#9b8abb}.tool:nth-child(3) svg{color:#be9b71}.tool span{font-size:10px;letter-spacing:.5px}.tool b{position:absolute;right:-4px;top:-5px;border-radius:50%;width:20px;height:20px;background:#8bc48c;color:#fff;border:2px solid #eef6ff;font-size:10px;display:grid;place-items:center}.tool.armed{box-shadow:0 0 0 3px #a392d1,0 4px #a5bce188;background:#f1e9ff}.utility{display:flex;justify-content:space-between;align-items:center;margin:17px 0 0}.utility button{display:flex;align-items:center;justify-content:center;gap:5px;color:#7e97bc;font-size:10px;padding:6px 8px}.utility button svg{height:15px;width:15px}.utility .hint-button{background:#f3f8ffa8;padding:7px 12px;border-radius:16px;color:#6888b7}.desktop-right{width:65px;align-self:stretch;max-height:750px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:26px;position:relative}.vertical-note{writing-mode:vertical-rl;font-size:11px;letter-spacing:6px;color:#a3b0c4;flex:1;padding-top:90px}.desktop-right .icon-button{background:#fff7;color:#96a9c3}.offline-status{font-size:9px;color:#9aaac0;writing-mode:vertical-rl;letter-spacing:2px;max-height:160px}.toast{position:absolute;top:47%;left:50%;transform:translate(-50%,10px);max-width:86%;width:max-content;border-radius:16px;background:#40567bec;color:#fff;font-size:12px;line-height:1.7;padding:11px 17px;z-index:10;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;text-align:center;box-shadow:0 5px 20px #3c517d22}.toast.visible{opacity:1;transform:translate(-50%)}.flying-roll{position:fixed;z-index:50;pointer-events:none}.flying-roll .roll{width:31px;height:31px}.fallback{padding:65px 35px;line-height:1.8}.fallback button{padding:12px;background:#fff;border-radius:10px}dialog{border:1px solid #fff;background:linear-gradient(150deg,#fbfdff,#edf3ff);color:var(--ink);width:min(420px,calc(100vw - 32px));max-height:90svh;overflow:auto;border-radius:28px;padding:24px;box-shadow:0 20px 100px #344b7950}dialog::backdrop{background:#3a527255;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dialog-header h2{font-size:21px;letter-spacing:1px;margin:0}.dialog-header .icon-button{width:32px;height:32px;background:#e3ecfa}.dialog-header .icon-button svg{width:18px;height:18px}.dialog-intro{font-size:12px;color:#8597b3;line-height:1.9;margin:16px 0 22px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 15px;border-radius:14px;font-size:13px;margin-top:10px;min-height:45px}.primary{color:#fff;background:#779ad9;box-shadow:0 3px #5e82bd}.primary:hover{background:#688dce}.secondary{background:#e2ebf9;color:#6783af}.secondary:hover{background:#d6e2f5}.primary svg{width:17px;height:17px}.text-button{display:block;margin:20px auto 5px;color:#96a6be;font-size:12px}.dialog-foot{font-size:10px;line-height:1.9;color:#a0adc0;margin-top:22px}.help-list p{font-size:12px;color:#8091ad;line-height:1.9;margin:20px 0}.help-list b{display:block;color:#586f96;margin-bottom:6px;font-size:13px}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.level-card{border:1px solid #dce7f6;padding:14px 8px;border-radius:18px;background:#fff8;display:flex;flex-direction:column;align-items:center;gap:7px}.level-card.selected{border:2px solid #9ab5e1;padding:13px 7px}.level-card small{font-size:9px;color:#94a5bd}.level-card strong{font-size:13px;font-weight:600}.level-card>span:last-child{font-size:10px;color:#8ba0bd}.level-art{display:grid;place-items:center;width:60px;height:60px;background:#f6e5d3;color:#c99a6d;border-radius:18px;transform:rotate(-7deg);margin-bottom:6px}.level-art svg{width:35px;height:35px}.level-art.gazebo{background:#e1e1f2;color:#a398c3;transform:rotate(7deg)}.result-gift{width:85px;height:85px;border-radius:28px;background:#ffe2d8;margin:24px auto 5px;display:grid;place-items:center;transform:rotate(-7deg);color:#d89489}.result-gift svg{height:48px;width:48px}.result-gift+.dialog-intro{text-align:center}.result-stats{display:flex;justify-content:space-around;padding:8px 0 17px}.result-stats span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#96a6bd}.result-stats b{font-size:22px;font-weight:600;color:#6b84ad}.rescue-tools{display:flex;gap:8px}.rescue-tools .secondary{font-size:11px;padding-inline:8px}.form-label{font-size:12px;display:block;margin-bottom:8px}.name-input{border:1px solid #cddcf0;border-radius:12px;padding:12px;width:100%;background:#fff;color:#526b91}.check-row{display:flex;align-items:center;gap:7px;font-size:12px;margin:22px 0}.check-row input{width:18px;height:18px;accent-color:#7298d9}.score-row{display:flex;align-items:center;gap:13px;padding:13px 3px;border-bottom:1px solid #e0e9f6}.score-row>span{font-size:12px;color:#95a9c7}.score-row>div{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px}.score-row small{font-size:10px;color:#98aac4}.score-row>strong{font-size:15px;color:#7f9ac3}.empty-state{text-align:center;font-size:12px;color:#9dadc4;line-height:2.1;padding:25px}@media(min-width:1100px)and (min-height:850px){.game{width:480px}.collection{padding-inline:32px}.trays{min-height:101px}.playfield{margin-top:16px}}@media(max-width:1050px){#app{gap:36px}.desktop-note{width:180px}.desktop-note h1{font-size:44px}.desktop-right{display:none}}@media(max-width:780px){#app{padding:0;background:#c7d7fb}.desktop-note,.desktop-right{display:none}.game{border:0;border-radius:0;box-shadow:none;width:min(100vw,520px);height:100svh;min-height:580px;max-height:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:12px}.collection{padding-inline:28px}.game-footer{padding-bottom:14px}.playfield{margin-top:12px}}@media(max-height:730px){.topbar{padding-top:9px;padding-bottom:4px}.topbar .icon-button{width:34px;height:34px}.level-title strong{font-size:16px}.collection{min-height:160px;padding-inline:35px}.trays{min-height:76px;gap:10px}.tray{max-width:72px}.buffer-caption{margin-top:15px}.buffer{height:31px}.buffer-slot{width:28px;height:28px}.buffer-slot>.roll{width:25px;height:25px}.collection-caption{padding-bottom:2px;font-size:9px}.game-footer{padding-top:8px;padding-bottom:10px}.tool{padding-top:7px;width:69px;border-radius:15px}.tool svg{width:24px;height:24px}.utility{margin-top:12px}.playfield{min-height:205px;margin-top:9px}.scene-heading{top:0}.progress-badge,.view-controls{bottom:28px}.scene-instruction{bottom:1px;font-size:10px}.hint-pick{bottom:60px}}@media(max-width:360px){.collection{padding-inline:18px}.tools{gap:20px}.game-footer{padding-inline:20px}.scene-heading{left:16px;right:16px}.level-title strong{font-size:15px}}.tray.add-tray{height:auto;padding:0;align-self:center}.tray>svg{inset:0}.desktop-note h1{word-break:keep-all}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.mode-row{display:flex;justify-content:space-between;gap:12px;margin:0 0 13px;font-size:11px;color:#5775a3}.mode-row button{display:flex;align-items:center;gap:5px}.mode-row svg{width:17px;height:17px}.challenge .tools,.challenge .utility>[data-action=undo],.challenge .utility>[data-action=hint],.challenge .add-tray{display:none}.challenge .utility{justify-content:center}.challenge-note{font-size:11px;text-align:center;color:#6884b0;margin:16px 0}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.mode-options label{border:1px solid #d6e3f3;border-radius:16px;padding:13px 10px;cursor:pointer;display:grid;grid-template-columns:20px 1fr;gap:8px;background:#fff}.mode-options label:has(:checked){background:#e8efff;border-color:#8ca9df}.mode-options input{margin:2px 0;accent-color:#6489d5}.mode-options strong{font-size:13px}.mode-options small{grid-column:1/3;color:#8298b8;font-size:10px}.name-input+.form-label{margin-top:16px}.form-error{color:#b75c72;font-size:12px;min-height:16px}.board-tabs{display:flex;padding:4px;background:#e8eef9;border-radius:14px;gap:5px;margin-bottom:15px}.board-tabs button{flex:1;padding:10px;border-radius:10px;font-size:12px}.board-tabs .active{background:#fff;box-shadow:0 3px 8px #748fb315;color:#557cc2}.my-rank{display:flex;justify-content:space-around;padding:18px 12px;background:#edf3ff;border-radius:17px;margin:16px 0}.my-rank span{display:flex;flex-direction:column;gap:8px;color:#7e95b6;font-size:11px}.my-rank strong{font-size:20px;color:#5476ad}.podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:18px 0}.podium-place{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:10px;background:#eef1fa;padding:15px 5px;border-radius:18px 18px 8px 8px}.podium-place strong{font-size:12px;max-width:100%;overflow-wrap:anywhere;text-align:center}.podium-place small{font-size:11px;color:#8397b5}.podium-place .medal{font-size:25px}.place-1{padding-top:25px;padding-bottom:24px;background:#fff0d5}.place-3{background:#f8e8e2}.score-row.is-me{background:#ecf2ff;border-radius:12px;padding-inline:9px}.score-row b{overflow-wrap:anywhere}.board-actions{display:flex;gap:10px}.board-actions button{flex:1;font-size:12px}.local-records{margin:15px 0;font-size:11px;color:#8a9ab4}.local-records summary{cursor:pointer;padding:8px 0}.level-art.notebook{background:#cce6e8;color:#689ba5;font-size:16px}.challenge .playfield{min-height:280px}.challenge .trays{max-width:320px;margin:auto;gap:14px}@media(max-height:730px){.mode-row{margin-bottom:7px;font-size:10px}.challenge-note{margin:8px 0}.challenge .playfield{min-height:240px}}