@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#20231e;font-synthesis:none;--paper:#f1f0e8;--ink:#20231e;--acid:#dfff70;--muted:#66685f;--line:#d0d2c5;background:#f1f0e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #cd48a2}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}#arena{background:#222e33;width:100%;height:100%;display:block;position:fixed;inset:0}#lobby{z-index:3;background:var(--paper);min-height:100svh;padding:32px 5vw 24px;position:relative}.brand-row{border-bottom:1px solid var(--line);letter-spacing:1.5px;justify-content:space-between;align-items:center;gap:24px;padding-bottom:25px;font-size:10px;font-weight:700;display:flex}.wordmark{letter-spacing:-2px;color:inherit;font-size:30px;font-weight:900;text-decoration:none}.wordmark span{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:11px}.lobby-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:9vw;max-width:1440px;margin:64px auto 60px;display:grid}.eyebrow{letter-spacing:1.2px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.eyebrow i{background:#738637;border-radius:50%;width:7px;height:7px;display:inline-block}h1{letter-spacing:-.025em;margin:36px 0 29px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(100px,12.8vw,190px);font-weight:900;line-height:.78;position:relative}h1>span{background:var(--acid);margin-top:12px;padding:0 15px 10px 4px;display:inline-block;transform:rotate(-3deg)}.splat-mark{color:#ce5a9d;font-family:sans-serif;font-size:.7em;font-weight:400;display:inline-block;position:absolute;top:10%;right:3%;transform:rotate(14deg)}.tagline{letter-spacing:-.8px;margin-top:38px;font-size:clamp(21px,2.25vw,32px);line-height:1.3}.tagline em{color:var(--muted);font-style:normal}.facts{color:var(--muted);gap:30px;margin-top:34px;font-size:10px;display:flex}.facts b{color:var(--ink);font-family:Barlow Condensed,Impact,sans-serif;font-size:28px;font-weight:700;line-height:1.2;display:block}.join-card{background:#fffef8;border:1px solid #c2c5b6;width:100%;max-width:470px;padding:35px;transform:rotate(1deg);box-shadow:7px 7px #dedfd2}.join-card>*{transform:rotate(-1deg)}.card-top{justify-content:space-between;align-items:center;min-height:48px;display:flex}.label,.invite>label{letter-spacing:1px;font-size:10px;font-weight:700}.sticker{border:1.5px solid var(--ink);text-align:center;background:var(--acid);border-radius:50%;place-content:center;width:65px;height:65px;font-size:11px;font-weight:900;line-height:1.2;display:grid;transform:rotate(14deg)}h2{letter-spacing:-.6px;text-transform:uppercase;margin:16px 0 28px;font-family:Barlow Condensed,Impact,sans-serif;font-size:44px;line-height:.98}form>label{margin-bottom:9px;font-size:12px;font-weight:700;display:block}input{min-width:0;color:var(--ink);outline-offset:3px;background:#fff;border:1px solid #babcaf;border-radius:0;width:100%;padding:15px 14px}.primary{background:var(--ink);color:var(--acid);text-align:left;border:0;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:18px 19px;font-size:16px;font-weight:700;display:flex}.primary:hover{background:#3b4131}.primary span{font-size:25px;line-height:1}#lobby-status{color:var(--muted);min-height:16px;font-size:11px}.invite{border-top:1px dashed #bfc2b6;margin-top:28px;padding-top:22px}.link-row{margin-top:9px;display:flex}.link-row input{background:#f3f4e9;padding:12px 8px;font-size:10px}.copy{background:var(--acid);white-space:nowrap;border:1px solid #babcaf;padding:10px 12px;font-size:11px;font-weight:700}.desktop-note{color:var(--muted);margin:19px 0 0;font-size:10px}.lobby-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-top:17px;font-size:10px;display:flex}.lobby-footer>span{letter-spacing:1px;font-size:10px;font-weight:700}kbd{border:1px solid #c5c8b9;border-bottom-width:2px;border-radius:3px;margin:0 6px 0 15px;padding:5px 6px;font-family:inherit;font-size:9px;display:inline-block}kbd:first-child{margin-left:0}#hud{z-index:2;pointer-events:none;color:#f3f4e9;position:fixed;inset:0}#hud button{pointer-events:auto}.game-header{background:linear-gradient(#152025bf,#0000);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 28px;display:flex}.game-brand{letter-spacing:-1px;font-family:Barlow Condensed,Impact,sans-serif;font-size:30px;font-weight:900;line-height:.82}.game-brand span{color:var(--acid);display:block}.clock{text-align:center;min-width:150px;position:absolute;left:50%;transform:translate(-50%)}.clock>span{letter-spacing:2px;font-size:10px;font-weight:700;display:block}.clock strong{font-variant-numeric:tabular-nums;font-family:Barlow Condensed,Impact,sans-serif;font-size:48px;line-height:1.1}.room-info{align-items:center;gap:14px;font-size:11px;display:flex}#connection{color:#dfff70}#player-count{font-weight:700}#roster{min-width:180px;position:absolute;top:114px;left:28px}.roster-row{border-left:3px solid var(--player);background:#17232dd9;align-items:center;gap:9px;margin-bottom:4px;padding:9px 12px;font-size:12px;display:flex}.roster-row.me{color:#fff;background:#f0f3e718}.roster-row strong{margin-left:auto;font-size:18px}.roster-row .you{color:#adb8b9;font-size:8px}.roster-row .dot{background:var(--player);border-radius:50%;width:7px;height:7px}.center-message{text-align:center;text-shadow:0 2px 5px #0008;text-transform:uppercase;width:500px;max-width:90vw;font-family:Barlow Condensed,Impact,sans-serif;font-size:37px;line-height:1;position:absolute;top:25%;left:50%;transform:translate(-50%)}.center-message small{text-transform:none;letter-spacing:0;margin-top:12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;line-height:1.5;display:block}.center-message.results{color:var(--ink);text-shadow:none;border:5px solid var(--acid);background:#f1f0e8;padding:28px;top:29%;box-shadow:8px 8px #121c20}.center-message b{text-transform:none;padding:9px;font-family:DM Sans,sans-serif;font-size:16px;display:block}#feed{text-align:right;max-width:350px;color:var(--acid);text-shadow:0 1px 3px #000;font-size:12px;position:absolute;top:112px;right:28px}.game-footer{background:linear-gradient(#0000,#152025df);justify-content:space-between;align-items:end;gap:20px;padding:22px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.health-box>span{letter-spacing:1px;font-size:11px;font-weight:700}.health-box strong{color:var(--acid);letter-spacing:5px;font-size:25px;line-height:1.1;display:block}.health-box small{color:#e1e7de;margin-top:8px;font-size:11px;display:block}.game-controls{gap:6px;display:flex}.game-controls button,#resume{color:#fff;background:#1b292ce8;border:1px solid #637576;padding:11px 14px;font-size:11px}#camera-toggle{background:var(--acid);color:var(--ink);border-color:var(--acid);font-weight:700}#controls-hint{color:#dde5e2;margin:0 0 10px;font-size:10px}#crosshair{text-shadow:0 1px 4px #000;font-size:25px;font-weight:400;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#resume{cursor:pointer;background:#152025ed;max-width:90vw;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}#toast{background:var(--acid);color:var(--ink);z-index:8;opacity:0;pointer-events:none;padding:13px 22px;font-size:12px;font-weight:700;transition:opacity .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}body.playing #arena{cursor:crosshair}body.fps #arena{cursor:default}@media (width>=1600px){.lobby-grid{gap:12vw;margin-top:90px;margin-bottom:85px}}@media (width<=1000px){.lobby-grid{gap:5vw;margin:65px auto}.join-card{padding:25px}.edition{display:none}.facts{gap:20px}#controls-hint{display:none}}@media (width<=680px){#lobby{padding:20px 22px}.brand-row{gap:10px;padding-bottom:16px;font-size:8px}.wordmark{font-size:26px}.lobby-grid{grid-template-columns:1fr;gap:33px;margin:34px auto 35px}.eyebrow{font-size:9px}h1{margin:25px 0;font-size:112px}.splat-mark{top:7%;right:12%}.tagline{margin-top:28px;font-size:24px}.facts{gap:32px;margin-top:22px}.join-card{max-width:100%;padding:24px}.join-card h2{font-size:40px}.lobby-footer{flex-direction:column;align-items:start;gap:8px}.lobby-footer p{margin:0;line-height:2.5}kbd{margin-left:4px}.game-header{padding:18px 16px}.room-info{gap:8px;font-size:9px}.room-info .copy{padding:8px}.game-brand{font-size:23px}.clock>span{font-size:8px}.clock strong{font-size:35px}#roster{min-width:145px;top:95px;left:16px}.roster-row{padding:7px 9px;font-size:10px}.roster-row strong{font-size:15px}#feed{width:150px;font-size:10px;top:200px;right:16px}.game-footer{flex-wrap:wrap;gap:8px;padding:16px}.game-controls{gap:4px}.game-controls button{padding:9px 7px;font-size:9px}.center-message{font-size:29px;top:36%}.center-message small{font-size:11px}.center-message.results{padding:20px;top:33%}.health-box small{max-width:150px;font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}