@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#242622;background:#f3f0e7;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f3f0e7;--ink: #242622;--muted: #787970;--line: #d7d3c8;--red: #df553c;--blue: #317d90;--mono: "DM Mono", monospace;--display: "Barlow Condensed", sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--paper)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.topbar{height:72px;padding:0 5.4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);text-decoration:none;font:800 16px var(--display);letter-spacing:0;display:inline-flex;align-items:center;gap:10px}.mark{width:27px;height:27px;display:grid;place-items:center;color:var(--paper);background:var(--red);font:800 18px var(--display);transform:skew(-7deg)}.connection,.eyebrow,.name-label,.arena-stats,.lobby-count,.lobby-info span,.join-button,.board-foot,.footer,.room-code>span,.room-code button,.driver-details span,.ready-label,.searching,.roster-actions p,.host-wait,.round-label,.match-driver span,.match-controls,.result-stamp>span,.result-stamp button{font-family:var(--mono);font-size:10px;letter-spacing:0}.connection{color:var(--muted);display:flex;align-items:center;gap:9px}.status-dot,.pulse-dot,.searching i{width:7px;height:7px;border-radius:50%;background:#aaa99e}.status-dot.is-online,.pulse-dot{background:#75a96c;box-shadow:0 0 0 3px #75a96c22}.home-layout{width:min(1240px,89.2vw);margin:0 auto;min-height:calc(100vh - 122px);display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:clamp(50px,8vw,132px);padding:55px 0 70px}.intro{position:relative;padding:16px 0 0}.intro:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #dfdbd0;border-radius:50%;left:32%;top:-45px;z-index:-1}.intro:after{content:"";position:absolute;width:240px;height:240px;border:1px dashed #d8d3c7;border-radius:50%;left:42%;top:5px;z-index:-1}.eyebrow{color:var(--muted);display:flex;align-items:center;gap:12px;margin:0 0 23px}.eyebrow-line{width:34px;height:1px;background:#aaa99e}h1{font:900 clamp(64px,8.3vw,114px)/.79 var(--display);letter-spacing:0;margin:0;position:relative}h1 em{color:var(--red);font-style:normal}.intro-copy{max-width:385px;color:#66675f;font-size:14px;line-height:1.65;margin:27px 0}.name-label{display:block;color:var(--muted);margin:0 0 8px}.create-row{display:flex;gap:8px;max-width:490px}.create-row input{width:190px;min-width:0;height:46px;border:1px solid #c9c6bb;background:#fbf9f3;padding:0 13px;color:var(--ink);font-size:13px}.create-row input::placeholder{color:#a09f96}.button{min-height:46px;border:0;padding:0 17px;cursor:pointer;font:700 11px var(--mono);transition:background .18s,transform .18s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-dark{color:var(--paper);background:var(--ink)}.button-dark:hover:not(:disabled){background:#3a4843}.button:disabled{opacity:.4;cursor:not-allowed}.button span{margin-left:13px;font-size:15px}.setup-note{max-width:460px;color:#8a6e4f;font-size:11px;line-height:1.5}.setup-note code{font-family:var(--mono);color:#684d31}.arena-stats{display:flex;gap:26px;padding-top:31px;margin-top:27px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.arena-stats span{display:flex;gap:6px;align-items:baseline}.arena-stats b{color:var(--ink);font:700 15px var(--display)}.lobby-board,.roster-panel{border-top:3px solid var(--ink);background:#eae7dd;padding:26px 27px 0;box-shadow:8px 8px #dcd8cd}.board-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-bottom:20px}.board-heading .eyebrow{margin-bottom:7px}.board-heading h2{margin:0;font:700 29px/1 var(--display)}.lobby-count{color:#77786f;white-space:nowrap;padding-bottom:4px}.lobby-list{border-top:1px solid #d0ccc1;min-height:230px}.lobby-card{display:grid;grid-template-columns:30px minmax(0,1fr) 52px 70px;gap:10px;align-items:center;min-height:72px;border-bottom:1px solid #d0ccc1;animation:rise-in .35s both}.lobby-index{color:#a09f95;font:500 11px var(--mono)}.lobby-info{min-width:0;display:grid;gap:5px}.lobby-info strong,.driver-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 16px var(--display)}.lobby-info span{color:#85857d;font-size:9px}.slots{display:flex;gap:6px}.slots i{width:9px;height:9px;border:1px solid #b6b4aa;border-radius:50%}.slots i.filled{border-color:var(--red);background:var(--red)}.join-button{border:1px solid #bcb9ae;min-width:67px;height:31px;background:transparent;cursor:pointer;font-size:9px}.join-button span{margin-left:5px;font-size:12px}.join-button:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--paper)}.join-button:disabled{color:#898a82;cursor:default}.empty-state{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.empty-icon{color:var(--red);font:36px var(--display)}.empty-state strong{margin-top:7px;font:700 14px var(--display)}.empty-state p{max-width:245px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.board-foot{min-height:46px;display:flex;align-items:center;gap:9px;color:#77786f;font-size:9px}.pulse-dot{width:6px;height:6px}.footer{min-height:50px;border-top:1px solid var(--line);padding:0 5.4vw;display:flex;align-items:center;justify-content:space-between;color:#87877e;font-size:9px}.waiting-layout{width:min(1160px,87vw);min-height:calc(100vh - 122px);margin:auto;padding:70px 0;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:10vw}.waiting-copy h1{font-size:clamp(58px,7vw,92px)}.room-code{display:inline-flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);background:#ebe8de}.room-code>span{color:var(--muted)}.room-code strong{font:700 15px var(--mono);letter-spacing:2px}.room-code button{border:0;border-left:1px solid #c6c2b7;background:transparent;padding:3px 0 3px 13px;color:var(--blue);cursor:pointer}.roster-panel{padding:25px 27px 0}.driver-row{min-height:77px;display:grid;grid-template-columns:24px 32px minmax(0,1fr) auto;gap:11px;align-items:center;border-top:1px solid #d0ccc1}.driver-number{color:#929188;font:11px var(--mono)}.driver-badge{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c9c5ba;border-radius:50%;color:#85857d;font-size:12px}.badge-red{border-color:#df553c55;color:var(--red)}.badge-blue{border-color:#317d9055;color:var(--blue)}.driver-details{min-width:0;display:grid;gap:5px}.driver-details span{color:#85857d;font-size:9px}.ready-label{color:#67915f;font-size:9px}.kick-button{border:1px solid #c5c1b6;background:transparent;color:#9d4c3d;padding:7px 9px;cursor:pointer;font:10px var(--mono)}.kick-button:hover{border-color:var(--red)}.vacant{color:#8f9087}.searching{color:#8c8c82;display:flex;gap:7px;align-items:center;font-size:9px}.searching i{width:6px;height:6px;background:#d5a44e;animation:blink 1s infinite}.roster-actions{border-top:1px solid #d0ccc1;padding:20px 0 19px;text-align:center}.start-button{width:100%}.roster-actions p{color:#898980;font-size:9px;margin:12px 0 0}.host-wait{padding:15px;color:#76776e;border:1px dashed #c5c1b6}.text-button{border:0;background:transparent;cursor:pointer;color:#71726a;font:10px var(--mono)}.text-button:hover{color:var(--red)}.game-topbar{height:64px}.round-label{color:#74756d}.round-label span{color:var(--red);padding:0 7px}.game-layout{width:min(980px,92vw);margin:28px auto 0}.match-head{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;margin-bottom:14px}.match-driver{display:grid;grid-template-columns:12px auto;align-items:center;gap:3px 9px}.match-driver.right{justify-self:end;grid-template-columns:auto 12px;text-align:right}.match-driver.right .bot-dot{grid-column:2;grid-row:1 / span 2}.match-driver strong{font:700 18px var(--display)}.match-driver span{grid-column:2;color:var(--muted);font-size:9px}.match-driver.right span{grid-column:1}.bot-dot{width:9px;height:9px;border-radius:50%;grid-row:1 / span 2}.red-dot{background:var(--red)}.blue-dot{background:var(--blue)}.timer{justify-self:center;font:600 30px var(--mono)}.timer span{color:#a1a095}.game-frame{position:relative;overflow:hidden;border:1px solid #c9c5ba;background:#e8e3d7;box-shadow:7px 7px #d8d4c9}#game-canvas{width:100%;min-height:300px;aspect-ratio:900 / 560}#game-canvas canvas{display:block;width:100%!important;height:100%!important}.game-overlay{position:absolute;inset:0;display:none;place-items:center;background:#242622b8}.game-overlay.visible{display:grid}.result-stamp{min-width:250px;padding:25px;background:var(--paper);text-align:center;border-top:4px solid var(--red);box-shadow:7px 7px #181a18}.result-stamp>span{color:var(--muted)}.result-stamp strong{display:block;margin:10px 0 19px;font:800 40px/.9 var(--display)}.result-stamp button{border:0;background:var(--ink);color:var(--paper);padding:12px 16px;cursor:pointer}.match-controls{min-height:54px;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.match-controls small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.ring-caption{color:var(--muted)}.toast{position:fixed;z-index:10;left:50%;bottom:25px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:12px 16px;font:11px var(--mono);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}@keyframes blink{50%{opacity:.3}}@keyframes rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.home-layout{grid-template-columns:1fr;gap:50px;padding:60px 0}.intro:before{left:43%}.intro:after{left:53%}.lobby-board{max-width:650px;width:100%}.waiting-layout{grid-template-columns:1fr;gap:55px;padding:60px 0}.roster-panel{max-width:650px}}@media(max-width:560px){.topbar{height:60px;padding:0 5vw}.home-layout{width:90vw;padding:45px 0}.intro:before{width:240px;height:240px;left:36%;top:-20px}.intro:after{width:180px;height:180px;left:47%;top:10px}h1{font-size:clamp(61px,17vw,82px)}.intro-copy{font-size:13px}.create-row{flex-wrap:wrap}.create-row input{flex:1 1 130px}.button{flex:1;padding:0 10px;font-size:9px}.arena-stats{gap:13px;flex-wrap:wrap;font-size:8px}.lobby-board,.roster-panel{padding-left:16px;padding-right:16px;box-shadow:5px 5px #dcd8cd}.lobby-card{grid-template-columns:22px minmax(0,1fr) 35px 58px;gap:7px}.lobby-info strong{font-size:14px}.join-button{min-width:55px;font-size:8px}.footer{padding:0 5vw;gap:10px;font-size:8px}.footer span:last-child{text-align:right}.waiting-layout{width:90vw;padding:50px 0}.waiting-copy h1{font-size:clamp(57px,15vw,78px)}.room-code{gap:9px}.room-code>span,.room-code button{font-size:9px}.driver-row{grid-template-columns:20px 29px minmax(0,1fr) auto;gap:7px}.driver-details strong{font-size:14px}.driver-details span,.ready-label,.searching{font-size:8px}.game-layout{width:94vw;margin-top:17px}.game-topbar{height:57px}.round-label{font-size:8px}.match-head{grid-template-columns:1fr 65px 1fr}.match-driver strong{font-size:14px;max-width:98px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-driver span{font-size:8px}.timer{font-size:21px}#game-canvas{min-height:0}.match-controls{font-size:9px}.ring-caption{display:none}}