:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#eee8ce;background:#09090b}
.extra-help{max-width:790px;margin:12px auto;padding:0 12px;color:#9b9c8d;font-size:11px;line-height:1.6}#results{padding:8px;border:1px solid #b3a67a;background:#171718;color:#ffe398}.toast[data-kind="resume"]{background:#4b201beb;border:2px solid #ff8060;padding:8px 12px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 40%,#252123,#080809 75%)}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f6d665;outline-offset:4px}main{width:min(100%,1000px,calc((100dvh - 100px)*4/3));margin:0 auto;padding:18px 12px}.cabinet{background:#08090a;border:2px solid #3b3632;box-shadow:0 14px 80px #0009}.playfield{position:relative;width:100%;min-width:0;aspect-ratio:4/3;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.hud{position:absolute;inset:0;pointer-events:none;text-shadow:2px 2px 0 #111,-1px -1px 0 #111;font-weight:900}.stamina{position:absolute;left:3%;top:7%;width:25px;text-align:center}.diamond{display:block;color:#77c38a;font-size:26px;line-height:1;filter:drop-shadow(2px 2px #18271c)}.meter{height:170px;width:14px;margin:6px auto;border:3px ridge #bec3bb;background:#1e2623;display:flex;align-items:flex-end}.meter i{display:block;width:100%;height:100%;background:repeating-linear-gradient(0deg,#e9ebe4 0 15px,#7a8582 15px 18px)!important}.stamina>span:not(.diamond){font:bold 13px monospace;color:#d7d7b7}.stamina small{position:absolute;left:-4px;top:222px;writing-mode:vertical-rl;font:bold 8px monospace;letter-spacing:2px;color:#d6d2bb}.trick-bar{position:absolute;left:8%;top:7.5%;display:flex;gap:8px}.trick{position:relative}.trick .number{display:block;width:28px;height:28px;border:3px ridge #bdc0b4;border-radius:4px;transform:rotate(45deg);background:#4b514955;font:bold 17px Georgia;text-align:center;color:#c2c3af}.trick .number>span{display:block;transform:rotate(-45deg);margin-top:0}.trick strong,.trick small{display:none}.trick.done .number{background:#34765b;color:#b2ffad;border-color:#bdd8a4}.score{position:absolute;right:4%;top:5%;display:flex;align-items:baseline;gap:4px;transform:rotate(-2deg);font-style:italic}.score strong{font-family:Georgia,serif;font-size:35px;color:#f16863;text-shadow:2px 2px 0 #ffe0b2,4px 4px 0 #222}.score span{font:italic bold 16px Georgia;color:#b9d695}.stage-tag{position:absolute;top:16%;right:3.5%;text-align:right;color:#fff1c8;opacity:.85}.stage-tag>span{font:bold 9px monospace;letter-spacing:1px}.stage-tag h1{font:italic bold 13px Georgia;margin:3px 0}.lap{position:absolute;bottom:4%;left:4%;font:900 11px monospace;color:#dedbc3}.lap b{display:block;font-size:9px;margin-top:5px;color:#bfc7a5}.domino-count{position:absolute;right:4%;bottom:4%;display:flex;align-items:center;gap:11px}.mini-domino{background:#d1d3bf;border:2px outset #d6d7c3;color:#34352c;display:inline-block;font-size:31px;line-height:43px;width:23px;height:45px;text-shadow:none;transform:rotate(-4deg)}.domino-count strong{font:italic 900 35px Georgia;color:#e5cb65;text-shadow:2px 2px #3a2e1d}.domino-count small{font:bold 9px monospace;color:#dbc983;align-self:flex-end;margin-bottom:4px}.overlay{position:absolute;inset:0;background:linear-gradient(#1115,transparent 45%,#0a090b99);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5% 10% 6%}.title-mark{text-align:center;transform:rotate(-4deg);color:#fff2c8;font-style:italic;filter:drop-shadow(4px 5px #1b2019)}.title-mark>span{display:block;font-size:clamp(16px,2.5vw,28px);font-weight:900;letter-spacing:2px;-webkit-text-stroke:1px #493e29}.title-mark>b{display:block;font-family:Georgia,serif;font-weight:900;font-size:clamp(38px,7vw,72px);line-height:1.04;letter-spacing:-4px;color:#ffd15d;-webkit-text-stroke:1px #583b21}.title-mark>b>span{color:#f4644d}.overlay-card{background:#11100eea;border:3px ridge #a09b7b;padding:15px 24px;text-align:center;max-width:480px;width:100%;box-shadow:5px 6px #0007}#overlay-kicker{font:bold 10px monospace;color:#aaa988;letter-spacing:3px}.overlay-card h2{font:italic 900 26px Georgia;color:#f1d171;margin:7px 0 9px;text-shadow:2px 2px #312b1b}.overlay-card p{font-size:11px;line-height:1.5;color:#d7d4ba;margin:7px 0}.overlay-card label{font:bold 10px monospace;color:#c9bf9b;display:block;margin:12px 0 5px}.overlay-card label small{font:9px Arial;color:#969786;margin-left:6px}select{padding:6px 10px;border:1px solid #807b62;background:#262722;color:#ece2b9;max-width:100%;font-size:12px}.menu-buttons{display:flex;gap:14px;justify-content:center;margin:14px 0 4px}.menu-buttons button{border:0;border-bottom:2px solid #b3a67a;background:none;color:#f4d563;padding:7px 10px;font:italic 900 17px Georgia;white-space:nowrap}.menu-buttons button:hover{color:#fff7d2;background:#5c583a}.overlay-card .enter-hint{font:9px monospace;color:#aeac91;margin-top:12px}.toast{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);width:max-content;max-width:75%;text-align:center;font:italic bold 15px Georgia;color:#fff4b6;text-shadow:2px 2px #28231a,-1px -1px #28231a;pointer-events:none}.toast:empty{display:none}#chain-badge{position:absolute;right:5%;top:23%;font:italic 900 23px Georgia;color:#fff186;text-shadow:3px 3px #552626;transform:rotate(-5deg)}#chain-badge strong{font-size:36px;margin-left:8px}.controls{display:flex;align-items:center;justify-content:space-around;gap:14px;padding:15px 12px;background:#171718;border-top:2px ridge #575448}.controls>div,.controls>button{display:flex;align-items:center;gap:7px}.controls span{font-size:10px;font-weight:bold;color:#c1bfaf}.controls small{display:block;font-size:8px;font-weight:normal;color:#818578;margin-top:4px}.controls button{background:none;border:0;color:#c9c7b6;font-size:21px;padding:0;text-align:left}kbd{font:9px monospace;border:1px solid #6b6b60;border-bottom-width:3px;border-radius:2px;padding:5px;color:#d2c8a3}.touch-controls{display:none;gap:8px;padding:10px}.touch-controls button{flex:1;background:#33342d;color:#e1d6ac;border:1px solid #797557;padding:14px 3px;touch-action:none;font-size:11px}details{font-size:11px;color:#9b9c8d;margin:13px 3px;line-height:1.6}summary{cursor:pointer;color:#c0b798}details p{max-width:790px}[hidden]{display:none!important}.cabinet:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;border:0}.cabinet:fullscreen .playfield{width:min(100vw,calc((100vh - 68px)*4/3));max-height:calc(100vh - 68px)}.cabinet:fullscreen .controls{width:100%;max-width:1100px}
@media(max-width:720px){main{padding:0}.cabinet{border:0}.controls{flex-wrap:wrap;justify-content:center;gap:15px}.stamina{width:17px;top:7%}.diamond{font-size:18px}.meter{height:100px;width:11px}.stamina small{top:149px;font-size:7px}.trick-bar{gap:7px}.trick .number{width:19px;height:19px;border-width:2px;font-size:12px}.score strong{font-size:25px}.score span{font-size:11px}.stage-tag h1{font-size:10px}.domino-count strong{font-size:27px}.mini-domino{font-size:24px;line-height:32px;width:18px;height:34px}.toast{font-size:11px}.overlay{padding:4% 12%}.overlay-card{padding:10px 12px}.overlay-card h2{font-size:20px}.overlay-card p{font-size:10px}.overlay-card .enter-hint{font-size:8px}.title-mark>b{font-size:42px}.menu-buttons{margin:8px 0 0}.menu-buttons button{font-size:14px}.touch-controls{display:flex}details{margin:10px}}
@media(max-width:480px){.playfield{min-height:380px;aspect-ratio:4/3}canvas{object-fit:cover}.title-mark>b{font-size:35px;letter-spacing:-2px}.title-mark>span{font-size:13px}.overlay-card h2{font-size:19px}.overlay-card p{font-size:9px}.overlay-card label{margin-top:5px}.overlay-card .enter-hint{display:none}.stage-tag{top:19%}.lap{font-size:9px}.lap b{font-size:8px}.controls small{font-size:7px}.score strong{font-size:23px}}
#score-gain{position:absolute;right:5%;top:12%;color:#ffec83;font:italic 900 25px Georgia;text-shadow:2px 2px #322;pointer-events:none}
#hazard-warning{position:absolute;top:25%;left:50%;transform:translateX(-50%);padding:6px 11px;background:#331713d9;border:2px solid #edaf49;color:#ffe398;font:bold 12px monospace;text-align:center;white-space:nowrap;pointer-events:none}
#route-hint{position:absolute;left:50%;transform:translateX(-50%);top:3%;font:bold 11px monospace;color:#fff2b0;text-shadow:2px 2px #222;white-space:nowrap;pointer-events:none}
.toast[data-kind="hit"],.toast[data-kind="reset"]{color:#fff1c4;background:#792720eb;padding:10px 15px;border:2px solid #eeab57}
.toast[data-kind="heal"]{color:#bcffba;background:#183c23de;padding:9px 14px;border:1px solid #a3cc87}
.toast[data-kind="trick"]{color:#ffe270;background:#282217dd;padding:10px 15px;border:2px solid #d3ad48;font-size:18px}
.playfield.damaged::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px #ee37257a;border:4px solid #f1604580}
@media(max-width:720px){#score-gain{font-size:18px}#hazard-warning{font-size:9px;top:27%;padding:4px 6px}#route-hint{font-size:8px;top:2%}.toast[data-kind="trick"]{font-size:12px}}