:root{--bg: #05060d;--bg-raised: #0f1428;--bg-panel: #121935;--fg: #eaf1ff;--fg-dim: #8b96c2;--accent: #22e6ff;--accent-dim: #0e8fa8;--accent2: #c26bff;--danger: #ff3f6e;--ok: #3dffa0;--warn: #ffbe3d;--border: #26305c;--chip-blue: #4d94ff;--glow: 0 0 12px color-mix(in srgb, var(--accent) 65%, transparent);--glow-soft: 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);--font-display: "Orbitron", "Segoe UI", sans-serif;--font-body: "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #eef1fb;--bg-raised: #ffffff;--bg-panel: #f5f7fd;--fg: #10152c;--fg-dim: #565f88;--accent: #0091ab;--accent-dim: #0091ab;--accent2: #7c3aed;--danger: #d81b52;--ok: #0a8f52;--warn: #b5760a;--border: #d3d9f2;--chip-blue: #2563eb;--glow: 0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent);--glow-soft: none}}:root[data-theme=light]{--bg: #eef1fb;--bg-raised: #ffffff;--bg-panel: #f5f7fd;--fg: #10152c;--fg-dim: #565f88;--accent: #0091ab;--accent-dim: #0091ab;--accent2: #7c3aed;--danger: #d81b52;--ok: #0a8f52;--warn: #b5760a;--border: #d3d9f2;--chip-blue: #2563eb;--glow: 0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent);--glow-soft: none}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;font-weight:500;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}body{background-image:radial-gradient(1px 1px at 20% 15%,#ffffff 100%,transparent),radial-gradient(1px 1px at 65% 8%,#ffffff 100%,transparent),radial-gradient(1.5px 1.5px at 85% 22%,#ffffff 100%,transparent),radial-gradient(1px 1px at 40% 35%,#ffffff 100%,transparent),radial-gradient(1px 1px at 92% 55%,#ffffff 100%,transparent),radial-gradient(1.5px 1.5px at 10% 60%,#ffffff 100%,transparent),radial-gradient(1px 1px at 55% 75%,#ffffff 100%,transparent),radial-gradient(1px 1px at 78% 88%,#ffffff 100%,transparent),radial-gradient(1.5px 1.5px at 30% 92%,#ffffff 100%,transparent),radial-gradient(ellipse 900px 500px at 50% -10%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;opacity:1}@media (prefers-color-scheme: light){html:not([data-theme=dark]) body{background-image:radial-gradient(ellipse 900px 500px at 50% -10%,color-mix(in srgb,var(--accent2) 6%,transparent),transparent)}}html[data-theme=light] body{background-image:radial-gradient(ellipse 900px 500px at 50% -10%,color-mix(in srgb,var(--accent2) 6%,transparent),transparent)}#app{height:100%}h1,h2,h3,.rr-title,.rr-game-title,.rr-card-title,.rr-course-name,.rr-button{font-family:var(--font-display)}.rr-app{min-height:100%;display:flex;flex-direction:column;max-width:1100px;margin:0 auto;width:100%;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:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 25%,transparent);z-index:10}.rr-header-left,.rr-header-right{display:flex;align-items:center;gap:12px}.rr-title{font-size:20px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 45%,transparent))}.rr-header-signin{padding:6px 10px;min-height:unset}.rr-button.rr-theme-toggle{width:36px;height:36px;min-height:unset;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:50%;color:var(--accent);font-size:16px;line-height:1;text-transform:none;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.rr-button.rr-theme-toggle:hover{border-color:var(--accent-dim);box-shadow:var(--glow-soft)}.rr-button.rr-theme-toggle:active{transform:scale(.92)}.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);box-shadow:0 0 6px color-mix(in srgb,var(--danger) 70%,transparent)}.rr-status.ok:before{background:var(--ok);box-shadow:0 0 6px color-mix(in srgb,var(--ok) 80%,transparent);animation:rr-pulse-dot 2s ease-in-out infinite}@keyframes rr-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.rr-notice{margin:0 20px 12px;padding:12px 14px;background:linear-gradient(160deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--warn);box-shadow:0 0 12px color-mix(in srgb,var(--warn) 30%,transparent);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{max-width:420px;width:100%;margin:0 auto}.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);font-family:var(--font-body);transition:border-color .15s ease,box-shadow .15s ease}.rr-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow)}.rr-button{font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:14px 16px;border-radius:10px;border:none;min-height:48px;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,filter .15s ease}.rr-button.primary{background:linear-gradient(120deg,var(--accent),var(--accent2));color:#04070d;box-shadow:var(--glow-soft)}.rr-button.primary:hover{filter:brightness(1.08)}.rr-button.primary:active{transform:scale(.97)}.rr-button.link{background:transparent;color:var(--accent);font-weight:600;text-transform:none;letter-spacing:normal}.rr-button.link:hover{text-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)}.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:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.rr-game-card{position:relative;background:linear-gradient(160deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.rr-game-card:hover{border-color:var(--accent-dim);box-shadow:var(--glow-soft)}.rr-game-card:active{transform:scale(.98)}.rr-game-card:before,.rr-game-card:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;opacity:.8}.rr-game-card:before{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);border-top-left-radius:6px}.rr-game-card:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent2);border-right:2px solid var(--accent2);border-bottom-right-radius:6px}.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:10px;background:var(--border);color:var(--fg-dim);border:1px solid transparent}.rr-chip-sub{font-size:10px;opacity:.75}.rr-chip.ready{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.rr-chip.waiting{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.rr-chip.dead{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.rr-app.rr-app-wide{max-width:none}.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}@media (min-width: 900px){.rr-game{display:grid;grid-template-columns:minmax(320px,420px) 1fr;grid-template-areas:"header header" "hand   board" "status board" "chat   board"}.rr-game-header{grid-area:header}.rr-hand{grid-area:hand;max-width:none;margin:0}.rr-board{grid-area:board;max-height:none}.rr-status-panel{grid-area:status}.rr-chat{grid-area:chat}}.rr-board{overflow:auto;max-height:52vh;width:fit-content;max-width:100%;scrollbar-gutter:stable;border:1px solid var(--border);border-radius:12px;background:#05070a;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),var(--glow-soft);-webkit-overflow-scrolling:touch;isolation:isolate}@media (min-width: 700px){.rr-board{max-height:70vh}}.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:linear-gradient(160deg,var(--bg-raised),var(--bg-panel));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);box-shadow:0 0 3px color-mix(in srgb,var(--ok) 70%,transparent)}.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:linear-gradient(160deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--border);border-radius:12px;max-width:480px;width:100%;margin:0 auto}.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;padding:4px;transition:border-color .15s ease,box-shadow .15s ease;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.rr-card-slot.locked,.rr-card-slot.rr-card-self{cursor:default}.rr-card-slot.dragging{opacity:.35}.rr-card-slot.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent),var(--glow-soft)}.rr-chip-ghost{position:fixed;top:0;left:0;width:56px;height:56px;padding:4px;box-sizing:border-box;pointer-events:none;z-index:999;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}body.rr-hide-cursor,body.rr-hide-cursor *{cursor:none!important}.rr-card-slot.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent),var(--glow-soft)}.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-chip-img{display:flex;align-items:center;justify-content:center}.rr-chip-img svg{width:100%;height:100%}.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:linear-gradient(160deg,var(--bg-raised),var(--bg-panel));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;max-width:640px;width:100%;margin:0 auto}.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(auto-fill,minmax(130px,1fr));gap:10px}.rr-course{border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--bg-raised);text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.rr-course.selected{border-color:var(--accent);box-shadow:var(--glow-soft)}.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(auto-fill,minmax(140px,1fr));gap:6px 12px}.rr-module-item{display:flex;align-items:center;gap:8px;font-size:14px}*{scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}