@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f3f3f3;background:#090a0c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#282019 0,#0b0c0e 48%,#08090b);min-height:100vh}.app-shell{min-height:100vh}.topbar{height:76px;border-bottom:1px solid #26282b;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1120px)/2),24px);background:#090a0ce8}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid #e87526;color:#fff;display:grid;place-items:center;font:900 23px Barlow Condensed;transform:skew(-7deg)}.brand-mark span{color:#ed792b}.brand b{font:800 17px Barlow Condensed;letter-spacing:1.5px}.brand em{color:#ed792b;font-style:normal}.brand small{display:block;color:#777;font-size:8px;letter-spacing:2px;margin-top:3px}.live-pill{font-size:10px;letter-spacing:1.3px;color:#aaa}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8792d;margin-right:8px;box-shadow:0 0 10px #e8792d}.live-pill span{color:#e8792d;margin:0 8px}.share,.secondary{background:#151719;border:1px solid #383a3d;color:#ddd;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer}.share:hover,.secondary:hover{border-color:#e8792d}main{max-width:1120px;margin:auto;padding:55px 24px 30px}.hero{text-align:center;margin-bottom:35px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#e8792d;font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow span{width:25px;height:1px;background:#75401f}.hero h1{font:900 clamp(54px,9vw,88px)/.95 "Barlow Condensed";letter-spacing:2px;margin:14px 0 10px}.hero h1 span{color:#ed792b}.hero p{color:#929292;font-size:13px;margin:0}.panel{background:linear-gradient(135deg,#151719,#101214);border:1px solid #2a2d30;padding:24px;margin-bottom:28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-head small,.field-label{font-size:9px;color:#e8792d;letter-spacing:1.8px;font-weight:800}.section-head h2{font:700 27px Barlow Condensed;margin:4px 0 0;letter-spacing:.5px}.room-code{font-size:9px;color:#888;letter-spacing:1px}.room-code b{color:#eee;margin-left:8px;font-size:12px}.players{display:grid;grid-template-columns:1fr 1fr;gap:14px}.player-field span{display:block;color:#888;font-size:9px;letter-spacing:1.2px;margin-bottom:8px}.player-field input{width:100%;background:#0b0d0f;border:1px solid #303337;padding:13px;color:#fff;outline:none;font:600 13px Inter}.player-field input:focus{border-color:#e8792d}.format-row{display:flex;align-items:end;justify-content:space-between;margin-top:22px}.formats{display:flex;gap:7px;margin-top:8px}.formats button{background:#0c0e10;border:1px solid #34373a;color:#aaa;padding:9px 20px;font-weight:800;font-size:11px;cursor:pointer}.formats button.selected{background:#e8792d;border-color:#e8792d;color:#111}.auto{display:flex;gap:10px;align-items:center;color:#e8792d}.auto b,.auto small{display:block}.auto b{font-size:10px;letter-spacing:1px}.auto small{color:#777;font-size:9px;margin-top:4px}.actions-row{display:flex;gap:9px;margin-top:22px}.primary{border:0;background:#e8792d;color:#111;padding:13px 20px;font-size:10px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;gap:9px;cursor:pointer}.primary:hover{background:#ff9147}.veto-area{margin:35px 0}.progress{text-align:right;font:800 26px Barlow Condensed;color:#ed792b}.progress span{color:#666}.progress small{display:block;color:#777;font:800 8px Inter;letter-spacing:1.5px}.turn-banner{display:flex;align-items:center;gap:13px;padding:13px 16px;background:#1b1713;border:1px solid #59351f;margin-bottom:15px;color:#ed792b}.turn-number{width:29px;height:29px;background:#e8792d;color:#111;display:grid;place-items:center;font-weight:900}.turn-banner small{display:block;color:#999;font-size:8px;letter-spacing:1.4px}.turn-banner b{display:block;color:#fff;font-size:12px;margin-top:3px}.turn-action{margin-left:auto;font-size:9px;letter-spacing:1.5px;font-weight:900}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.map-card{height:180px;position:relative;overflow:hidden;border:1px solid #343638;background:#17191b;text-align:left;padding:0;color:#fff;cursor:pointer}.map-card:disabled{cursor:default}.map-art{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#090a0cf5,#090a0c22 80%),linear-gradient(135deg,#63513c,#202a2b 55%,#111)}.map-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:repeating-linear-gradient(125deg,transparent 0 18px,#ffffff0b 19px 20px)}.anubis .map-art{background:linear-gradient(0deg,#090a0cf5,#090a0c00),linear-gradient(135deg,#92704c,#514331,#15191b)}.cache .map-art{background:linear-gradient(0deg,#090a0cf5,#090a0c00),linear-gradient(135deg,#65715d,#34463e,#15191b)}.dust .map-art{background:linear-gradient(0deg,#090a0cf5,#090a0c00),linear-gradient(135deg,#b28b58,#6b573d,#1b1b18)}.inferno .map-art{background:linear-gradient(0deg,#090a0cf5,#090a0c00),linear-gradient(135deg,#9a5738,#583d31,#191817)}.mirage .map-art{background:linear-gradient(0deg,#090a0cf5,#090a0c00),linear-gradient(135deg,#927c65,#4d514b,#161a1a)}.nuke .map-art{background:linear-gradient(0deg,#090a0cf5,#090a0c00),linear-gradient(135deg,#5c7b80,#35494c,#15191b)}.map-info{position:absolute;left:14px;bottom:13px;z-index:1}.map-info span{display:block;color:#e8792d;font-size:8px;letter-spacing:1.5px;font-weight:800;margin-bottom:4px}.map-info b{font:800 25px Barlow Condensed;text-transform:uppercase}.map-card:not(:disabled):hover{border-color:#ed792b;transform:translateY(-2px)}.hover-pick{position:absolute;right:10px;top:10px;padding:6px 8px;background:#e8792d;color:#111;font-size:9px;font-weight:900;opacity:0}.map-card:not(:disabled):hover .hover-pick{opacity:1}.map-card.removed .map-art{filter:grayscale(1);opacity:.35}.stamp{position:absolute;right:10px;top:10px;color:#ff8a48;border:1px solid #e8792d;padding:5px 7px;font-size:10px;font-weight:900;transform:rotate(5deg);z-index:2}.stamp small{display:block;font-size:7px;color:#ddd;margin-top:3px}.map-card.pick .stamp{color:#fff;border-color:#fff}.hint,.empty{color:#777;font-size:11px;display:flex;align-items:center;gap:8px;margin:17px 0}.hint svg{color:#e8792d}.winner{margin-top:15px;border:1px solid #e8792d;background:#21180f;padding:15px;display:flex;align-items:center;gap:12px;color:#ed792b}.winner small,.winner b{display:block}.winner small{font-size:8px;letter-spacing:1.5px}.winner b{font:800 24px Barlow Condensed;color:#fff}.history{margin-top:35px}.history>svg{color:#e8792d}.history-list{display:grid;gap:1px}.history-item{display:flex;align-items:center;gap:12px;background:#0c0e10;padding:11px 13px;font-size:10px;color:#888}.history-index{color:#e8792d;font-weight:900}.history-item b{color:#eee;min-width:100px}.history-item strong{color:#fff}.history-item small{margin-left:auto;color:#e8792d;font-weight:900;letter-spacing:1px}footer{text-align:center;color:#e8792d;font:800 11px Barlow Condensed;letter-spacing:2px;padding:20px 0 5px}footer span{color:#777;margin:0 6px}footer small{display:block;color:#555;font:8px Inter;letter-spacing:1px;margin-top:8px}@media(max-width:700px){.topbar{padding:0 15px}.live-pill{display:none}main{padding:35px 15px}.panel{padding:17px}.players{grid-template-columns:1fr}.map-grid{grid-template-columns:repeat(2,1fr)}.map-card{height:145px}.format-row{align-items:start;gap:15px;flex-direction:column}.actions-row>*{flex:1;justify-content:center}.section-head h2{font-size:24px}.hero p{max-width:310px;margin:auto;line-height:1.6}.history-item{gap:7px}.history-item b{min-width:70px}.share{padding:10px;font-size:9px}}@media(min-width:701px){.topbar{height:60px}.brand-mark{width:34px;height:34px;font-size:19px}main{max-width:1160px;padding-top:24px;padding-bottom:14px}.hero{margin-bottom:18px}.hero h1{font-size:62px;margin:8px 0 6px}.hero p{font-size:11px}.eyebrow{font-size:9px}.panel{padding:16px 19px;margin-bottom:16px}.section-head{margin-bottom:13px}.section-head h2{font-size:23px}.players{gap:10px}.player-field input{padding:9px 11px;font-size:12px}.format-row{margin-top:13px}.formats{margin-top:5px}.formats button{padding:7px 16px}.actions-row{margin-top:13px}.primary,.secondary{padding:10px 15px}.veto-area{margin:18px 0}.map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.map-card{height:112px}.map-info{left:10px;bottom:9px}.map-info b{font-size:21px}.map-info span{font-size:7px;margin-bottom:2px}.turn-banner{padding:9px 12px;margin-bottom:9px}.turn-number{width:25px;height:25px}.history{margin-top:17px}.history-item{padding:7px 10px}footer{padding-top:10px}}
