/* Graphite and electric lime. Original DEEP CHESS branding. */
:root{--bg:#0b100e;--line:#2b352e;--text:#ecf1e9;--muted:#8e9d93;--purple:#c3f53c;--gold:#c3f53c}
body{background:radial-gradient(ellipse at 45% 38%,#29402421,transparent 65%),var(--bg);font-family:'DM Sans',Arial,sans-serif}
header{background:#0b100e;border-bottom:1px solid #273129;box-shadow:none;height:76px}
.brand{font:700 25px 'DM Sans',sans-serif;letter-spacing:-1px}.brand span{display:inline-grid;place-items:center;width:35px;height:38px;background:#c3f53c;color:#121b0b;border-radius:8px;font-size:29px;vertical-align:middle;margin-right:9px}.brand b{color:#c3f53c;font-weight:700}
nav button{font-weight:500}nav button.active{background:linear-gradient(0deg,#b4f5300c,transparent);color:#d5ff76;border-bottom-color:#c3f53c}
.demo{color:#c8d7bb}.demo span{color:#718276}.demo i,.live-dot{background:#c3f53c;box-shadow:0 0 8px #c3f53c33}
.subnav{color:#75867a;letter-spacing:1.3px}.panel{border:1px solid #2c382f;background:#131b16;border-radius:15px;box-shadow:none;padding:24px 20px}.panel:before,.panel:after,.corner{display:none}
h1,h2,h3{font-family:'DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.7px}h1{font-size:30px;line-height:1.18;color:#f0f6eb;margin-top:19px}h2{color:#edf3e8}.eyebrow{color:#91a28f;letter-spacing:1.6px}.right h2{font-size:25px;line-height:1.2;margin:20px 0}.coming h3{color:#ced8c9}
.rift-art{background:radial-gradient(ellipse,#9ad83816,transparent 65%)}.rift-core{color:#c3f53c;border-color:#9dce53;box-shadow:0 0 28px #a3dd3312,inset 0 0 25px #98d13d15;outline-color:#65883242;background:radial-gradient(#2a401e,#111b14 75%);border-radius:20px}.rift-art>span{color:#9eb581}.rule-list b{font-family:'DM Sans',sans-serif;font-weight:600;color:#c7ec91}.rule-list>div{border-bottom-color:#2a362c}.coming{border-color:#2a362c}
.secondary{border-color:#3f5534;color:#c6dfad;background:#1d2a1c;border-radius:8px}.secondary:hover{background:#273a22}.primary{color:#17200b;background:#c3f53c;border:1px solid #c3f53c;border-radius:9px;box-shadow:none}.primary:hover{background:#d2ff62;filter:none}
.player{gap:12px}.player-name b{font-weight:600}.player-name b span{color:#8ea080}.avatar{border:1px solid #4e653c;color:#c3f53c;background:#1b2a18;border-radius:9px;box-shadow:none}.avatar.light{color:#edf7e4;border-color:#5d6c52;background:#293325}.clock{border-radius:8px;background:#101812;border-color:#2a392c;color:#84947f;font-size:24px}.clock.running{background:#243319;color:#d2f59c;border-color:#506b37;box-shadow:none}
.charge{color:#c3f53c}.charge .spent{color:#37402f}.board-frame{padding:13px;border:1px solid #3c4c3c;border-radius:10px;background:#19231b;box-shadow:0 14px 45px #0005;overflow:hidden}#board{border:1px solid #142016;border-radius:3px;overflow:hidden;box-shadow:none}
.square{background:linear-gradient(145deg,#85967a,#788a6d);box-shadow:inset 1px 1px #c9d7c311,inset -1px -1px #0001}.square.dark{background:linear-gradient(145deg,#344932,#2b3e2a)}.square:after{background:none}.square svg{filter:drop-shadow(0 3px 1px #09130788)}.square.selected{background:#8ba34b;box-shadow:inset 0 0 0 2px #d4ff71}.square.last{background:#92a75e}.square.last.dark{background:#4d682e}.square.in-check{background:radial-gradient(#ac6555,#58362c)}.square.legal:before{background:#d3fa9399;box-shadow:0 0 0 4px #22351a33}.square.capture:before{background:none;border-color:#d4ff70;box-shadow:none}.square .coord{color:#e4eddb88}
.rift{border-color:#c5ff55;box-shadow:0 0 12px #b2f53144,inset 0 0 12px #b2f53133;background:radial-gradient(ellipse,#8bc42a38,transparent 70%)}.rift:after{color:#d9ff93;text-shadow:0 0 6px #ace63d}.rift-exit{box-shadow:inset 0 0 0 3px #c3f53c!important}.board-actions{border-color:#2a352c}.board-actions span{color:#c0e58e}
.mode-selector{border-color:#33432f;border-radius:8px;overflow:hidden;background:#0d160f}.mode-selector .active{background:#293c20;color:#d4f9a1;box-shadow:inset 0 -2px #c3f53c}.free{color:#c1e78f}.moves-title{border-color:#2c392f}.moves-title>span:last-child{color:#74876f}#moves{scrollbar-color:#526745 #111a13}.move-row{border-color:#2a392c}.move-row>span:first-child{color:#74866e}.move-row>span:last-child{color:#b1cb98}.empty{color:#7b8e75}.empty b{color:#4b6044;font-family:'DM Sans',sans-serif}.hint{border-color:#40552f;background:#24331b55;border-radius:9px}.quiet-button:hover{color:#d5e5c9}
dialog{border:1px solid #405936;background:#141f17;border-radius:16px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#050b07cc}.dialog-detail{border-color:#405936;color:#c6dfa9;background:#1b2b17;border-radius:8px}.choice-grid button{background:#24351f;border-color:#52663f;border-radius:8px}.choice-grid button:hover{background:#3c522c}#toast{background:#24351e;border-color:#536c3a;color:#def5c7;border-radius:10px}footer{color:#74836f}
@media(max-width:760px){header{height:65px}.brand{font-size:19px}.brand span{width:28px;height:31px;font-size:24px}.board-frame{padding:8px}.clock{font-size:21px}.panel{border-radius:12px}}