@font-face{font-family:Atomic;src:url('/assets/atomic.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#101414;--panel:#191e1e;--line:#303737;--muted:#98a4a0;--ink:#f2f4e9;--lime:#d8f66d;--orange:#ff9b58;--red:#ff7878}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,#25392a44,transparent 52%)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;font-weight:650;border:0;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.4;transform:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:86px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 54px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font-weight:900;font-size:17px;letter-spacing:1.3px}.brand-light{font-weight:500;font-size:12px;letter-spacing:1.6px;color:#b8c0b9}.bomb-logo{position:relative;width:28px;height:28px;display:inline-block;background:var(--lime);border-radius:50%;transform:rotate(-28deg)}.bomb-logo:before{content:"";position:absolute;top:-6px;left:11px;width:7px;height:9px;background:var(--lime)}.bomb-logo:after{content:"✦";position:absolute;top:-19px;left:14px;color:var(--orange);font-size:20px}.top-actions{display:flex;align-items:center;gap:24px}.connection{font-family:monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#b9c7bb;white-space:nowrap}.connection i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 12px #d8f66d55}.connection.offline i{background:var(--red)}main{max-width:1332px;padding:0 0 42px;margin:auto}.hero{display:grid;grid-template-columns:1.14fr 1fr;gap:52px;align-items:center;padding:64px 0 56px}.eyebrow{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1.8px;color:#b9c4b9;font-weight:500;line-height:1.6;margin:0 0 22px}h1{font-size:clamp(40px,4.4vw,66px);font-weight:780;line-height:1.08;letter-spacing:-3.4px;margin:0 0 26px}h1 span{color:var(--lime)}.intro{color:#a5b0a9;line-height:1.85;font-size:14px;margin:0}.hero-tags{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;font-family:monospace;font-size:10px;letter-spacing:.3px}.hero-tags span:before{content:"+";color:var(--lime);margin-right:7px}.hero-art{border:1px solid #4d594045;background:#142418;border-radius:12px;overflow:hidden;transform:rotate(1deg);box-shadow:0 20px 80px #0003;position:relative}.hero-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#0002 2px,#0002 3px);pointer-events:none}.hero-art>img{width:100%;height:300px;object-fit:cover;object-position:center 46%;display:block;filter:saturate(.8)}.art-caption{height:40px;padding:0 16px;display:flex;align-items:center;font-family:monospace;font-size:10px;letter-spacing:1px;background:#1c261d}.art-caption>span:last-child{margin-left:auto;font-size:9px;color:#889b83}.home-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:24px}.panel{border:1px solid var(--line);border-radius:10px;padding:28px;background:linear-gradient(125deg,#1d2322,#181d1d)}h2{font-size:17px;font-weight:650;letter-spacing:-.3px;margin:0}h3{font-size:14px;margin:0 0 8px}.section-title{display:flex;align-items:center;gap:12px}.step{color:var(--lime);font-size:10px;font-family:monospace;border:1px solid #5b6a3e;border-radius:4px;padding:5px}.muted{color:var(--muted);line-height:1.6;margin:12px 0 24px}.small{font-size:11px;margin-bottom:0}.section-title .icon-button{margin-left:auto}.icon-button{font-size:22px;color:#b8c2b8;background:transparent;border-radius:4px;width:30px;height:30px;padding:0}.icon-button:hover{background:#ffffff0c}.quiet{padding:8px 0;background:transparent;font-size:12px;color:#b8c2b8}.quiet:hover{color:var(--lime)}label{display:block;margin:18px 0 8px;font-size:11px;color:#d3dbd0;font-weight:550;letter-spacing:.2px}label span{color:#7f8c82;font-weight:400;float:right;font-size:10px}input,select{width:100%;border:1px solid #39403e;border-radius:5px;background:#121717;color:var(--ink);padding:12px 13px;outline:0;font-size:12px;min-height:43px}input::placeholder{color:#64736a}input:focus,select:focus{border-color:#b5cb65;box-shadow:0 0 0 3px #d8f66d0a}select{padding-right:25px}.primary,.secondary{padding:13px 18px;min-height:44px;border-radius:5px;font-size:12px;letter-spacing:.15px}.primary{background:var(--lime);color:#18200f}.primary:hover{background:#e5ff8d}.primary span{float:right;font-size:17px;line-height:16px}.secondary{border:1px solid #465043;color:#d6e0ce;background:#232c23}.secondary:hover{background:#303b2c}.wide{width:100%}form>.primary{margin-top:23px}.room-list{min-height:292px;display:flex;flex-direction:column;gap:10px;max-height:350px;overflow-y:auto}.empty-rooms{display:flex;flex:1;min-height:280px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #3a433c;border-radius:5px;background:#141a1780;text-align:center}.empty-rooms .empty-icon{font-size:30px;color:#667658;margin-bottom:12px}.empty-rooms p{color:var(--muted);line-height:1.7;font-size:12px;margin:8px 0}.empty-rooms strong{font-size:13px;font-weight:550}.room-card{border:1px solid #3a453a;display:flex;align-items:center;gap:14px;padding:14px;border-radius:6px;background:#1d251f}.room-thumb{width:44px;height:44px;object-fit:cover;border-radius:4px;border:1px solid #64755855;image-rendering:pixelated}.room-card h3{font-size:13px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card p{font-size:10px;font-family:monospace;color:var(--muted);margin:5px 0 0}.room-card button{margin-left:auto;padding:10px 14px;font-size:11px;white-space:nowrap}.room-footnote{font-size:10px;line-height:1.6;color:#879486;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.lock-icon{color:var(--lime);margin-right:6px}.howto{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding:44px 4px 8px}.howto>div{position:relative;padding-left:44px}.how-number{position:absolute;left:0;top:0;font:11px monospace;color:var(--lime)}.howto p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}footer{max-width:1332px;padding:24px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#9da99a}footer .muted{color:#627165}.footer-dot{color:var(--lime);font-size:21px;vertical-align:middle;margin-left:20px}.session-heading{display:flex;align-items:center;justify-content:space-between;padding:38px 0 28px;gap:20px}.session-heading h1{font-size:36px;letter-spacing:-1.5px;margin:0;overflow-wrap:anywhere}.session-heading .eyebrow{margin-bottom:10px}.session-actions{display:flex;align-items:center;gap:24px}.danger:hover{color:var(--red)}.session-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.arena-panel{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#131818}.arena-toolbar{display:flex;align-items:center;height:50px;padding:0 20px;gap:20px;font:10px monospace;color:#b9c6b1;text-transform:uppercase;letter-spacing:1px}.arena-toolbar>span:nth-child(2){margin-left:auto;font-size:9px;color:#81917b}.arena-toolbar .icon-button{width:20px;font-size:22px}.canvas-wrap{position:relative;aspect-ratio:4/3;background:#101410;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;image-rendering:pixelated}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;background:linear-gradient(#10171011,#0b130e99)}.game-overlay>div{padding:24px;border-radius:10px}.game-overlay h2{font-size:32px;letter-spacing:-1px;text-shadow:0 2px 12px #000;margin:0 0 12px}.game-overlay p{font-size:12px;text-shadow:0 1px 7px #000;line-height:1.6;max-width:330px;margin:0 auto;color:#d7e3ca}.game-overlay button{pointer-events:auto;margin-top:18px}.game-overlay .countdown{font-size:100px;font-weight:900;color:var(--lime);line-height:1.3;text-shadow:0 2px 20px #000}.arena-bottom{min-height:52px;padding:15px 16px;display:flex;align-items:center;gap:20px;color:#97a492;font:9px monospace}.arena-bottom>span{display:flex;align-items:center;gap:3px;white-space:nowrap}kbd{font:9px monospace;display:inline-block;color:#c2cfbb;background:#242d24;border:1px solid #3d4839;border-bottom-width:2px;border-radius:3px;padding:3px 5px}.arena-bottom #personal-stats{margin-left:auto;color:var(--lime)}.session-sidebar{display:grid;gap:18px}.session-sidebar .panel{padding:22px}.count-badge{margin-left:auto;border:1px solid #48523e;font:10px monospace;border-radius:4px;padding:5px;color:var(--lime)}#players{margin:20px 0 16px;display:grid;gap:9px}.player{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #343f34;border-radius:5px;background:#141a15;min-height:60px}.player.empty{border-style:dashed;color:#5e705e;font-size:11px;min-height:45px}.player-swatch{width:28px;height:32px;object-fit:contain;image-rendering:pixelated}.player .info{min-width:0}.player strong{font-size:12px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:130px}.player small{display:block;font-size:9px;color:#879a82;margin-top:4px}.player .player-status{margin-left:auto;font:9px monospace;color:var(--lime);white-space:nowrap}.player .player-status.wait{color:#8f9a88}.player .icon-button{font-size:18px;width:20px}.players-panel>.wide{margin-top:9px}.players-panel .small{line-height:1.6}#host-hint{text-align:center}.settings-panel h2,.powerups h2{font-size:14px}.settings-panel label{font-size:10px}.settings-panel select{font-size:11px;padding:10px;min-height:38px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.powerups>div{display:grid;grid-template-columns:24px 1fr 24px 1fr;gap:6px;align-items:center;font-size:9px;color:#a7b69e;margin-top:18px}.powerups img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 24px;z-index:50;border:1px solid #6d7b4d;border-radius:7px;background:#283026;color:#f3f7e4;box-shadow:0 8px 30px #0008;max-width:calc(100% - 24px);font-size:12px;text-align:center}.toast.is-error{background:#3c2220;border-color:#9e584d}dialog{max-width:440px;width:calc(100% - 32px);padding:30px;border:1px solid #536447;border-radius:10px;background:#1c241e;color:var(--ink);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#070e0bcc;backdrop-filter:blur(5px)}dialog h2{font-size:25px;overflow-wrap:anywhere}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading .eyebrow{margin-bottom:16px}.error{color:#ffa394;font-size:12px;line-height:1.6;min-height:1em;margin-bottom:0}.touch-controls{display:none}.canvas-wrap:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#080e09;display:flex;justify-content:center}.canvas-wrap:fullscreen canvas{height:100%;width:auto;max-width:100%;object-fit:contain}
@media(min-width:1450px){main,footer{max-width:1224px}.topbar{max-width:1332px}}
@media(max-width:1400px){main,footer{margin-left:48px;margin-right:48px}.hero{gap:36px}.hero-art>img{height:280px}}
@media(max-width:1050px){.topbar{padding:0 28px}main,footer{margin-left:28px;margin-right:28px}.hero{gap:24px;padding-top:44px}.hero-art>img{height:255px}h1{font-size:46px;letter-spacing:-2px}.hero-tags{gap:12px;font-size:9px}.intro{font-size:12px}.panel{padding:22px}.session-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.session-sidebar .panel{padding:17px}.arena-toolbar>span:nth-child(2){display:none}.arena-bottom{flex-wrap:wrap;gap:10px}.arena-bottom #personal-stats{margin-left:0}}
@media(max-width:760px){.topbar{height:70px;padding:0 20px}.brand{font-size:14px;gap:10px}.brand-light{display:none}.top-actions{gap:16px}.connection{font-size:9px}main,footer{margin-left:20px;margin-right:20px}.hero{grid-template-columns:1fr;padding:36px 0 28px;gap:28px}.hero-copy h1{font-size:45px}.hero-art{max-width:100%;transform:none}.hero-art>img{height:210px;object-fit:cover;object-position:center 45%}.eyebrow{font-size:8px;margin-bottom:18px}.hero-tags{font-size:9px;gap:18px}.home-grid{grid-template-columns:1fr;gap:18px}.panel{padding:23px}.howto{grid-template-columns:1fr;gap:26px;padding:34px 0 4px}.empty-rooms{min-height:180px}.room-list{min-height:180px}.section-title h2{font-size:16px}.session-heading{padding:28px 0 22px;align-items:start}.session-heading h1{font-size:28px}.session-actions{gap:8px;flex-direction:column;align-items:end}.session-actions .secondary{font-size:10px;padding:9px 10px;min-height:36px}.session-grid{grid-template-columns:1fr}.session-sidebar{grid-template-columns:1fr 1fr;gap:14px}.players-panel{grid-column:1/-1}.players-panel #players{grid-template-columns:1fr 1fr}.player strong{max-width:110px}.session-sidebar .panel{padding:18px}.powerups>div{grid-template-columns:24px 1fr;font-size:10px;row-gap:12px}.arena-toolbar{height:42px;font-size:9px;padding:0 14px}.arena-bottom{padding:12px;font-size:8px}.arena-bottom kbd{font-size:8px;padding:2px 4px}.arena-bottom>span:first-child{display:none}.arena-bottom #personal-stats{margin-left:auto}.touch-controls{display:flex;padding:14px 25px 20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);touch-action:none;user-select:none}.dpad{display:grid;grid-template-columns:46px 46px 46px;grid-template-rows:40px 40px;gap:5px}.dpad button{background:#303d2c;border:1px solid #4f6343;border-radius:5px;font-size:21px;color:#e2eccf;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.touch-bomb{width:75px;height:75px;background:var(--lime);color:#253412;border-radius:50%;font:900 11px monospace;touch-action:none;border:4px solid #42572d}.game-overlay h2{font-size:25px}footer{align-items:start;gap:22px;line-height:1.7;font-size:8px}footer>span{max-width:50%}.footer-dot{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
footer{margin-left:auto;margin-right:auto}.arena-toolbar .icon-button{margin-left:auto}.hero-art>img{object-position:center top}
@media(max-width:1400px){footer{margin-left:48px;margin-right:48px}}
@media(max-width:1050px){footer{margin-left:28px;margin-right:28px}}
@media(max-width:760px){footer{margin-left:20px;margin-right:20px}}
.intro-button{margin-top:24px}
/* The start screen borrows the original game's stars, yellow menus and bevels. */
body:has(#home:not([hidden])){background:#080e24}
body:has(#home:not([hidden])):before{background:radial-gradient(1px 1px at 15% 20%,#fff9 80%,transparent),radial-gradient(1px 1px at 74% 37%,#91bdffaa 80%,transparent),radial-gradient(2px 2px at 43% 67%,#cbdcff88 80%,transparent),radial-gradient(1px 1px at 90% 80%,#fff8 80%,transparent),linear-gradient(#121c3d,#070d22);background-size:137px 151px,217px 193px,307px 283px,173px 239px,auto}
.arcade-hero{grid-template-columns:1.12fr 1fr;gap:30px;position:relative;isolation:isolate;margin:28px 0;padding:24px;border:3px solid #768297;border-top-color:#bdc2b0;border-left-color:#a8b3a7;border-bottom-color:#303c5c;border-right-color:#27324c;border-radius:7px;background:linear-gradient(135deg,#142046ee,#070c22f5);box-shadow:0 0 0 2px #11172e,0 0 0 5px #4e5b80,0 15px 45px #0007}
.arcade-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1px 1px at 16% 25%,#fff 90%,transparent),radial-gradient(1px 1px at 75% 50%,#bbcaff 90%,transparent);background-size:103px 137px,181px 163px;opacity:.5}
.arcade-art{position:relative;border:2px solid #0b132c;border-radius:3px;overflow:hidden;background:#000;box-shadow:inset 0 0 25px #000,0 0 28px #36792e33}
.arcade-art>img{display:block;width:100%;height:auto;image-rendering:pixelated}
.arcade-edition{position:absolute;bottom:8px;left:0;right:0;text-align:center;font:9px monospace;letter-spacing:2px;color:#fcf47c;text-shadow:1px 2px #000;background:#0008;padding:6px}
.arcade-menu{padding:10px 16px;text-align:center;min-width:0}
.arcade-kicker{font:10px monospace;letter-spacing:1.8px;color:#a7c4ff;margin:0 0 14px}
.arcade-menu h1{font-family:Atomic,Impact,sans-serif;font-size:clamp(27px,3.2vw,48px);line-height:1.1;letter-spacing:2px;color:#fff344;text-shadow:2px 3px #8b3513,4px 5px #000;margin:0 0 24px}
.arcade-menu-buttons{display:grid;gap:10px}
.arcade-action{display:flex;align-items:center;gap:13px;min-height:53px;width:100%;text-align:left;padding:11px 15px;font-family:Atomic,Impact,sans-serif;font-size:25px;letter-spacing:1.1px;color:#fff244;text-shadow:1px 2px #58221a;border:2px solid #475b8a;border-top-color:#748bbc;border-left-color:#657eae;border-radius:3px;background:linear-gradient(#243862,#14203e);box-shadow:2px 3px #02071a}
.arcade-action:hover,.arcade-action:focus-visible{color:#fff8b8;background:linear-gradient(#514931,#302c28);border-color:#dfaa37;transform:translateX(3px)}
.arcade-action .menu-arrow{margin-left:auto;color:#ffa231;font-family:monospace;font-size:25px}
.menu-bomb{position:relative;font-size:29px;line-height:1;color:#131a24;text-shadow:-1px -1px #bcc6d1,1px 2px #000}
.menu-bomb:before{content:"";position:absolute;width:4px;height:6px;background:#9c9172;top:-1px;left:11px;transform:rotate(25deg)}
.menu-bomb:after{content:"✦";position:absolute;top:-10px;left:12px;color:#ffae25;font:15px sans-serif;text-shadow:0 0 5px #f80}
.arcade-audio{font-family:ui-monospace,monospace;font-size:11px;min-height:36px;letter-spacing:.5px;color:#b8d1f1;text-shadow:none}
.arcade-audio>span{color:#ffe748;font-size:18px;width:22px;text-align:center}
#title-cast{display:block;width:100%;height:auto;max-height:96px;margin:17px auto 2px;image-rendering:pixelated}
.arcade-features{display:flex;justify-content:center;gap:8px;font:bold 9px monospace;letter-spacing:.6px;color:#f5e56b}
.arcade-features span{padding:6px 9px;background:#0c1734;border:1px solid #3d527e;border-bottom-color:#202c48;border-radius:2px}
.arcade-tagline{font:8px monospace;letter-spacing:1.6px;color:#8aa6cf;margin:14px 0 0}
.autoplay-hint{font:10px monospace;line-height:1.6;color:#ffe984;margin:12px 0 0}
#home .panel{border:2px solid #586b90;border-top-color:#91a2b7;border-left-color:#8397b0;border-radius:5px;background:linear-gradient(130deg,#1c2c50f5,#111b36fa);box-shadow:2px 4px #03081a}
#home .section-title h2{font-family:Atomic,Impact,sans-serif;font-size:24px;letter-spacing:1px;color:#ffe952;text-shadow:1px 2px #562d19}
#home .step{color:#ffed61;border-color:#a27d2e;background:#0e172c}
#home .muted,#home .room-footnote{color:#a3b4d1}
#home input{background:#080f25;border-color:#40557b;color:#f6f4db}
#home input::placeholder{color:#778bac}
#home label{color:#d3dbec}
#home label span{color:#879cbf}
#home .primary{background:linear-gradient(#fff47f,#ffc436);border:1px solid #ffe191;box-shadow:0 3px #91471c;color:#39220b;font-family:Atomic,Impact,sans-serif;font-size:19px;letter-spacing:1px;text-shadow:0 1px #fff4b3}
#home .primary:hover{background:linear-gradient(#fff9b0,#ffda5c)}
#home .room-list{min-height:292px}
#home .empty-rooms{border-color:#41567c;background:#09122a99}
#home .empty-icon{color:#ffd23f;text-shadow:0 0 20px #ffb30044}
#home .room-card{background:#101d3c;border-color:#455d8a}
#home .room-card .secondary{background:#2c3c61;border-color:#7e8eae;color:#ffef76}
#home .room-footnote{border-color:#3c5077}
#home .how-number{color:#ffdf4d}
@media(max-width:1050px){.arcade-hero{gap:15px;padding:16px}.arcade-menu{padding:8px}.arcade-action{font-size:21px;min-height:49px}.arcade-audio{font-size:10px;min-height:34px}.arcade-menu h1{margin-bottom:19px}.arcade-features{font-size:8px;gap:5px}.arcade-features span{padding:5px}#title-cast{margin-top:8px}.arcade-kicker{font-size:8px;letter-spacing:1px}}
@media(max-width:760px){.arcade-hero{display:grid;grid-template-columns:1fr;gap:20px;padding:14px;margin:25px 0}.arcade-art{max-width:480px;margin:auto}.arcade-art>img{max-height:none}.arcade-menu{padding:2px 8px 12px}.arcade-menu h1{font-size:33px;letter-spacing:2px}.arcade-action{font-size:25px;min-height:52px}.arcade-audio{font-size:11px;min-height:39px}.arcade-kicker{font-size:9px}.arcade-features{font-size:9px;gap:7px}.arcade-features span{padding:6px 7px}.arcade-tagline{font-size:8px;letter-spacing:1px}#home .section-title h2{font-size:23px}#home .room-list{min-height:190px}}
@media(prefers-reduced-motion:reduce){.arcade-action:hover{transform:none}}