@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101b24;--ink:#e8eff0;--cyan:#73d4d2;--orange:#f49b46}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;background-image:radial-gradient(ellipse at 50% 20%,#25434c55,transparent 60%)}main{max-width:1510px;padding:24px 36px 20px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c;padding-bottom:20px}.logo{display:flex;gap:14px;align-items:center}.logo>b{font-size:34px;font-weight:900;color:var(--cyan);letter-spacing:-4px}.logo>b span{font-size:16px;color:var(--orange);position:relative;top:-15px;letter-spacing:0}.logo>div{font-size:15px;font-weight:800;letter-spacing:2px}.logo small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;color:#9cabb5;margin-top:4px}button{cursor:pointer;font:inherit;color:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:4px}#sound{background:transparent;border:1px solid #778d9866;border-radius:4px;font-size:11px;padding:10px 12px;letter-spacing:1px}.layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(350px,480px) minmax(170px,.75fr);gap:38px;padding:30px 0;align-items:start}aside{padding-top:18px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#94afb8;line-height:1.6}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,7vw,112px);line-height:.86;letter-spacing:-2px;margin:23px 0}h1 span{color:var(--orange)}.badge{display:inline-block;background:#f4984215;border:1px solid #f4984255;color:#f4b377;padding:7px 9px;font-size:10px;font-weight:700;letter-spacing:1px}.lead{font-size:23px;line-height:1.45;margin:23px 0}.lead em{display:block;font-size:14px;line-height:1.7;font-style:normal;color:#93a7b1;margin-top:12px}ol{padding:0;list-style:none;counter-reset:n;margin:27px 0}li{counter-increment:n}ol li{position:relative;padding-left:31px;margin:18px 0}ol li:before{content:'0' counter(n);position:absolute;left:0;color:var(--cyan);font-size:12px;top:2px}ol b{font-size:14px;font-weight:600}ol span{display:block;color:#94a9b2;font-size:13px;line-height:1.65;margin-top:5px}.review{border-top:1px dashed #60747b88;border-bottom:1px dashed #60747b88;padding:17px 0;margin:26px 0}.review>span,.mini>span{font-size:10px;letter-spacing:2px;color:var(--cyan)}.review strong{display:block;font-size:26px;margin-top:12px}.review p{font-size:12px;color:#90a3ad;margin:6px 0 18px}.review>div{font-size:10px;letter-spacing:1px;color:#a1b3bb}.review b{color:var(--orange)}.fine{font-size:11px;line-height:1.7;color:#788f9a}.cabinet{background:#2b5e66;border:5px solid #123b45;border-radius:18px 18px 9px 9px;padding:12px 14px 0;box-shadow:7px 8px 0 #071119,0 25px 60px #0005,inset 0 2px #75aba4}.cabinet-title{position:relative;background:#d7e2ce;color:#1d454d;border:3px solid #17434b;padding:13px 15px;border-radius:8px 8px 0 0}.cabinet-title>span{font-size:11px;letter-spacing:3px;font-weight:800}.cabinet-title>strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1;letter-spacing:1px;margin-top:3px}.cabinet-title>b{position:absolute;right:13px;top:12px;font-size:33px;color:#b55626;border-left:1px solid #759697;padding-left:14px;line-height:1}.cabinet-title small{display:block;font-size:8px;letter-spacing:1px;margin-top:4px}.stats{display:flex;justify-content:space-between;background:#122c36;border:3px solid #17434b;border-bottom:0;margin-top:8px;padding:9px 12px;font-size:9px;letter-spacing:1px}.stats>div{display:flex;align-items:center;gap:8px;color:#8cbdc4}.stats strong{font-family:monospace;color:#f0ca83;font-size:16px;letter-spacing:0}.board{position:relative;border:4px solid #163a44;overflow:hidden;background:#cdd3b5}canvas{display:block;width:100%;height:auto}#overlay{position:absolute;inset:0;background:#102832ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;backdrop-filter:blur(3px)}#overlay[hidden]{display:none}#resultTag{font-size:10px;letter-spacing:2px;color:#85c7ca}#overlay h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:45px;line-height:1;margin:20px 0 10px}#overlay p{font-size:14px;line-height:1.7;color:#afc4c9}#start{margin:15px 0 20px;background:#f0a451;color:#122d36;border:1px solid #f9c681;border-bottom:4px solid #a25e2d;border-radius:4px;font-size:13px;font-weight:800;padding:16px 21px;letter-spacing:1px}#start span{margin-left:15px}#resultFoot{font-size:11px;color:#7f9ba6;line-height:1.6}.controls{display:flex;gap:15px;align-items:center;padding:13px 0}.power-box{flex:1;min-width:0}.power-box p{font-size:12px;line-height:1.3;height:32px;margin:0 0 8px;color:#e3eee1}.meter{height:13px;background:#102f3c;border:1px solid #132f37;padding:2px;position:relative}#fill{width:0;height:100%;background:#f3a651}#lastPower{position:absolute;top:-3px;height:17px;width:2px;background:#fff9d1;box-shadow:0 0 3px #000}.scale{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px;margin-top:6px;color:#afc8c4}.scale strong{color:#f5d09b;font-size:10px}#lever{width:113px;height:79px;background:#ed9945;border:2px solid #d7b27b;border-bottom:5px solid #9c582c;border-radius:6px;color:#263c3a;font-size:9px;font-weight:800;letter-spacing:.5px;touch-action:none;user-select:none}#lever span{display:block;font-size:34px;line-height:1}#lever.charging{transform:translateY(3px);border-bottom-width:2px}#lever:disabled{opacity:.5;cursor:default}.bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a9c7c3;border-top:1px solid #8fc8c433;padding:9px 0}.feed{padding-top:18px}.feed h3{font-size:21px;font-weight:500;margin:12px 0 25px}#log{list-style:none;margin:0;padding:0;overflow:hidden;max-height:490px}#log li{display:flex;gap:13px;padding:17px 0;border-top:1px solid #7e98a026}#log time{font-size:9px;color:#668892;padding-top:3px;min-width:25px}#log p{margin:0;font-size:13px;line-height:1.5;color:#c3d2d7}#log small{display:block;color:#768f9c;font-size:11px;margin-top:6px}.mini{margin-top:30px;padding:16px;border:1px solid #73969a30;background:#385c6612}.mini p{font-size:12px;line-height:1.7;color:#a9bec6}.mini b{color:#d8dacc}.mini small{font-size:10px;line-height:1.6;color:#7e99a4}footer{border-top:1px solid #ffffff1c;padding-top:17px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.5px;color:#7796a1}footer span{letter-spacing:0}@media(max-width:1120px){.layout{grid-template-columns:minmax(220px,1fr) minmax(350px,460px);gap:30px}.feed{display:none}main{max-width:960px}h1{font-size:92px}}@media(max-width:700px){main{padding:14px;max-width:490px}header{padding-bottom:14px}.logo>div{font-size:12px}.logo small{font-size:8px}.layout{display:block;padding:15px 0}aside{padding:0}.eyebrow,.lead,ol,.review,.fine{display:none}h1{font-size:40px;line-height:1;margin:0 0 8px;letter-spacing:0}h1 br{display:none}h1 span{margin-left:8px}.badge{font-size:9px;padding:5px 8px;margin-bottom:15px}.cabinet{padding:8px 9px 0}.cabinet-title>strong{font-size:29px}.cabinet-title{padding:10px 12px}.cabinet-title>b{font-size:28px}.stats{padding:8px 7px}.stats>div{font-size:8px;gap:5px}.stats strong{font-size:15px}#overlay h2{font-size:40px}.controls{gap:10px}.bottom{font-size:7px}.power-box p{font-size:11px}footer span{display:none}footer{font-size:8px;line-height:1.6}#lever{height:73px;width:105px}}

