:root{color-scheme:dark;--bg:#111613;--panel:#1c241e;--line:#37473b;--muted:#9dad9f;--cream:#eef3e6;--lime:#d4f78c;--red:#fb8070;--yellow:#f6d86f}*{box-sizing:border-box}body{margin:0;min-width:1050px;background:var(--bg);color:var(--cream);font-family:Inter,'PingFang SC',system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#29352b;border-radius:7px}button:hover:enabled{filter:brightness(1.15)}button:disabled{cursor:default;opacity:.4}button:focus-visible{outline:3px solid #fff;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1560px;margin:auto;padding:0 32px}header{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:900;display:flex;align-items:center;gap:4px}.brand>span,h1 span{color:var(--lime)}.brand small{font-size:9px;letter-spacing:2px;margin-left:14px}.live{font-size:11px;color:var(--lime)}#pause{padding:8px 18px}.headline{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--lime)}h1{font-size:34px;margin:7px 0 0;letter-spacing:-1px}.clock{text-align:right}.clock small{font-size:10px;color:var(--muted)}.clock strong{display:block;font-size:34px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.2}.clock>span{font-size:10px;color:var(--muted)}.clock b{font-weight:400;color:var(--cream)}.health{display:flex;align-items:center;gap:20px;background:#202b20;padding:12px 18px;border:1px solid var(--line);border-radius:8px;font-size:12px}.health strong{color:var(--lime);font-size:18px}.rep-track{flex:1;height:7px;background:#3b4835;border-radius:8px;overflow:hidden}.rep-track i{display:block;background:var(--lime);height:100%;width:100%}.rep-track i.low{background:var(--red)}#pace{font-size:11px;color:var(--lime)}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:18px;align-items:stretch}.side-panels{display:grid;grid-template-rows:1fr 1fr;gap:16px}.panel{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:18px;overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:12px}.panel-top>span:last-child{color:var(--muted)}.timer-track{height:3px;background:#3b493a;margin-top:12px}.timer-track i{display:block;width:0;height:100%;background:var(--lime)}.dog-scene{text-align:center;padding:9px 0}#dog-symbol{font-size:30px;color:var(--muted)}h2{font-size:19px;margin:6px 0 12px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions button{padding:12px 8px;font-weight:700}.feed{background:var(--yellow);color:#322608;border-color:#ffee95}.reinforce{background:#e56254;color:#fff;border-color:#ff9c8f}.actions kbd{margin-left:9px;border-color:currentColor;color:inherit}.hint{font-size:10px;color:var(--muted);margin:12px 0 0;line-height:1.6;text-align:center}.basement.hungry{background:#695516;border-color:var(--yellow);box-shadow:inset 0 0 60px #f6d86f20}.basement.escaped{background:#6d2823;border-color:#ff8574;box-shadow:inset 0 0 60px #ff665530}.basement.hungry .hint,.basement.hungry #dog-symbol,.basement.hungry .panel-top>span:last-child{color:#fff0b0}.basement.escaped .hint,.basement.escaped #dog-symbol,.basement.escaped .panel-top>span:last-child{color:#ffd4c9}.lock{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#19221ff5;backdrop-filter:blur(3px)}.lock>span{font-size:30px;color:#69786e}.lock strong{font-size:16px;color:#9dab9e}.lock small{font-size:11px;color:#788b7e}.heat-warning{height:18px;font-size:11px;color:var(--lime);margin:17px 0}.balance-label,.balance-ticks{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.balance{height:32px;position:relative;border-radius:5px;background:linear-gradient(90deg,#49617a 0% 25%,#42623a 25% 75%,#845045 75%);margin:10px 2px}.safe{position:absolute;left:25%;width:50%;height:100%;border-left:2px dashed #e0c66d;border-right:2px dashed #e0c66d}#heat-marker{position:absolute;left:50%;height:44px;top:-6px;width:4px;background:#f7f8ed;border-radius:3px;transform:translateX(-50%)}.balance-ticks span:nth-child(2){margin-left:-16px}.balance-ticks span:nth-child(3){margin-left:63px}.switch{display:flex;width:100%;align-items:center;gap:12px;padding:12px;margin:17px 0 0;text-align:left}.toggle{flex-shrink:0;width:46px;height:25px;border-radius:20px;background:#596259;padding:3px}.toggle i{display:block;width:19px;height:19px;background:#eff5e3;border-radius:50%;transition:transform .15s}.switch[aria-checked=true] .toggle{background:#82a94d}.switch[aria-checked=true] .toggle i{transform:translateX(21px)}.switch strong,.switch small{display:block}.switch strong{font-size:13px}.switch small{font-size:10px;color:var(--muted);margin-top:4px}.switch kbd{margin-left:auto}.warning{border-color:var(--yellow)}.warning .heat-warning{color:var(--yellow)}.danger{border-color:var(--red);background:#3c2925}.danger .heat-warning{color:#ffa996}.game-panel{display:flex;flex-direction:column;padding:24px}.board{flex:1;min-height:180px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#364b304a,transparent 70%);text-align:center;padding:28px 0}.board-symbol{font-size:26px;color:var(--lime);margin-bottom:12px}.board h2{font-size:27px;margin:0 0 10px}.board p{font-size:12px;color:var(--muted);margin:0}.table-mark{font-size:56px;font-weight:900;letter-spacing:18px;color:#53664a21;user-select:none;margin-top:16px}.hand{display:flex;justify-content:center;gap:10px;padding:24px 0 13px;min-height:167px;align-items:center}.card{position:relative;flex:1;max-width:105px;min-width:0;height:126px;border:3px solid #5c685c;border-radius:9px;background:linear-gradient(140deg,#3a4436,#232c24);transition:transform .12s;box-shadow:0 4px 8px #0004}.card.green{border-color:#80ee84;box-shadow:0 0 12px #80ee8428}.card kbd{position:absolute;top:7px;left:7px;color:#b8c7b5;border:0;font-size:11px}.card-pattern{font-size:30px;color:#72806b}.card.selected{transform:translateY(-15px);background:#40543b;box-shadow:0 7px 15px #0007}.selected-mark{position:absolute;right:6px;bottom:6px;display:none;background:#e1f7d6;color:#203a1e;width:22px;height:22px;border-radius:50%;line-height:22px;font-size:14px}.selected .selected-mark{display:block}.play-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.play-row>span{font-size:12px;color:var(--muted)}.primary{background:var(--lime);color:#1b2912;padding:14px 24px;font-weight:700;border:0}.primary kbd{margin-left:20px;color:inherit;border-color:#70934c}.panel-foot{display:flex;justify-content:space-between;margin-top:20px;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:15px}kbd{font:10px system-ui;border:1px solid #576950;border-radius:3px;padding:2px 4px;color:#bdcab6}footer{padding:17px 0 8px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.log{font-size:11px;color:#b5c7a7;padding:4px 0 15px;min-height:34px}dialog{width:470px;padding:35px;background:#232d21;border:1px solid #6c8451;border-radius:14px;color:var(--cream);box-shadow:0 30px 150px #000a}dialog::backdrop{background:#080d09c9;backdrop-filter:blur(5px)}dialog h2{font-size:36px;line-height:1.4;margin:22px 0 15px}dialog h2 span{color:var(--lime)}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}dialog .primary{width:100%}.intro-rules{font-size:11px;color:#c6dcb8;padding:22px 0}.note{display:block;text-align:center;font-size:10px;margin-top:15px;color:var(--muted)}.result-time{padding:15px 0}.result-time strong{font-size:60px;color:var(--lime)}.result-time span{font-size:12px;margin-left:12px}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:12px}.result-stats>div{padding:13px;background:#172016;border-radius:5px}#record-message{color:var(--lime)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#result-title{font-size:30px;line-height:1.5;overflow-wrap:anywhere}

/* Match the existing wish page: starry blue, ivory surfaces and champagne gold. */
:root{--bg:#101f2b;--panel:#203646;--line:#d4bf8d44;--muted:#a8b6be;--cream:#f0eade;--lime:#d9bc82;--gold:#d9bc82;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}
body{background:var(--bg);font-family:var(--sans);min-height:100vh}
.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 75% 22%,#51728136,transparent 50%),radial-gradient(ellipse at 0 80%,#34526b55,transparent 50%),linear-gradient(135deg,#0b1826,#1f3441 60%,#13202d)}
.sky:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#e0d6b9aa 1px,transparent 1.5px),radial-gradient(circle,#d0e6f866 .7px,transparent 1px);background-size:179px 137px,79px 113px;background-position:22px 45px,61px 25px;opacity:.45}
.orbit{position:absolute;width:1000px;height:1000px;left:45%;top:-510px;border:1px solid #9fc3d020;border-radius:50%}.orbit-two{width:1200px;height:1200px;top:-570px;left:40%}
.shell{max-width:1560px;padding:0 3.6%}header{height:76px}.brand{font-family:var(--serif);letter-spacing:3px;font-weight:600}.brand small{font:10px var(--sans);letter-spacing:2px;color:var(--muted)}.live{letter-spacing:2px;color:var(--gold)}
button{border-radius:3px;background:#ffffff08;border-color:var(--line)}button:focus-visible{outline-color:#fce0a3}button:hover:enabled{filter:brightness(1.1)}#pause{color:var(--gold);letter-spacing:2px}
.headline{padding:24px 0}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:10px}h1{font:500 40px/1.3 var(--serif);letter-spacing:4px;margin-top:10px}h1 span{color:#e5cc98}.clock strong{font-family:Georgia,serif;font-size:37px;color:#f4e4c0}.clock small,.clock>span{letter-spacing:1px}
.health{border-radius:3px;background:linear-gradient(100deg,#d7e0e90b,#c2d6df04);border-color:var(--line)}.health strong{font-family:Georgia,serif;color:var(--gold);font-weight:400}.rep-track{height:4px;background:#cbd9db20}.rep-track i{background:linear-gradient(90deg,#ac8d51,#f0dba9)}#pace{color:var(--gold)}
main{gap:22px;margin-top:22px;grid-template-columns:minmax(0,1fr) 330px}.side-panels{gap:18px}.panel{border-radius:4px;border-color:#d4bf8d66;background:linear-gradient(135deg,#294252ee,#152a39ee);box-shadow:0 12px 32px #0002}.panel:after{content:"";position:absolute;inset:6px;border:1px solid #d4bf8d16;pointer-events:none}.panel-top{font-family:var(--serif);letter-spacing:1px;font-size:13px}.panel-top>span:last-child{font:11px var(--sans);letter-spacing:0}.timer-track{background:#cbd9db20}.timer-track i{background:linear-gradient(90deg,#baa06c,#f0dba9)}
.game-panel{background:radial-gradient(ellipse at 50% 30%,#f4f0e6,#e4e1d7 70%);color:#32424c;border:1px solid #e4d7b0aa;padding:26px}.game-panel:after{inset:9px;border-color:#9c82432b}.game-panel .panel-top{color:#5b513d}.game-panel .panel-top>span:last-child{color:#65737b}.game-panel .timer-track{background:#8d805727}.game-panel .timer-track i{background:linear-gradient(90deg,#867044,#c5a567)}
.board{isolation:isolate;background:radial-gradient(ellipse,#faf8f199,transparent 70%);min-height:205px;padding:30px 0 20px}.board:before{content:"";position:absolute;width:240px;height:240px;border:1px solid #9b814c1c;border-radius:50%;left:calc(50% - 120px);top:12px;z-index:-1;box-shadow:0 0 0 15px #9b814c06}.board-symbol{color:#9b814c;font-size:32px;margin-bottom:15px}.board h2{font:500 28px var(--serif);letter-spacing:3px;color:#354955}.board p{color:#758080;font-size:12px;letter-spacing:1px}.table-mark{font:58px Georgia,serif;letter-spacing:0;color:#a48b533d;margin-top:17px}
.hand{gap:12px;padding-top:25px}.card{height:132px;max-width:108px;border:2px solid #a9a593;background:linear-gradient(145deg,#536976,#293f4d);border-radius:5px;box-shadow:0 5px 12px #233a4c22}.card:before{content:"";position:absolute;inset:6px;border:1px solid #e3d6ae44;pointer-events:none}.card:after{content:"";position:absolute;width:42px;height:60px;left:calc(50% - 21px);top:calc(50% - 30px);border:1px solid #d8c59644;transform:rotate(30deg);pointer-events:none}.card-pattern{position:relative;color:#d9c695;font-size:31px;z-index:1}.card.green{border:3px solid #52be79;background:linear-gradient(145deg,#456e62,#284d45);box-shadow:0 0 0 1px #9af2b7,0 3px 16px #54ae6633}.card.green:before{border-color:#98d6a45c}.card.green .card-pattern{color:#d5e7c4}.card.selected{background:linear-gradient(145deg,#629675,#356249);box-shadow:0 7px 18px #25432944}.selected-mark{background:#e4efd2;color:#35593c;z-index:1}.play-row>span{color:#63756f;font-size:12px;letter-spacing:1px}.panel-foot{border-color:#9c82432b;color:#79827d}
#dog-symbol{color:#b6c8d0}.dog-scene h2{font:20px var(--serif);letter-spacing:2px}.actions button{font:16px var(--serif);letter-spacing:2px;position:relative}.actions button:before,.primary:before{content:"";position:absolute;inset:4px;border:1px solid currentColor;opacity:.2;pointer-events:none}.feed{background:linear-gradient(110deg,#d2b16a,#f3d98c,#daba6c);color:#5b4722;border-color:#efdaad}.reinforce{background:linear-gradient(110deg,#a7473e,#ce6c5e,#b14c41);color:#fff1df;border-color:#e2a698}.basement.hungry{background:linear-gradient(135deg,#7b6229,#56431c);border-color:#f0d18a;box-shadow:0 0 18px #eacb6320}.basement.escaped{background:linear-gradient(135deg,#813e38,#522723);border-color:#eaa99b;box-shadow:0 0 18px #df756225}
.lock{background:linear-gradient(135deg,#283f4af8,#162b39fa);gap:14px}.lock:before{content:"✧";font:38px Georgia,serif;color:#d9bc8244}.lock>span{display:none}.lock strong{font:20px var(--serif);letter-spacing:3px;color:#b6c4c8}.lock small{color:#94a6b0;letter-spacing:2px}
.heat-warning{color:#b6d0b9}.balance{background:linear-gradient(90deg,#55758c 0% 25%,#6b886d 25% 75%,#ae7261 75%);border:1px solid #d6c28b55;border-radius:3px}.safe{border-color:#ecd29b}#heat-marker{background:#fff0cf;box-shadow:0 0 8px #ffe1a766}.switch{background:#d6e4e709;border-color:#d4bf8d55}.switch strong{font:16px var(--serif);letter-spacing:1px}.toggle{background:#526673}.toggle i{background:#ece6d5}.switch[aria-checked=true] .toggle{background:#bca06a}.hint{color:#a2b5bf}.warning{border-color:#e9cb85}.warning .heat-warning{color:#ead298}.danger{background:linear-gradient(135deg,#623f3c,#392a2b);border-color:#e69d86}.danger .heat-warning{color:#f5b59b}
footer{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;color:#94a8b4;letter-spacing:1px}.log{color:#c7c4ac}dialog{background:linear-gradient(135deg,#233b4b,#152735);border:1px solid var(--gold);border-radius:6px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#071321c4;backdrop-filter:blur(8px)}dialog h2{font:500 34px/1.5 var(--serif);letter-spacing:2px}.intro-rules{color:#d9cba6}.primary{position:relative;background:linear-gradient(110deg,#ddc99e,#fae9c3 50%,#e4c993);color:#5a4b32;border:1px solid #e5d7b3;border-radius:3px;font:19px var(--serif);letter-spacing:2px;box-shadow:0 5px 25px #edc57518}.result-time strong{font-family:Georgia,serif;color:var(--gold);font-weight:400}.result-stats>div{background:#d1dde50a;border:1px solid var(--line);border-radius:2px}.result-stats b{color:var(--gold)}#record-message{color:#dec89d}#result-title{font-family:var(--serif);font-size:29px;line-height:1.55;color:#f2e2bc}

.return-home{text-decoration:none}.return-home:hover{color:#fff0cb}