:root{--bg:#282c34;--accent:#61dafb;--accent-strong:#21a1f1;--muted:#666;--card-bg:#f9f9f9;--border:#ddd;--gold:gold;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:20px;--radius-md:8px;--header-gap:1rem;--buttons-gap:1rem;--panel-gap:1rem;--small-gap:0.5rem;--mini-gap:0.25rem;--standard-box-width:280px;--standard-box-height:50px;--metal-box-width:280px;--metal-box-width-icons:110px;--metal-box-height:55px;--base-font:16px;--font-family:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#0006;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,#b8860b);border:2px solid #0006;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffed4e,gold)}#root,body,html{height:100%}body{background:#282c34;background:var(--bg);color:#fff;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial;font-family:var(--font-family);font-size:16px;font-size:var(--base-font)}.container{margin:0 auto;max-width:1200px;padding:0 12px;padding:0 var(--space-md);width:100%}.btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;padding:.6rem 1rem}.btn-primary{background:#61dafb;background:var(--accent);color:#282c34;color:var(--bg)}.btn-primary:hover{background:#21a1f1;background:var(--accent-strong)}.big-button{background-color:#61dafb;background-color:var(--accent);border:none;border-radius:8px;color:#282c34;color:var(--bg);cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:transform .2s,background-color .2s;width:200px}.big-button:hover{background-color:#21a1f1;background-color:var(--accent-strong);transform:scale(1.05)}.big-button:active{transform:scale(.98)}.button-container{gap:20px;margin-top:30px}.button-container,.flex-col-center{align-items:center;display:flex;flex-direction:column}.flex-col-center{gap:12px;gap:var(--space-md)}.text-center{text-align:center}.m-b-lg{margin-bottom:20px;margin-bottom:var(--space-lg)}.auth-container{display:flex;gap:40px;margin-top:40px}.sr-only{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.cell{position:relative}.effect-wrapper{inset:0;position:absolute}.effect-wrapper.kind-checkpoint{pointer-events:none}.checkpoint-badge{align-items:center;background:orange;border-radius:10%;bottom:4px;bottom:var(--space-xs);display:flex;font-weight:700;justify-content:center;left:4px;left:var(--space-xs);min-height:calc(var(--cell-size)*.3);min-width:calc(var(--cell-size)*.3);z-index:2}:root{--wall-color:#ffc21b;--wall-thickness:4px}.wall{border-color:#ffc21b;border-color:var(--wall-color);border-width:0;inset:0}.reboot-token{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;z-index:1}.reboot-token-image{animation:rebootPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,255,0,.4));height:60%;transition:transform .3s ease;width:60%}@keyframes rebootPulse{0%,to{filter:drop-shadow(0 0 8px rgba(0,255,0,.4))}50%{filter:drop-shadow(0 0 15px rgba(0,255,0,.7))}}.conveyor{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.conveyor img{height:60%;object-fit:contain;width:60%}.robot{position:relative;z-index:5}.antenna{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:4}.antenna-image{height:80%;object-fit:contain;width:80%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#000;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.board-root{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:16px}.boardNavigation,.navigation{align-items:center;display:flex;gap:12px;justify-content:space-between}.boardNavigation{flex-direction:column}.controls{align-items:center;gap:12px;margin-top:12px}.gameboard{display:grid;margin-top:12px;width:100%}.cell{align-items:center;aspect-ratio:1/1;background-color:initial;border:1px solid #000;border-radius:0;box-sizing:border-box;color:#fff;display:flex;font-size:14px;justify-content:center;width:100%}.inputNumber{padding:6px 8px;width:100px}.home-title{margin-top:6rem;text-align:center}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-title{margin-top:6rem;text-align:center}.logo{left:50%;position:absolute;top:10px;transform:translateX(-50%);width:600px}.page-content{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.lobbyContainer{align-content:center}.home-user-panel{margin-bottom:20px}.home-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.wide-button{width:200px}.home-username{border-bottom:2px solid #facc15;color:#e0e0e0;display:inline-block;font-size:1.4rem;margin-bottom:24px;padding-bottom:6px;text-align:center;text-transform:uppercase}.home-username,.home-username strong{font-weight:900;letter-spacing:2px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000}.home-username strong{color:#facc15}.auth-panel{gap:20px;margin:0 auto;max-width:300px}.auth-panel,.auth-panel form{align-items:center;display:flex;flex-direction:column;width:100%}.auth-panel form{gap:10px}.auth-panel button,.auth-panel input{width:100%}.control-panel.auth-panel{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;gap:60px;justify-content:space-between;margin:0 auto;min-height:350px;min-width:800px;padding:20px 60px;position:relative}.auth-panel .error-text{align-items:center;background:#0f0000f2;border:2px solid #ff1a1a;border-radius:6px;box-shadow:0 0 10px #ff1a1a80,inset 0 1px 3px #ffffff1a;color:#fb0000;display:flex;font-size:1rem;font-weight:700;height:30%;justify-content:center;left:50%;line-height:1.5;margin:0;max-width:650px;padding:var(--space-md);position:absolute;text-shadow:1px 1px 2px #000,0 0 8px #ff1a1ab3;top:50%;transform:translate(-50%,-50%);white-space:pre-line;width:90%;z-index:100}.auth-panel .error-text,.auth-panel h2{letter-spacing:1px;text-align:center;text-transform:uppercase}.auth-panel h2{color:#fff;font-size:1.6rem;font-weight:900;margin-bottom:16px;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 6px #000}.auth-panel input[type=password],.auth-panel input[type=text]{background:#1e1e1e;border:2px solid #666;border-radius:6px;box-shadow:inset 0 1px 3px #ffffff1a,0 0 6px #00000080;box-sizing:border-box;color:#f0f0f0;font-size:1rem;font-weight:600;margin:8px 0;outline:none;padding:10px 12px;transition:all .2s ease;width:var(--standard-box-width)}.auth-panel input[type=password]:focus,.auth-panel input[type=text]:focus{background:#222;border-color:#facc15;box-shadow:0 0 8px #facc1599,inset 0 1px 3px #ffffff26}.panel-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d9d9d9,#fff,#bfbfbf);-webkit-background-clip:text;border-bottom:2px solid #facc15;display:inline-block;filter:drop-shadow(0 0 8px rgba(255,255,255,.15));font-size:1.6rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;padding-bottom:4px;text-align:center;text-shadow:2px 2px 4px #000,-2px -2px 4px #000,0 0 12px #fff3,0 0 6px #fff6;text-transform:uppercase}.login-container,.register-container{min-height:280px;position:relative;width:100%}.auth-message{margin-top:10px;min-height:28px}.metal-text{color:#facc15;cursor:default;display:inline-block;font-size:2.8rem;font-weight:900;letter-spacing:3px;min-width:500px;overflow:hidden;position:relative;text-shadow:2px 2px 2px #000,-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000;text-transform:uppercase;transition:all .2s ease}.metal-text:before{background:linear-gradient(135deg,#0000 30%,#ffffff26 45%,#ffffff4d 50%,#ffffff26 55%,#0000 70%);content:"";filter:blur(4px);height:160%;left:-60%;pointer-events:none;position:absolute;top:-30%;transform:translateX(-100%) translateY(-20%);transition:transform 1.2s ease;width:220%}.metal-text:hover:before{transform:translateX(100%) translateY(20%);transform:translateX(100%)}.metal-text:hover{box-shadow:inset 0 1px 2px #ffffff40,0 6px 12px #fff3;transform:translateY(-2px)}.metal-text:active{box-shadow:inset 0 2px 3px #0006;transform:translateY(2px)}.metal-text:after{background-image:radial-gradient(circle at 6px 6px,#333 2px,#0000 3px),radial-gradient(circle at calc(100% - 6px) 6px,#333 2px,#0000 3px),radial-gradient(circle at 6px calc(100% - 6px),#333 2px,#0000 3px),radial-gradient(circle at calc(100% - 6px) calc(100% - 6px),#333 2px,#0000 3px);background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:6px;content:"";height:calc(100% - 12px);left:6px;pointer-events:none;position:absolute;top:6px;width:calc(100% - 12px)}.screw{background:radial-gradient(circle at 40% 35%,#aaa 0,#555 60%,#1a1a1a 100%);box-shadow:inset 1.5px 1.5px 3px #000000d9,inset -1.5px -1.5px 1px #ffffff1f,0 1px 3px #000000e6,0 0 6px #000000b3;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6));height:18px;position:fixed;transform:translateY(-50%);width:18px;z-index:9998}.screw,.screw:after{border-radius:50%;pointer-events:none}.screw:after{background:radial-gradient(circle,#00000080 0,#0000 70%);content:"";inset:-4px;position:absolute;z-index:-1}.screw:before{box-shadow:inset 0 1px 1px #ffffff1a,0 0 1px #0009;height:1.5px;width:8px}.screw.cross:after,.screw:before{background:linear-gradient(180deg,#000 40%,#444 60%);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(25deg)}.screw.cross:after{height:8px;width:1.5px}.screw-left{left:12px}.screw-right{right:12px}.board-info{margin-bottom:10px}.player-info{color:#fff;font-size:clamp(.7rem,.8vw,1rem);font-weight:600;margin:4px 0;text-align:left}.player-list{display:flex;flex-direction:column;gap:4px}.robot-label{font-weight:700;margin-left:4px}.game-state-info{border-top:1px solid #ffd7004d;display:flex;flex-direction:column;gap:2px;margin-top:12px;padding-top:12px}.executing-message,.readiness,.state-badge,.submitted-indicator,.timer{color:#fff;font-size:clamp(.7rem,.8vw,1rem)}.state-badge strong,.timer strong{color:gold}.readiness-details h3{color:gold;font-size:clamp(.8rem,.9vw,1.1rem);letter-spacing:1px;margin:8px 0 4px;text-transform:uppercase}.readiness-details ul{list-style:none;margin:0;padding:0}.readiness-details li{color:#fff;font-size:clamp(.65rem,.75vw,.95rem);padding:2px 0}.go-home-btn{align-items:center;background:#1a1a1ae6;border:2px solid gold;border-radius:6px;color:gold;cursor:pointer;display:flex;height:36px;justify-content:center;left:.5vw;padding:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:10}.go-home-btn:hover{background:#323232f2;border-color:#ffed4e;box-shadow:0 0 12px #ffd70099;color:#ffed4e;transform:translateY(-50%) scale(1.1)}.go-home-btn:active{box-shadow:0 0 6px #ffd70066;transform:translateY(-50%) scale(.95)}.controls{height:100%}.board-Master,.controls{display:flex;flex-direction:column;width:100%}.board-Master{box-sizing:border-box;gap:10px;height:100vh;max-height:100vh;overflow:hidden;padding:10px}.board-top-row{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0}.board-top-banner{height:6.5vh;min-height:40px}.board-bottom-row,.board-top-banner{display:flex;flex-direction:row;flex-shrink:0;gap:10px}.board-bottom-row{height:17vh}.board-main-content{display:flex;flex:1 1;flex-direction:row;gap:10px;min-height:0}.board-left-column{gap:0}.board-left-column,.board-right-column{display:flex;flex-direction:column;height:100%;overflow:hidden;width:50%}.board-right-column{gap:10px}.board-top-section{display:flex;flex:1 1;gap:10px;min-height:0}.board-Left,.board-Right{display:flex;flex-direction:column;width:50%}.game-info-box,.stats-info-box{background:#2a2a2a;border:2px solid #000;border-radius:8px;box-shadow:0 4px 12px #0000004d;height:100%;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:50%}.checkpoint-section{display:flex;flex-direction:column}.checkpoint-header{color:gold;font-size:clamp(.75rem,.9vw,1.1rem);font-weight:700;letter-spacing:1.5px;margin:0 0 8px;text-shadow:0 1px 2px #000c;text-transform:uppercase}.info-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;height:auto}.game-info-box .info-content,.stats-info-box .info-content{padding:clamp(.3rem,.5vw,.6rem)}.info-section{border-right:1px solid #ffd70033;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px;padding:4px 10px}.info-section:last-child{border-right:none}.info-section-title{color:gold;font-size:clamp(.75rem,.85vw,1rem);font-weight:700;letter-spacing:1px;margin-bottom:1px;text-transform:uppercase}.info-column{display:flex;flex:1 1;flex-direction:column;min-width:0}.map-banner-wrapper{background:#2a2a2a;border:2px solid #000;border-radius:8px;box-shadow:0 4px 12px #0000004d;overflow:hidden;padding:clamp(.3rem,.5vw,.6rem) clamp(.5rem,1vw,1.2rem);position:relative}.map-banner-content,.map-banner-wrapper{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:center}.map-label{color:gold;font-size:1.1rem;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px #000c;text-transform:uppercase}.map-name{color:#fff;font-size:clamp(.9rem,1.1vw,1.4rem);font-weight:600;text-shadow:0 2px 4px #000c}.board-box-wrapper,.map-name{display:flex;flex-direction:column}.board-box-wrapper{background:#2a2a2a;border:2px solid #000;border-radius:8px;box-shadow:0 4px 12px #0000004d;flex:1 1;min-height:0;overflow:hidden;padding:0}.boardContainer{flex:1 1;min-height:0;position:relative}.board-wrapper,.boardContainer{align-items:center;display:flex;justify-content:center}.board-wrapper{height:100%;padding:10px;width:100%}.board-grid{max-height:100%;max-width:100%}.controls-wrapper{flex-direction:column;min-height:0;padding:clamp(.3rem,.5vw,.6rem)}.controls-wrapper,.discard-pile-wrapper{background:#2a2a2a;border:2px solid #000;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;flex:1 1;overflow:hidden}.discard-pile-wrapper{align-items:center;flex-direction:row;gap:clamp(.5rem,1vw,1.5rem);padding:clamp(.3rem,.5vw,.6rem) clamp(.5rem,1vw,1.2rem)}.discard-pile-box{background:#0000;border:none;display:flex;flex-direction:column;gap:8px;padding:0}.discard-pile-box .discard-title,.discard-pile-wrapper .discard-title{color:gold;flex-shrink:0;font-size:clamp(.7rem,.85vw,1rem);font-weight:700;letter-spacing:1.5px;margin:0;text-shadow:0 2px 4px #000c;text-transform:uppercase;white-space:nowrap}.discard-cards-grid{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:clamp(.3rem,.4vw,.5rem);overflow-x:auto;overflow-y:hidden}.discard-card-chip{background:#3a3a3a;border:1px solid #555;border-radius:4px;color:#fff;flex-shrink:0;font-size:clamp(.6rem,.7vw,.85rem);font-weight:600;letter-spacing:.5px;padding:clamp(.2rem,.3vw,.4rem) clamp(.4rem,.6vw,.8rem);text-transform:uppercase;white-space:nowrap}.discard-empty-msg{color:#ffffff80;flex-shrink:0;font-size:clamp(.6rem,.75vw,.9rem);font-style:italic;white-space:nowrap}.discard-more-chip{background:gold;border:1px solid #b8860b;border-radius:4px;color:#000;flex-shrink:0;font-size:clamp(.6rem,.7vw,.85rem);font-weight:700;letter-spacing:.5px;padding:clamp(.2rem,.3vw,.4rem) clamp(.4rem,.6vw,.8rem);text-transform:uppercase;white-space:nowrap}.register-buttons{display:flex;flex-shrink:0;gap:12px;justify-content:center;margin-top:auto;width:100%}.make-move-button{background:linear-gradient(145deg,gold,#b8860b);border:2px solid gold;border-radius:7px;color:#000;cursor:pointer;flex:0 0 auto;flex-shrink:0;font-size:14px;font-weight:700;letter-spacing:.8px;max-width:350px;min-width:260px;padding:16px 18px;text-transform:uppercase;transition:all .3s ease}.make-move-button:not(:disabled):hover{box-shadow:0 6px 12px #4a9eff66;transform:translateY(-2px)}.make-move-button:disabled{cursor:not-allowed;opacity:.5}.tile{transition:grid-column .3s ease,grid-row .3s ease}.damageDecksViewer{display:flex;flex-direction:column;margin-bottom:0}.damageDecksViewer>p{color:gold;font-size:clamp(.7rem,.8vw,1rem);font-weight:700;letter-spacing:1px;margin:0 0 6px;text-align:left;text-shadow:0 1px 2px #000c;text-transform:uppercase}.damage-decks-info{color:#fff;display:flex;flex-direction:column;gap:2px;margin:0;padding:0;text-align:left}.damage-decks-info p{font-size:clamp(.65rem,.75vw,.9rem);margin:0}.last-move-content{display:flex;flex-direction:column;gap:4px}.last-move-robot{font-size:clamp(.75rem,.85vw,1rem);margin:0}.last-move-action{color:#fff;font-size:clamp(.7rem,.8vw,.95rem);letter-spacing:.5px;margin:0;text-transform:uppercase}.last-move-empty{color:#ffffff80;font-size:clamp(.65rem,.75vw,.9rem);font-style:italic;margin:0}.readiness-list{list-style:none;margin:0;padding:0}.readiness-list li{color:#fff;font-size:clamp(.65rem,.75vw,.9rem);padding:2px 0}.overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popUp{background-color:grey;border-radius:8px;max-width:500px;padding:20px;position:relative;width:80%}.closeButton{background:#0000;border:none;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.content,.reactionName{text-align:center}.confirmation-overlay,.content{justify-content:center}.confirmation-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal{background:linear-gradient(145deg,#1a1a1a,#2e2e2e);border:3px solid #000;border-radius:12px;box-shadow:inset 0 2px 4px #000000e6,0 0 30px #0009,0 0 15px #000c;display:flex;flex-direction:column;gap:25px;max-width:600px;min-width:400px;padding:30px 40px}.confirmation-content{text-align:center}.confirmation-text{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.6;margin:0;text-shadow:0 0 3px #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.confirmation-buttons{display:flex;gap:20px;justify-content:center}.confirmation-buttons .metal-button.icon{height:50px;min-width:80px;padding:0 20px}@media (max-width:768px){.confirmation-modal{min-width:300px;padding:20px 25px}.confirmation-text{font-size:1rem}}.robot-rebooting{animation:robot-reboot-pulse 1.4s ease-in-out infinite;opacity:.35}@keyframes robot-reboot-pulse{0%,to{opacity:.35}50%{opacity:.15}}.board-grid{grid-gap:0;display:grid;gap:0}.tile{background-position:50%;background-size:cover;height:100%;position:relative;width:100%}.tile-coords{color:#666;font-size:calc(var(--tile-size)*.15);left:2px;position:absolute;top:2px}.wall-n{top:4%}.wall-n,.wall-s{height:48%;left:3%;pointer-events:none;position:absolute;width:94%;z-index:3}.wall-s{top:49%}.wall-e{left:26%}.wall-e,.wall-w{height:48%;pointer-events:none;position:absolute;top:26%;width:94%;z-index:3}.wall-w{left:-19%}.board-empty{padding:20px;text-align:center}:root{--tile-font-ratio:0.3}.robot{align-items:center;border-radius:50%;color:#fff;display:flex;flex-direction:column;font-weight:700;height:calc(var(--tile-size)*.8);justify-content:center;text-align:center;width:calc(var(--tile-size)*.8)}.robot-arrow{font-size:calc(var(--tile-size)*.4)}.robot-id{font-size:calc(var(--tile-size)*.2)}.tile-effect{inset:0;pointer-events:none;position:absolute}.checkpoint-badge{left:50%;top:50%;transform:translate(-50%,-50%) rotate(0deg);z-index:10}.checkpoint-badge,.starting-tile{background-position:50%;background-repeat:no-repeat;background-size:contain;height:80%;position:absolute;width:80%}.starting-tile{background-image:url(/arcade/games/robot-rally-racer/static/media/startingtiles.0c27a382f038ee0240c1.png);left:10%;opacity:1;top:10%}.player-indicator{background:#ffffffe6;border-radius:3px;color:#1b5e20;font-size:calc(var(--tile-size)*.2);font-weight:700;left:2px;padding:1px 3px;position:absolute;top:2px}.starting-area-tile{position:relative}.starting-area-tile:before{background-color:initial;bottom:0;content:"";left:0;right:0;top:0;z-index:1}.starting-area-tile:before,.wall{pointer-events:none;position:absolute}.wall{object-fit:fill;z-index:3}.postgame-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.postgame-modal{align-items:center;background:linear-gradient(145deg,#1a1a1a,#2e2e2e);border:3px solid #000;border-radius:12px;box-shadow:inset 0 2px 4px #000000e6,0 0 30px #0009,0 0 15px #000c;display:flex;flex-direction:column;gap:25px;max-width:600px;min-width:360px;padding:30px 40px}.postgame-title{color:gold;font-size:1.4rem;font-weight:700;margin:0;text-align:center;text-shadow:0 0 3px #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.postgame-buttons{align-items:center;display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.postgame-modal{min-width:280px;padding:20px 25px}.postgame-title{font-size:1.1rem}}.error-banner{align-items:center;background-color:#b3261e;border-radius:8px;box-shadow:0 4px 12px #0006;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:12px;left:50%;max-width:80vw;padding:12px 40px 12px 16px;position:fixed;top:16px;transform:translateX(-50%);z-index:2000}.host-banner{background-color:#8a5a00;top:72px}.error-banner-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;position:absolute;right:10px;top:6px}.ck-lists{background:repeating-linear-gradient(45deg,#1a1a1a,#1a1a1a 8px,#151515 0,#151515 16px);border:3px solid #555;border-radius:10px;box-shadow:inset 0 2px 4px #000000e6,inset 0 -2px 3px #ffffff0d,0 6px 14px #000000d9;box-sizing:border-box;color:#cfd8dc;max-width:720px;padding:14px 16px;width:100%}.ck-lists,.ck-section+.ck-section{margin-top:12px}.ck-title{border-bottom:2px solid #555;color:#e0e0e0;font-size:.9rem;font-weight:900;letter-spacing:1px;margin-bottom:6px;padding-bottom:4px;text-transform:uppercase}.ck-row{display:flex;flex-wrap:wrap;gap:6px 10px}.ck-item{align-items:center;background:linear-gradient(180deg,#2a2a2a,#1b1b1b);border:1px solid #666;border-radius:4px;box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px 2px #000c;color:#e6e6e6;display:inline-flex;font-size:.85rem;gap:6px;padding:4px 8px}.ck-others{display:flex;flex-direction:column;gap:10px}.ck-player{border-top:2px dashed #444;padding-top:10px}.ck-player:first-child{border-top:0;padding-top:0}.ck-player-name{color:#facc15;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:900;letter-spacing:1px;margin-bottom:6px;text-shadow:1px 1px 0 #000,0 0 3px #facc1566;text-transform:uppercase}.board-grid{position:relative;z-index:0}.button-container,button{position:relative;z-index:10}.reboot-token{aspect-ratio:1/1;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:10}.reboot-token-image{height:100%;object-fit:contain;width:100%}.gear{background-position:50%;background-repeat:no-repeat;background-size:80%;opacity:.7;transition:opacity .3s ease}.gear:not(.activated){opacity:.9}.gear.activated{transition:none!important}.gear.activated.dir-cw{animation:rotate-cw .6s ease-in-out;opacity:.9}.gear.activated.dir-ccw{animation:rotate-ccw .6s ease-in-out;opacity:.9}@keyframes rotate-cw{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes rotate-ccw{0%{transform:rotate(0deg)}to{transform:rotate(-90deg)}}:root{--board-laser-color:255,0,0;--robot-laser-color-1:59,130,246;--robot-laser-color-2:255,255,255;--robot-laser-color-3:34,197,94;--robot-laser-color-4:250,204,21;--robot-laser-color-5:239,68,68;--robot-laser-color-6:168,85,247}.board-laser{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:flex-start}.board-laser,.laser-emitter{pointer-events:none;position:absolute}.laser-emitter{filter:drop-shadow(0 0 4px rgba(255,0,0,.8));filter:drop-shadow(0 0 4px rgba(var(--board-laser-color),.8));height:calc(var(--tile-size)*.25);object-fit:contain;width:calc(var(--tile-size)*.25);z-index:2}.board-laser.laser-firing .laser-emitter{filter:drop-shadow(0 0 8px rgba(255,0,0,1)) drop-shadow(0 0 12px rgba(255,0,0,.8));filter:drop-shadow(0 0 8px rgba(var(--board-laser-color),1)) drop-shadow(0 0 12px rgba(var(--board-laser-color),.8))}.laser-beam{box-shadow:0 0 10px #f00c,0 0 20px #f009,inset 0 0 10px #ffffff4d;box-shadow:0 0 10px rgba(var(--board-laser-color),.8),0 0 20px rgba(var(--board-laser-color),.6),inset 0 0 10px #ffffff4d;opacity:0;pointer-events:none;position:absolute;z-index:12}.board-laser.laser-firing .laser-beam,.laser-beam{animation:laser-fire .8s ease-out}.laser-beam[data-direction=N]{bottom:25%;transform:translateX(-50%);transform-origin:bottom center}.laser-beam[data-direction=N],.laser-beam[data-direction=S]{background:linear-gradient(180deg,#ff0000e6,#ff0000b3 50%,#ff0000e6);background:linear-gradient(180deg,rgba(var(--board-laser-color),.9) 0,rgba(var(--board-laser-color),.7) 50%,rgba(var(--board-laser-color),.9) 100%);left:50%;width:calc(var(--tile-size)*.12)}.laser-beam[data-direction=S]{top:25%;transform:translateX(-50%);transform-origin:top center}.laser-beam[data-direction=E]{left:25%;transform:translateY(-50%);transform-origin:left center}.laser-beam[data-direction=E],.laser-beam[data-direction=W]{background:linear-gradient(90deg,#ff0000e6,#ff0000b3 50%,#ff0000e6);background:linear-gradient(90deg,rgba(var(--board-laser-color),.9) 0,rgba(var(--board-laser-color),.7) 50%,rgba(var(--board-laser-color),.9) 100%);height:calc(var(--tile-size)*.12);top:50%}.laser-beam[data-direction=W]{right:25%;transform:translateY(-50%);transform-origin:right center}.robot-laser{align-items:center;display:flex;inset:0;justify-content:center}.robot-laser,.robot-laser-beam{pointer-events:none;position:absolute}.robot-laser-beam{box-shadow:0 0 10px rgba(var(--current-robot-laser-color),.8),0 0 20px rgba(var(--current-robot-laser-color),.6),inset 0 0 10px #ffffff4d;opacity:0;z-index:12}.robot-laser.laser-firing .robot-laser-beam{animation:laser-fire .8s ease-out}.robot-laser-beam[data-direction=N]{bottom:50%;left:50%;transform:translateX(-50%);transform-origin:bottom center;width:calc(var(--tile-size)*.12)}.robot-laser-beam[data-direction=S]{left:50%;top:50%;transform:translateX(-50%);transform-origin:top center;width:calc(var(--tile-size)*.12)}.robot-laser-beam[data-direction=E]{height:calc(var(--tile-size)*.12);left:50%;top:50%;transform:translateY(-50%);transform-origin:left center}.robot-laser-beam[data-direction=W]{height:calc(var(--tile-size)*.12);right:50%;top:50%;transform:translateY(-50%);transform-origin:right center}.robot-laser-beam[data-direction=N],.robot-laser-beam[data-direction=S]{background:linear-gradient(180deg,rgba(var(--current-robot-laser-color),.9) 0,rgba(var(--current-robot-laser-color),.7) 50%,rgba(var(--current-robot-laser-color),.9) 100%)}.robot-laser-beam[data-direction=E],.robot-laser-beam[data-direction=W]{background:linear-gradient(90deg,rgba(var(--current-robot-laser-color),.9) 0,rgba(var(--current-robot-laser-color),.7) 50%,rgba(var(--current-robot-laser-color),.9) 100%)}@keyframes laser-fire{0%{filter:brightness(2.5);opacity:0}10%{filter:brightness(2);opacity:1}50%{filter:brightness(1.3);opacity:.95}90%{filter:brightness(1.1);opacity:.9}to{filter:brightness(1);opacity:0}}.pits-effect{filter:drop-shadow(0 0 4px rgba(0,0,0,.9));z-index:5}.pits-effect--active{filter:drop-shadow(0 0 10px rgba(239,68,68,.85))}.moveSelectorContainer{background-color:initial;border:none;display:flex;flex-direction:column;gap:0;height:100%;justify-content:flex-start;margin:0;overflow:hidden;padding:0;width:100%}.sectionTitle{color:gold;flex-shrink:0;font-size:clamp(.8rem,1vw,1.3rem);font-weight:700;letter-spacing:1.5px;margin:0 0 10px;text-shadow:0 2px 4px #000c;text-transform:uppercase}.availableMovesSection{border-top:2px solid gold;flex-direction:column;gap:15px;height:50%;padding:15px}.availableMovesGrid,.availableMovesSection{box-sizing:border-box;display:flex;overflow:visible}.availableMovesGrid{align-items:center;background-color:#0000004d;border:2px solid #333;border-radius:8px;flex:1 1;flex-wrap:nowrap;gap:0;justify-content:flex-start;padding:25px 15px;width:100%}.availableMovesGrid.emptyGrid{align-items:center;display:flex;justify-content:center}.availableMovesSection .moveCard{cursor:grab;height:8.5vw;margin:0 -20px;max-height:215px;max-width:155px;min-height:110px;min-width:80px;position:relative;transform-origin:center;transition:transform .2s ease,box-shadow .2s ease,z-index 0s;width:6vw}.availableMovesSection .moveCard:first-child{margin-left:0}.availableMovesSection .moveCard:last-child{margin-right:0}.availableMovesSection .moveCard:not(:first-child){margin-left:-28px}.availableMovesSection .moveCard:hover{box-shadow:0 12px 24px #ffd70080;transform:scale(1.15) translateY(-8px);z-index:100!important}.availableMovesSection .card-index-1,.availableMovesSection .card-index-2,.availableMovesSection .card-index-3,.availableMovesSection .card-index-4,.availableMovesSection .card-index-5,.availableMovesSection .card-index-6,.availableMovesSection .card-index-7,.availableMovesSection .card-index-8,.availableMovesSection .card-index-9{margin:0;position:relative!important;transform:none!important}.availableMovesSection .card-index-1:hover,.availableMovesSection .card-index-2:hover,.availableMovesSection .card-index-3:hover,.availableMovesSection .card-index-4:hover,.availableMovesSection .card-index-5:hover,.availableMovesSection .card-index-6:hover,.availableMovesSection .card-index-7:hover,.availableMovesSection .card-index-8:hover,.availableMovesSection .card-index-9:hover{transform:scale(1.15) translateY(-8px)!important;z-index:100!important}.moveCard{background:radial-gradient(circle at center,#d4af37 0,#b8960c 55%,#8b7508 100%);border:3px solid #ff8c00;border-radius:10px;box-shadow:0 4px 8px #000c,inset 0 0 6px #ffffff1a;color:#fff;cursor:grab;display:flex;flex-direction:column;height:5vw;justify-content:space-between;max-height:130px;max-width:105px;min-height:75px;min-width:60px;overflow:hidden;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:4vw}.moveCard:hover{box-shadow:0 6px 12px #ffd70066,inset 0 0 8px #ffffff40;transform:scale(1.05)}.moveCardHeader{background:linear-gradient(180deg,#9d7a0d,#6b5509);border-bottom:2px solid #000;color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(.6rem,.75vw,.9rem);font-weight:900;letter-spacing:.3px;overflow:hidden;padding:6px 4px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.moveCardBody{align-items:center;display:flex;flex:1 1;justify-content:center}.moveCardBody svg{stroke:#fff;stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,255,255,.5));height:70%;width:70%}.dropSlot .moveCard{box-shadow:0 4px 8px #000c,inset 0 0 6px #ffffff1a;cursor:grab;height:8.5vw;margin:0 auto;max-height:215px;max-width:155px;min-height:110px;min-width:80px;transform:none;width:6vw}.dropSlot .moveCard[draggable=true]:active{cursor:grabbing}.moveCard-normal{background:radial-gradient(circle at center,#d4af37 0,#b8960c 55%,#8b7508 100%)!important;border:3px solid #000!important}.moveCard-normal .moveCardHeader{background:linear-gradient(180deg,#9d7a0d,#6b5509)!important;border-bottom:2px solid #000!important}.specialCardText{color:#fff;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-align:center;text-shadow:0 0 3px #000000e6,0 0 6px #000c,0 0 10px #0009;white-space:pre-line;width:100%}.moveCard-special{background:radial-gradient(circle at center,#5a5a5a 0,#3a3a3a 55%,#222 100%)!important;border:3px solid #000!important;color:#fff!important}.moveCard-special .moveCardHeader{background:linear-gradient(180deg,#7a7a7a,#3d3d3d)!important;border-bottom:2px solid #000!important;color:#fff!important;font-size:clamp(.6rem,.75vw,.9rem);padding:6px 4px;text-shadow:0 0 4px #000c,0 0 8px #0009}.moveCard-damage{background:linear-gradient(135deg,#1a4d2e,#2d5f3f 50%,#1a4d2e);border:3px solid #000;box-shadow:0 4px 8px #0009,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;color:#e0f0e0;position:relative}.moveCard-damage:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 0,#0000001a 4px);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.moveCard-damage .moveCardHeader{background:#0000004d;border-bottom:2px solid #000;color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(.6rem,.75vw,.9rem);font-weight:900;letter-spacing:.3px;overflow:hidden;padding:6px 4px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.moveCard-damage .moveCardBody{background:#2d5f3f99;color:#d0e0d0;font-size:.75em;line-height:1.3;text-shadow:0 1px 2px #0009}.damageCardText{color:#fff;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;padding:8px;text-align:center;text-shadow:0 0 3px #000000e6,0 0 6px #000c,0 0 10px #0009;white-space:pre-line;width:100%}.dropSlot .moveCard.dragging,.dropSlot.dragging .moveCard,.dropSlot.is-drag-source,.dropSlot.is-drag-source .moveCard{opacity:.5}.programSlotsSection{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;height:50%;justify-content:flex-start;overflow:hidden;padding:0 15px 15px}.programSlotsGrid{flex-shrink:0;flex-wrap:nowrap;gap:8px;padding:5px 0;width:100%}.dropSlot,.programSlotsGrid{display:flex;justify-content:center}.dropSlot{align-items:center;background:none;border:2px dashed #555;border-radius:10px;height:8.5vw;max-height:215px;max-width:155px;min-height:110px;min-width:80px;overflow:visible;position:relative;transition:all .2s ease;width:6vw;z-index:1}.dropSlot.filled{background-color:#facc1526;border:none;box-shadow:0 0 6px #facc154d;overflow:visible;padding:4px}.dropSlot.filled .moveCard{overflow:visible;position:relative;z-index:5}.respawn-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.respawn-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:32px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.respawn-modal-title{color:#ef4444;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-align:center;text-shadow:0 2px 8px #ef444480;text-transform:uppercase}.respawn-modal-subtitle{color:#cbd5e1;font-size:16px;margin:0 0 16px;text-align:center}.respawn-timer{background-color:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;font-size:18px;margin:0 0 24px;padding:12px;text-align:center}.respawn-timer strong{color:#fbbf24;font-size:24px;font-weight:700}.respawn-direction-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.respawn-direction-btn{align-items:center;background:linear-gradient(135deg,#475569,#334155);border:2px solid #64748b;border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:12px;padding:24px;transition:all .2s ease}.respawn-direction-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa;box-shadow:0 8px 20px #3b82f666;transform:translateY(-4px)}.respawn-direction-btn:active{transform:translateY(-2px)}.respawn-direction-icon{align-items:center;background-color:#94a3b833;border-radius:50%;display:flex;height:56px;justify-content:center;transition:all .2s ease;width:56px}.respawn-direction-btn:hover .respawn-direction-icon{background-color:#fff3;transform:scale(1.1)}.respawn-direction-label{letter-spacing:.5px;text-transform:uppercase}@media (max-width:600px){.respawn-modal{padding:24px}.respawn-modal-title{font-size:24px}.respawn-timer{font-size:16px;margin-bottom:20px}.respawn-timer strong{font-size:20px}.respawn-direction-btn{padding:20px}.respawn-direction-icon{height:48px;width:48px}}.lobby-actions{align-items:center;display:flex;flex-direction:column}.lobbies-list{border:1px solid #ffffff14;border-radius:8px;margin-top:20px;max-height:200px;overflow-y:auto;padding:0;width:350px}.lobbies-list ul{list-style:none;margin:0;padding:0}.lobbies-list li{background:#282c34;border-radius:6px;margin-bottom:0;padding:8px;text-align:center}.join-button{margin-left:8px;padding:10px}.lobbyContainer{align-items:center;display:flex;justify-content:space-between}.login-container,.register-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs);width:var(--standard-box-width)}.login-container h2,.register-container h2{margin-bottom:0;margin-top:0}.auth-message{align-items:center;background:#0006;border:2px solid #0000;border-radius:6px;box-shadow:inset 0 1px 3px #ffffff1a,0 0 6px #0009;box-sizing:border-box;display:flex;font-size:1rem;font-weight:700;justify-content:center;letter-spacing:1px;min-height:80px;opacity:0;padding:var(--space-sm) var(--space-md);text-align:center;text-transform:uppercase;top:var(--space-md);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:100%}.auth-message.error,.auth-message.success{opacity:1;visibility:visible}.auth-message.success{background:#0f280cbf;border-color:#64ff4f;box-shadow:0 0 10px #64ff4f80,inset 0 1px 3px #ffffff26;color:#a3ff73;text-shadow:1px 1px 2px #000,0 0 8px #64ff4fb3}.auth-message.error{background:#0f0000bf;border-color:#ff1a1a;box-shadow:0 0 10px #ff1a1a80,inset 0 1px 3px #ffffff1a;color:#fb0000;text-shadow:1px 1px 2px #000,0 0 8px #ff1a1ab3}.login-container input,.register-container input{box-sizing:border-box;height:var(--standard-box-height);margin:0;text-align:center;width:100%}.login-container button,.register-container button{width:100%}.hazard-button{animation:hazardPulse 2.5s ease-in-out infinite;background:repeating-linear-gradient(45deg,#facc15,#facc15 12px,#000 0,#000 24px);border:3px solid #222;border-radius:10px;box-shadow:0 4px 0 #111;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:900;letter-spacing:1px;padding:14px 32px;position:relative;text-shadow:2px 2px 2px #000,-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000;text-transform:uppercase;transition:all .2s ease}.hazard-button:hover{box-shadow:0 6px 12px #ffff0080;filter:brightness(1.2);transform:translateY(-2px)}.hazard-button:active{box-shadow:0 2px 0 #111;filter:brightness(.9);transform:translateY(1px)}@keyframes hazardPulse{0%,to{box-shadow:0 4px 0 #111;filter:brightness(1)}50%{box-shadow:0 6px 10px #ffff004d;filter:brightness(1.1)}}.metal-button{align-items:center;background:linear-gradient(145deg,#6b6b6b,#4b4b4b);border:3px solid #222;border-radius:10px;box-shadow:inset 0 1px 2px #fff3,0 4px 0 #222,0 6px 12px #00000080;box-sizing:border-box;color:#eee;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:var(--metal-box-height);justify-content:center;letter-spacing:1px;overflow:hidden;padding:0;position:relative;text-shadow:1px 1px 2px #000;text-transform:uppercase;transition:all .2s ease;width:var(--metal-box-width)}.metal-button.icon{width:var(--metal-box-width-icons)}.metal-button:before{background:linear-gradient(120deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-50%;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:200%}.metal-button:hover:before{transform:translateX(100%)}.metal-button:hover{box-shadow:inset 0 1px 2px #ffffff40,0 6px 12px #fff3;transform:translateY(-2px)}.metal-button:active{box-shadow:inset 0 2px 3px #0006;transform:translateY(2px)}.metal-button:after{background-image:radial-gradient(circle at 6px 6px,#333 2px,#0000 3px),radial-gradient(circle at calc(100% - 6px) 6px,#333 2px,#0000 3px),radial-gradient(circle at 6px calc(100% - 6px),#333 2px,#0000 3px),radial-gradient(circle at calc(100% - 6px) calc(100% - 6px),#333 2px,#0000 3px);background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:6px;content:"";height:calc(100% - 12px);left:6px;pointer-events:none;position:absolute;top:6px;width:calc(100% - 12px)}.control-panel{align-items:center;background:repeating-linear-gradient(45deg,#facc15,#facc15 12px,#000 0,#000 24px);border:4px solid #111;border-radius:18px;box-shadow:inset 0 3px 6px #000000b3,0 0 24px #ffd70066;display:flex;flex-direction:column;gap:var(--buttons-gap);max-width:90vw;padding:var(--space-lg);position:relative;width:500px}.control-panel:before{border:1px solid #ffffff1a;border-radius:14px;content:"";inset:5px;pointer-events:none;position:absolute}h1{background:linear-gradient(145deg,#3a3a3a,#202020);border:2px solid #111;border-radius:10px;box-shadow:inset 0 1px 2px #ffffff1a,0 2px 6px #000c;color:#facc15;display:inline-block;font-size:2.4rem;letter-spacing:2px;margin-bottom:var(--panel-gap);padding:10px 20px;position:relative;text-shadow:0 0 6px #ff0c,0 0 18px #ff06,2px 2px 2px #000;text-transform:uppercase}h1:after,h1:before{background:radial-gradient(circle,#444 30%,#111 80%);border-radius:50%;box-shadow:inset 0 1px 2px #ffffff4d;content:"";height:8px;position:absolute;width:8px}h1:before{left:6px;top:6px}h1:after{bottom:6px;right:6px}.lobby-id-display{align-items:center;background:linear-gradient(145deg,#151515,#2e2e2e);border:3px solid #000;border-radius:10px;box-shadow:inset 0 3px 6px #000000e6,0 0 18px #ffe60080,0 0 8px #000c;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;padding:16px 28px;position:relative;width:300px}.lobby-name-label{border-bottom:2px solid #ffc80066;color:#fc0;font-size:1rem;font-weight:900;letter-spacing:2px;margin-bottom:8px;padding-bottom:2px;text-shadow:0 0 6px #ffe600e6,0 0 12px #ffc80066;text-transform:uppercase}.lobby-name-value{background:radial-gradient(circle at center,#001800 0,#000 100%);border:2px solid #400;border-radius:6px;box-shadow:inset 0 2px 4px #000000e6,0 0 18px #f00c,0 0 10px #f009;color:#ef1414;font-family:Courier New,monospace;font-size:1.6rem;font-weight:900;padding:8px 18px;text-shadow:0 0 12px #ff0000e6,0 0 20px #f009}.lobby-id-display:before{border:1px solid #ffffff14;border-radius:8px;content:"";inset:3px;pointer-events:none;position:absolute}.terminal-title{color:#facc15;font-size:1.1rem;font-weight:900;letter-spacing:1px;margin-bottom:10px;text-align:center;text-shadow:0 0 10px #ffe600b3;text-transform:uppercase}.terminal-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.terminal-item{align-items:center;background:radial-gradient(circle at top left,#000 0,#222 100%);border:1px solid #333;border-radius:8px;box-shadow:inset 0 1px 3px #0009;color:#00ff6a;display:flex;font-family:Courier New,monospace;font-weight:700;justify-content:space-between;padding:8px 12px;text-shadow:0 0 6px #00ff3ccc}.terminal-item:hover{background:#1a1a1a;box-shadow:0 0 10px #00ff3c66;transition:.2s ease}.terminal-id{flex:1 1;min-width:200px}.metal-button.small{box-shadow:inset 0 1px 2px #ffffff1a,0 3px 0 #222,0 4px 8px #0006;font-size:.9rem;font-weight:700;padding:8px 16px}.layout-content{align-items:center;flex-direction:column}.layout-content,.lobby-panels-row{display:flex;justify-content:center}.lobby-panels-row{align-items:stretch;flex-direction:row;gap:var(--buttons-gap)}.readiness-panel{background:#111;border:2px solid #333;border-radius:12px;box-shadow:0 0 12px #00ff0080;display:flex;flex-direction:column;min-width:12.5vw;padding:var(--space-lg) var(--space-md)}.readiness-panel h2{color:#00ff6a;margin-bottom:var(--space-md);margin-top:0;text-align:center;white-space:nowrap}.readiness-panel ul{list-style:none;margin:0;overflow:hidden;padding:0}.player-slot,.readiness-panel li{list-style:none}.player-slot{background:linear-gradient(180deg,#2a3138,#3d454f 5%,#1c2229 50%,#0e1216 95%,#080a0c);border:1px solid #7a8594;border-radius:.25rem;margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-sm)}.readiness-panel ul li:last-child{margin-bottom:0}.empty-slot{background:linear-gradient(180deg,#1a1f24,#0d1115);border-color:#3f4a56;border-style:dashed;color:#8c95a0;font-style:italic}.ready{color:#00ff6a}.not-ready{color:#ff4d4d}.players-list-scroller{flex:1 1;margin-bottom:0;margin-top:1%;overflow-y:auto;padding-right:.5rem;width:100%}.terminal-search{display:flex;justify-content:center;margin:12px 0 20px}.terminal-input{background:#05070a;border:2px solid #3b82f6;border-radius:10px;box-shadow:inset 0 1px 2px #000c,0 0 10px #3b82f666;color:#f9fafb;font-size:1rem;max-width:320px;min-width:260px;outline:none;padding:10px 16px;text-align:center}.terminal-input::placeholder{color:#94a3b8cc;font-size:.9rem}.terminal-input:focus{border-color:#facc15;box-shadow:0 0 12px #facc15b3,inset 0 1px 3px #000000e6}.username-form-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:-10px;width:100%}.username-label{align-self:flex-start;color:#facc15;font-size:.9rem;font-weight:700;text-align:left;text-transform:uppercase}.username-input{background:#1e1e1e;border:2px solid #666;border-radius:6px;box-shadow:inset 0 1px 3px #ffffff1a,0 0 6px #00000080;box-sizing:border-box;color:#f0f0f0;font-size:1rem;font-weight:600;margin:0;max-width:260px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.username-input::placeholder{color:#fff9}.username-input:focus{background:#222;border-color:#facc15;box-shadow:0 0 8px #facc1599,inset 0 1px 3px #ffffff26}.cancel-button{align-items:center;display:flex;justify-content:center}.selected-template-name{background:linear-gradient(145deg,#4b4b4b,#2b2b2b);border:3px solid #000;border-radius:10px;box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 4px #0009,0 0 10px #ffd70066,0 6px 14px #000000b3;color:#facc15;display:inline-block;font-size:1.15rem;font-weight:900;letter-spacing:1.5px;min-width:200px;padding:10px 22px;text-align:center;text-shadow:0 0 6px #ffe600cc,0 0 12px #ffc80080,2px 2px 2px #000;text-transform:uppercase;transition:.2s ease}.selected-template-name:hover{box-shadow:inset 0 1px 2px #ffffff1a,0 0 6px #ffe60066,0 4px 10px #00000080;filter:brightness(1.05);transform:translateY(-1px);transition:.2s ease}.start-exit-row{display:flex;flex-direction:row;gap:var(--buttons-gap);justify-content:center;margin-top:20px}.ready-button{font-size:1.4rem;font-weight:900;letter-spacing:2px;padding:18px 42px;text-transform:uppercase}.lobby-name-value.all-ready{border-color:#00ff6a!important;box-shadow:inset 0 2px 4px #00ff6466,0 0 14px #00ff6499,0 0 20px #00ff6480;color:#0f9!important;text-shadow:0 0 10px #00ff64e6,0 0 20px #00ff6499,2px 2px 2px #000}.reload-icon{-webkit-mask:url("data:image/svg+xml;utf8,    <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27>    <path d=%27M21 12a9 9 0 1 1-2.64-6.36%27/>    <polyline points=%2721 3 21 9 15 9%27/>    </svg>") no-repeat center;mask:url("data:image/svg+xml;utf8,    <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27>    <path d=%27M21 12a9 9 0 1 1-2.64-6.36%27/>    <polyline points=%2721 3 21 9 15 9%27/>    </svg>") no-repeat center}.continue-icon,.reload-icon{background-color:#fff;background-size:contain;height:2rem;width:2rem}.continue-icon{-webkit-mask:url("data:image/svg+xml;utf8,    <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27>      <polygon points=%275 3 19 12 5 21%27 />    </svg>") no-repeat center;mask:url("data:image/svg+xml;utf8,    <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27>      <polygon points=%275 3 19 12 5 21%27 />    </svg>") no-repeat center}.delete-icon{background-color:#fff;background-size:contain;height:2rem;-webkit-mask:url("data:image/svg+xml;utf8,    <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27>      <path d=%27M3 6h18%27 stroke-width=%272%27 stroke=%27black%27/>      <path d=%27M8 6V4h8v2%27 stroke-width=%272%27 stroke=%27black%27/>      <rect x=%276%27 y=%276%27 width=%2712%27 height=%2714%27 rx=%272%27 stroke=%27black%27 stroke-width=%272%27 fill=%27none%27/>      <line x1=%2710%27 y1=%2711%27 x2=%2710%27 y2=%2717%27 stroke=%27black%27 stroke-width=%272%27/>      <line x1=%2714%27 y1=%2711%27 x2=%2714%27 y2=%2717%27 stroke=%27black%27 stroke-width=%272%27/>    </svg>") no-repeat center;mask:url("data:image/svg+xml;utf8,    <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27>      <path d=%27M3 6h18%27 stroke-width=%272%27 stroke=%27black%27/>      <path d=%27M8 6V4h8v2%27 stroke-width=%272%27 stroke=%27black%27/>      <rect x=%276%27 y=%276%27 width=%2712%27 height=%2714%27 rx=%272%27 stroke=%27black%27 stroke-width=%272%27 fill=%27none%27/>      <line x1=%2710%27 y1=%2711%27 x2=%2710%27 y2=%2717%27 stroke=%27black%27 stroke-width=%272%27/>      <line x1=%2714%27 y1=%2711%27 x2=%2714%27 y2=%2717%27 stroke=%27black%27 stroke-width=%272%27/>    </svg>") no-repeat center;width:2rem}.board-picker-label{align-self:flex-start;color:#facc15;font-size:.9rem;font-weight:700;text-align:left;text-transform:uppercase}.board-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.board-card{align-items:center;background:linear-gradient(180deg,#2a3138,#1c2229 50%,#0e1216);border:2px solid #444;border-radius:8px;color:#f0f0f0;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:6px;transition:border-color .15s ease,transform .15s ease}.board-card:hover{border-color:#facc15;transform:translateY(-1px)}.board-card.selected{border-color:#00ff6a;box-shadow:0 0 10px #00ff6a80}.board-card-preview{background:#111;border:1px solid #000;border-radius:4px;height:64px;object-fit:cover;width:100%}.board-card-name{font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.board-card-meta{color:#b8c0c9;font-size:.7rem;text-align:center}.exit-icon{background-color:#fff;background-size:contain;height:2rem;-webkit-mask:url("data:image/svg+xml;utf8,  <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 stroke=%27black%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27>    <path d=%27M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5%27/>    <polyline points=%2715 17 20 12 15 7%27/>    <line x1=%2720%27 y1=%2712%27 x2=%278%27 y2=%2712%27/>  </svg>") no-repeat center;mask:url("data:image/svg+xml;utf8,  <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 stroke=%27black%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27>    <path d=%27M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5%27/>    <polyline points=%2715 17 20 12 15 7%27/>    <line x1=%2720%27 y1=%2712%27 x2=%278%27 y2=%2712%27/>  </svg>") no-repeat center;width:2rem}
/*# sourceMappingURL=main.edf5e75e.css.map*/