:root{--bg: #11151c;--bg-raised: #1a2029;--fg: #eef1f6;--fg-dim: #9aa4b2;--accent: #4da3ff;--danger: #ff5d6c;--ok: #35d488;--border: #2a313d;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: light){:root{--bg: #f4f6f9;--bg-raised: #ffffff;--fg: #14181f;--fg-dim: #5b6472;--accent: #2563eb;--danger: #d92d3f;--ok: #12915a;--border: #e1e6ed}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#app{height:100%}.rr-app{min-height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.rr-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:sticky;top:0;background:var(--bg);z-index:10}.rr-title{font-size:20px;font-weight:700;letter-spacing:.02em}.rr-status{font-size:13px;color:var(--fg-dim);display:flex;align-items:center;gap:6px}.rr-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--danger)}.rr-status.ok:before{background:var(--ok)}.rr-notice{margin:0 20px 12px;padding:12px 14px;background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;font-size:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rr-notice-close{color:var(--fg-dim);cursor:pointer;padding:2px 4px}.rr-login,.rr-games{flex:1;padding:12px 20px 32px;display:flex;flex-direction:column;gap:12px}.rr-login h1{font-size:22px;margin:24px 0 4px}.rr-input{width:100%;font-size:16px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-raised);color:var(--fg)}.rr-input:focus{outline:2px solid var(--accent);outline-offset:1px}.rr-button{font-size:16px;font-weight:600;padding:14px 16px;border-radius:12px;border:none;min-height:48px}.rr-button.primary{background:var(--accent);color:#fff}.rr-button.link{background:transparent;color:var(--accent);font-weight:500}.rr-games-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.rr-loading,.rr-empty{color:var(--fg-dim);text-align:center;padding:40px 0}.rr-game-list{display:flex;flex-direction:column;gap:10px}.rr-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer}.rr-card:active{transform:scale(.98)}.rr-card-title{font-size:16px;font-weight:600}.rr-card-sub{font-size:13px;color:var(--fg-dim);margin-top:2px}.rr-card-players{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rr-chip{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--border);color:var(--fg-dim)}.rr-chip.ready{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.rr-chip.waiting{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.rr-chip.dead{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.rr-game{flex:1;padding:12px 16px 32px;display:flex;flex-direction:column;gap:12px}.rr-game-header{display:flex;align-items:center;gap:8px}.rr-game-header .rr-button{padding:8px 10px;min-height:unset}.rr-game-title{font-size:16px;font-weight:600}.rr-board{overflow:auto;max-height:52vh;border:1px solid var(--border);border-radius:12px;background:#05070a;-webkit-overflow-scrolling:touch;isolation:isolate}.rr-board-inner{position:relative}.tile{position:absolute}.tile.zabove{z-index:8}.s52 .tile{width:52px;height:52px;background-image:url(https://roboracer.net/M3/tiles52.png)}.s52 .vwall .tile{width:26px;z-index:10}.s52 .hwall .tile{height:26px;z-index:10}.s52 .bot{width:52px;height:52px}.bot{position:absolute;z-index:6;transition:left .15s linear,top .15s linear}.bot.ghost{opacity:.4}.bot.virtual{opacity:.6;filter:grayscale(60%)}.ff{position:absolute}.numlabelN,.numlabelG,.numlabelB,.numlabelX{position:absolute;right:2px;bottom:2px;font-size:11px;font-weight:700;line-height:1;padding:2px 4px;border-radius:4px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.4);color:#fff;z-index:12}.numlabelG{background:color-mix(in srgb,var(--ok) 80%,black)}.numlabelB{background:color-mix(in srgb,var(--accent) 80%,black)}.numlabelX{background:color-mix(in srgb,var(--danger) 70%,black)}.laser0,.laser2{position:absolute;z-index:5;background-color:red}.laser1{position:absolute;z-index:5;background-color:#0ff}.hit,.heal{position:absolute;z-index:99;opacity:.7}.heal{filter:hue-rotate(180deg)}.rr-status-panel{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:12px}.rr-status-row{display:flex;align-items:center;gap:10px}.rr-status-image{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:6px}.rr-status-image.ready{background:#8f8}.rr-status-image.boot{background:#000}.rr-status-info{flex:1;min-width:0}.rr-status-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-status-sub{font-size:12px;color:var(--fg-dim)}.rr-damage-track{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.rr-damage-row{display:flex;gap:2px}.rr-pip,.rr-pip-slot{width:8px;height:8px}.rr-pip{border-radius:2px;background:var(--ok)}.rr-pip-slot.rr-stored-dot{border-radius:50%;background:var(--accent)}.rr-pip.down{background:var(--danger)}.rr-status-time{display:flex;flex-direction:column;gap:1px;flex:0 0 48px;width:48px}.rr-status-module{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:0 0 64px;width:64px;text-align:right}.rr-status-module .rr-status-sub{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-hand{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:12px}.rr-hand-program,.rr-hand-pool{display:flex;gap:6px}.rr-hand-pool{padding-top:8px;border-top:1px dashed var(--border)}.rr-card-slot{position:relative;flex:1;aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.rr-card-slot.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.rr-card-slot.locked,.rr-card-slot.empty{background:color-mix(in srgb,var(--danger) 15%,var(--bg))}.rr-card-slot.locked{opacity:.45}.rr-card-self{cursor:default;background:transparent;border-style:dashed}.rr-card-slot-label{position:absolute;top:2px;left:4px;font-size:10px;color:var(--fg-dim);z-index:1}.rr-card{width:100%;height:100%;object-fit:contain}.rr-card-empty{width:60%;height:60%;border-radius:4px;border:1px dashed var(--border)}.rr-hand-controls{display:flex;align-items:center;justify-content:space-between}.rr-reboot{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--fg-dim)}.rr-hand-controls .rr-button{padding:10px 20px;min-height:unset}.rr-chat{display:flex;flex-direction:column;gap:8px}.rr-chat-text{max-height:180px;overflow-y:auto;padding:10px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;font-size:13px;display:flex;flex-direction:column;gap:4px}.rr-chat-name{font-weight:600;color:var(--accent)}.rr-chat-meta{color:var(--fg-dim);font-size:11px}.rr-games-header>div{display:flex;gap:4px}.rr-newgame{flex:1;padding:12px 20px 32px;display:flex;flex-direction:column;gap:12px}.rr-field-label{font-size:13px;color:var(--fg-dim)}.rr-field-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.rr-field-row select{font-size:15px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-raised);color:var(--fg)}.rr-input-number{width:80px;text-align:right;padding:8px 10px}.rr-checkbox-row{justify-content:flex-start}.rr-course-collapsed{border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);cursor:pointer}.rr-course-collapsed-inner{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:14px}.rr-course-collapsed-img{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.rr-course-expanded{display:flex;flex-direction:column;gap:8px}.rr-course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rr-course{border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--bg-raised);text-align:center}.rr-course.selected{border-color:var(--accent)}.rr-course-img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.rr-course-name{font-size:13px;padding:6px;color:var(--fg-dim)}.rr-modules{display:flex;flex-direction:column;gap:8px}.rr-module-actions{display:flex;gap:4px}.rr-module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px}.rr-module-item{display:flex;align-items:center;gap:8px;font-size:14px}