.chaos-bar{display:flex;justify-content:space-between;gap:8px;background:#173b47;border:3px solid #17434b;border-top:1px solid #42646b;padding:8px 10px;font-size:9px;letter-spacing:.6px;color:#a4c7c8}.chaos-bar b{font-size:13px;font-family:monospace;color:#edc286;margin-left:3px}.chaos-bar b.urgent{color:#ff947a}.receipt{display:flex;width:100%;justify-content:space-between;border-top:1px dashed #91b0b255;border-bottom:1px dashed #91b0b255;padding:12px 0;margin:7px 0;font-size:8px;letter-spacing:1px;color:#8eafb9}.receipt[hidden]{display:none}.receipt strong{display:block;font-size:16px;letter-spacing:0;margin-top:5px;color:#ecc086}#overlay h2{font-size:clamp(24px,3.2vw,39px);overflow-wrap:anywhere}#overlay p{max-width:350px}#resultCopy{min-height:65px}#overlay{overflow:auto}#resultFoot{max-width:310px}@media(max-width:700px){.chaos-bar{font-size:8px;padding:7px 5px;gap:4px}.chaos-bar b{font-size:11px}#overlay h2{font-size:30px}#overlay p{font-size:13px;line-height:1.6}#overlay{padding:18px}#start{margin:10px 0 13px;padding:13px 16px;font-size:12px}}

/* Shared game: personal session scores only. */
main{max-width:1120px}.layout{grid-template-columns:minmax(240px,1fr) minmax(350px,480px);gap:65px}.audio-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#musicButton{background:#23434b;border:1px solid #778d9866;border-radius:4px;font-size:11px;padding:10px 12px;letter-spacing:1px;color:#b5e4df}@media(max-width:1120px){.layout{gap:35px}}@media(max-width:700px){main{max-width:490px}.layout{display:block}.audio-controls{gap:5px;max-width:165px}#sound,#musicButton{font-size:9px;padding:8px;letter-spacing:.3px}.logo>div{font-size:11px}.logo small{font-size:7px}.logo{gap:8px}}