*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;font-family:"Press Start 2P",ui-monospace,monospace;overflow:hidden}#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}#game.pixel{image-rendering:pixelated}.hidden{display:none!important}#hud{pointer-events:none;text-shadow:3px 3px #000;position:fixed;inset:0}#hud-lap{color:#ffe14a;font-size:22px;position:absolute;top:18px;left:20px}#hud-time{font-size:14px;position:absolute;top:52px;left:20px}#hud-pos{color:#ffe14a;font-size:64px;position:absolute;bottom:24px;left:24px}#hud-pos sup{vertical-align:top;font-size:24px}#hud-speed{opacity:.85;font-size:14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}#hud-item{background:#0000288c;border:4px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #000,inset 0 0 0 3px #000}#hud-item-icon{width:72px;height:72px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain}#hud-item.rolling{border-color:#ffe14a}#hud-warn{color:#ff4040;font-size:18px;animation:.25s steps(2,end) infinite blink;position:absolute;top:120px;left:50%;transform:translate(-50%)}#hud-status{text-align:right;font-size:12px;line-height:1.8;position:absolute;top:18px;right:210px}#hud-center{text-align:center;color:#ffe14a;text-shadow:5px 5px #000,-2px -2px #c33;font-size:64px;position:absolute;top:38%;left:0;right:0}#minimap{width:180px;height:180px;position:absolute;top:14px;right:14px}#hud-help{opacity:.6;text-align:right;max-width:60vw;font-size:8px;position:absolute;bottom:6px;right:10px}@keyframes blink{50%{opacity:0}}.screen{background:linear-gradient(#0a0a3c8c,#000000bf);flex-direction:column;justify-content:safe center;align-items:center;gap:18px;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}h1{color:#ffe14a;text-shadow:6px 6px #c0392b,10px 10px #000;letter-spacing:4px;margin:0;font-size:clamp(28px,6vw,64px)}h1 span{color:#4ad8ff;text-shadow:6px 6px #1d4fa0,10px 10px #000}.sub{margin:0;font-size:14px}#kart-cards{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.card{cursor:pointer;background:#0009;border:4px solid #fff;border-radius:10px;width:210px;padding:14px;transition:transform .1s}.card:hover{transform:translateY(-3px)}.card.sel{border-color:#ffe14a;box-shadow:0 0 0 4px #c0392b}.card h3{margin:0 0 6px;font-size:13px}.card .drv{opacity:.8;margin-bottom:8px;font-size:9px}.card .swatch{border-radius:3px;height:10px;margin-bottom:10px}.stat{align-items:center;gap:6px;margin:5px 0;font-size:8px;display:flex}.stat b{width:62px;font-weight:400}.stat .bar{background:#333;border:1px solid #000;flex:1;height:8px}.stat .bar i{background:#ffe14a;height:100%;display:block}.menu-row{flex-wrap:wrap;justify-content:center;gap:16px;font-size:11px;display:flex}select{color:#fff;background:#111;border:2px solid #fff;padding:4px;font-family:inherit;font-size:11px}button{cursor:pointer;border:4px solid #000;font-family:inherit}button.big{color:#000;background:#ffe14a;padding:16px 28px;font-size:18px;box-shadow:4px 4px #c0392b}button.big:hover{background:#fff27a}button.big.alt{background:#4ad8ff;box-shadow:4px 4px #1d4fa0}button.small{color:#ccc;background:#222;border:2px solid #555;padding:8px 12px;font-size:9px}.hint{opacity:.6;margin:0;font-size:8px}#results-list{background:#00000080;border:4px solid #fff;min-width:min(560px,90vw);padding:16px 16px 16px 56px;font-size:16px;line-height:2.2}#results-list li.me{color:#ffe14a}#results-list span.t{float:right;opacity:.8}input{color:#fff;background:#111;border:2px solid #fff;padding:8px;font-family:inherit;font-size:11px}.name-row input{width:200px}.err{color:#ff6060;margin:0;font-size:10px}.panel{background:#0009;border:4px solid #fff;border-radius:10px;width:min(560px,92vw);padding:12px}.panel-head{color:#ffe14a;justify-content:space-between;align-items:center;margin:4px 0 10px;font-size:11px;display:flex}#lobby-list,#room-players{margin:0;padding:0;font-size:11px;list-style:none}#lobby-list li,#room-players li{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}#lobby-list li .meta{opacity:.7;font-size:9px}#room-players li.me{color:#ffe14a}#room-players .kartname{opacity:.75;font-size:9px}.room-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.room-grid .panel{width:min(430px,92vw)}#room-karts{grid-template-columns:1fr 1fr;gap:6px;display:grid}#room-karts button{color:#fff;background:#222;border:3px solid #555;padding:8px;font-size:9px}#room-karts button.sel{background:#3a3210;border-color:#ffe14a}.settings{flex-direction:column;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.settings label{justify-content:space-between;align-items:center;display:flex}#chat-log{-webkit-user-select:text;user-select:text;background:#000;border:2px solid #333;height:150px;margin-bottom:6px;padding:6px;font-size:9px;line-height:1.7;overflow-y:auto}#chat-log .sys{color:#8fd}#chat-log b{color:#ffe14a}#chat-input{width:100%}#room-title{text-shadow:3px 3px #c0392b,5px 5px #000;overflow-wrap:anywhere;text-align:center;max-width:92vw;font-size:clamp(18px,3.5vw,34px)}.pad-focus{outline-offset:3px;outline:4px solid #4ad8ff!important;box-shadow:0 0 18px #4ad8ff!important}.card.pad-focus{transform:translateY(-3px)}.screen.overlay{background:#000014b8}.menu-col{flex-direction:column;align-items:stretch;gap:12px;min-width:260px;display:flex}.controls-card{background:#0009;border:3px solid #555;border-radius:8px;grid-template-columns:auto auto;column-gap:18px;padding:10px 16px;font-size:9px;line-height:2;display:grid}.controls-card b{color:#ffe14a;text-align:right;font-weight:400}.btn-glyph{color:#fff;text-align:center;background:#222;border:2px solid #fff;border-radius:6px;min-width:1.6em;margin:0 2px;padding:1px 5px;display:inline-block}#toast{z-index:50;pointer-events:none;text-shadow:2px 2px #000;background:#000000d9;border:3px solid #4ad8ff;border-radius:8px;padding:10px 16px;font-size:10px;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.opts{flex-direction:column;gap:6px;min-width:260px;font-size:11px;display:flex}.opts label{justify-content:space-between;align-items:center;gap:16px;display:flex}