:root{--red:#df3d25;--red2:#8f1f18;--amber:#f7be36;--ink:#090a0c;--steel:#171b20;--line:#373d43;--text:#f1eadc;--muted:#a7a293}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#050607;color:var(--text);font:15px/1.4 Inter,Segoe UI,system-ui,sans-serif}body{overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0 3px,#0002 4px);z-index:50;opacity:.4}button,input,select{font:inherit}button{cursor:pointer}#canvas{position:fixed;inset:0;display:block;width:100vw;height:100vh;object-fit:contain;image-rendering:pixelated;background:#000;outline:0}#boot-overlay{position:fixed;inset:0;z-index:10;overflow:auto;background:radial-gradient(circle at 50% -15%,#3a2920 0,#15171a 35%,#070809 78%)}#boot-overlay.off{display:none}.shell{max-width:1180px;margin:auto;padding:22px clamp(14px,3vw,38px) 70px}.brand{text-align:center;position:relative;margin:2px 0 18px}.brand:before,.brand:after{content:"";position:absolute;top:49%;width:25%;height:10px;background:repeating-linear-gradient(135deg,var(--amber) 0 12px,#161616 12px 24px);border-block:1px solid #000}.brand:before{left:0}.brand:after{right:0}.logo{font-weight:1000;font-style:italic;font-size:clamp(38px,7vw,82px);line-height:.88;letter-spacing:-.07em;color:#ef422a;text-transform:uppercase;text-shadow:0 4px 0 #61130e,0 7px 0 #200,0 0 32px #e43b2733}.tag{margin-top:9px;color:var(--amber);font-size:12px;letter-spacing:.26em;text-transform:uppercase}.topbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:9px;background:#111418cc;border:1px solid var(--line);box-shadow:0 14px 50px #000}.tabs{display:flex;gap:6px;flex:1;flex-wrap:wrap}.tab,.action{border:1px solid #41464c;color:#ddd;background:linear-gradient(#292d31,#17191c);padding:10px 14px;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.08em}.tab.active,.tab:hover,.action.primary{color:#fff;border-color:#ff684d;background:linear-gradient(var(--red),var(--red2));box-shadow:inset 0 1px #ff9a86}.nick{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;text-transform:uppercase}.nick input{width:140px;color:#fff;background:#08090a;border:1px solid #4c5359;padding:9px}.screen{display:none;margin-top:16px}.screen.active{display:block}.grid{display:grid;grid-template-columns:1.35fr .9fr;gap:15px}.card{background:linear-gradient(145deg,#1d2125f5,#101214f5);border:1px solid #343a40;padding:18px;box-shadow:0 16px 40px #0008;position:relative}.card:after{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid #ffffff08}.card h2,.card h3{margin:0 0 12px;text-transform:uppercase;font-style:italic;letter-spacing:.04em}.card h2{font-size:24px;color:var(--amber)}.card h3{font-size:15px;color:#e3ded3}.hero{min-height:280px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(110deg,#1d2125f5 0 53%,#5b1710a8),radial-gradient(circle at 85% 40%,#e23e252e,#0000 45%)}.hero p{max-width:610px;color:#c5c0b6}.actions{display:flex;gap:9px;flex-wrap:wrap}.action{padding:13px 18px}.action.ghost{background:#111519}.statusline{margin-top:14px;color:#bcb6aa;border-left:3px solid var(--amber);padding:8px 10px;background:#090b0c}.content-state{display:flex;gap:10px;align-items:center;padding:12px;background:#0b0d0f;border:1px solid #30363b}.lamp{width:10px;height:10px;border-radius:50%;background:#e7472f;box-shadow:0 0 12px #e7472f}.lamp.ok{background:#54d678;box-shadow:0 0 12px #54d678}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.fact{padding:12px;background:#090b0c;border-top:2px solid var(--red);text-align:center}.fact b{display:block;font-size:22px;color:#fff}.fact span{color:var(--muted);font-size:10px;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.field{display:grid;gap:5px;color:var(--muted);font-size:11px;text-transform:uppercase}.field input,.field select{min-width:0;background:#090b0d;color:#eee;border:1px solid #41484e;padding:10px}.room,.replay,.modrow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #30353a}.room:hover,.replay:hover{background:#ffffff05}.room small,.replay small,.muted{display:block;color:var(--muted)}.empty{padding:28px;text-align:center;color:var(--muted)}.range{accent-color:var(--red);width:100%}.toggle{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #2e3338}.toggle input{width:20px;height:20px;accent-color:var(--red)}.kbd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kbd div{background:#0b0d0f;border:1px solid #333;padding:10px}.kbd b{color:var(--amber)}#replay-player{position:fixed;inset:auto 0 0;z-index:40}.legal{font-size:12px;color:#89877e}.hazard{height:12px;margin:15px 0;background:repeating-linear-gradient(135deg,var(--amber) 0 14px,#151515 14px 28px)}#duke-touch{position:fixed;inset:0;z-index:35;pointer-events:none;touch-action:none}#duke-touch button{pointer-events:auto;touch-action:none;border:2px solid #ffffff66;background:#111b;color:#fff;font-weight:900}.touch-pad{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:170px;height:170px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr)}.touch-pad button:nth-child(1){grid-area:1/2}.touch-pad button:nth-child(2){grid-area:2/1}.touch-pad button:nth-child(3){grid-area:2/3}.touch-pad button:nth-child(4){grid-area:3/2}.touch-actions{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,68px);gap:10px}.touch-actions button{height:58px;border-radius:50%;background:#5c1715cc}.touch-actions .fire{height:78px;background:#bd2d1fcc}#game-tools{position:fixed;right:10px;top:10px;z-index:36;display:none;gap:6px}#game-tools button{border:1px solid #7778;background:#111c;color:#fff;padding:9px}body.playing #game-tools{display:flex}@media(max-width:760px){.shell{padding:10px 10px 55px}.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.brand:before,.brand:after{display:none}.topbar{position:sticky;top:0;z-index:3}.nick{width:100%}.nick input{flex:1}.card{padding:14px}.hero{min-height:230px}.facts{grid-template-columns:1fr 1fr}.kbd{grid-template-columns:1fr 1fr}}@media(hover:hover) and (pointer:fine){#duke-touch{display:none!important}}
.action:disabled{cursor:not-allowed;opacity:.48}.lobby-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.lobby-options{margin-top:16px}.lobby-actions{margin-top:14px}.lobby-member{display:flex;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid #30353a}.lobby-member span{color:var(--muted)}#pause-menu{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#050607c9;backdrop-filter:blur(5px);pointer-events:auto}#pause-menu[hidden]{display:none}.pause-card{position:relative;z-index:1;display:grid;gap:12px;min-width:min(360px,calc(100vw - 32px));padding:28px;background:linear-gradient(145deg,#24292e,#111315);border:1px solid #535b62;box-shadow:0 24px 90px #000;pointer-events:auto}.pause-card .action{position:relative;z-index:2;pointer-events:auto}.pause-card h2{margin:0;color:var(--amber);text-transform:uppercase;font-style:italic}@media(max-width:760px){.lobby-head{display:grid}}