*,::after,::before{margin:0;padding:0;box-sizing:border-box}.hidden{display:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#06060c;color:#e0e0e0;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#bgCanvas{position:fixed;inset:0;z-index:0;display:block}#app{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.icon-btn{position:fixed;z-index:150;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(20,30,50,.55);border:1px solid rgba(60,90,140,.35);border-radius:10px;color:#9db3d8;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s,color .15s}.icon-btn:hover{background:rgba(30,45,70,.75);color:#e0e0e0}.fullscreen-btn{top:14px;right:14px}.legal-info-btn{top:14px;left:14px;z-index:202}.fullscreen-btn .icon-collapse{display:none}.fullscreen-btn.is-fullscreen .icon-expand{display:none}.fullscreen-btn.is-fullscreen .icon-collapse{display:block}.profile-widget{position:fixed;top:14px;right:62px;z-index:150;display:flex;align-items:center;gap:8px}.profile-btn{height:40px;padding:0 12px;display:flex;align-items:center;gap:6px;max-width:160px;background:rgba(20,30,50,.55);border:1px solid rgba(60,90,140,.35);border-radius:10px;color:#9db3d8;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s,color .15s}.profile-btn:hover{background:rgba(30,45,70,.75);color:#e0e0e0}.profile-btn-icon{flex-shrink:0;width:18px;height:18px}.profile-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes profileBlink{0%,100%{border-color:rgba(60,90,140,.35);box-shadow:none}50%{border-color:rgba(255,128,0,.9);box-shadow:0 0 12px rgba(255,128,0,.55)}}.profile-btn-blink{animation:profileBlink .4s ease-in-out 3}.hub-mail-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(20,30,50,.55);border:1px solid rgba(60,90,140,.35);border-radius:10px;color:#9db3d8;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s,color .15s}.hub-mail-btn:hover{background:rgba(30,45,70,.75);color:#e0e0e0}.hub-mail-btn.hidden{display:none}.hub-mail-btn-icon{width:18px;height:18px}.hub-mail-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:#ff4d5e;color:#fff;font-size:10px;font-weight:700;line-height:1;border-radius:999px;box-shadow:0 0 6px rgba(255,77,94,.7)}.hub-mail-badge.hidden{display:none}.hub-mail-flying-clone{position:fixed;pointer-events:none;z-index:200;color:#9db3d8;transition:transform .22s ease-in,opacity .22s ease-in}@keyframes hubBtnJolt{0%{transform:translateY(0)}45%{transform:translateY(3px)}100%{transform:translateY(0)}}.profile-btn-hub-jolt{animation:hubBtnJolt .18s ease-out}.profile-btn-hub-open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}#hubPanel{position:fixed;z-index:149;overflow:hidden}#hubPanel.hidden{display:none}#hubChatPanel{position:fixed;z-index:148;overflow:hidden}#hubChatPanel.hidden{display:none}.hub-panel-surface.hub-chat-panel-surface{gap:10px;padding-top:54px}.hub-chat-header{text-align:center}.hub-chat-header-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4f9a7c}.hub-chat-header-name-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}.hub-chat-header-puck{width:16px;height:16px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 6px rgba(0,0,0,.4)}.hub-chat-header-name{font-size:16px;font-weight:700;color:#d6f5e8;text-shadow:0 0 8px rgba(0,229,160,.3)}.hub-friend-docked-tab{position:fixed;z-index:150;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.5),0 0 0 1px rgba(0,229,160,.3);background:#0a2318!important}.hub-chat-panel-surface .hub-messages-list{flex:1 1 auto;max-height:none}.hub-panel-surface{width:100%;height:100%;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(ellipse at 50% 0,#0a2b1d 0,#04100a 75%);box-shadow:inset 0 0 30px rgba(0,0,0,.8),inset 0 0 0 1px rgba(0,229,160,.2);font-family:Inter,sans-serif}.hub-section{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(0,229,160,.12)}.hub-section:last-child{border-bottom:none;padding-bottom:0}.hub-section-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4f9a7c}.hub-section-stats{flex-direction:row;flex-wrap:wrap;gap:10px}.hub-stat{flex:1 1 auto;min-width:84px;display:flex;flex-direction:column;gap:2px}.hub-stat-label{font-size:10.5px;color:#4f9a7c;letter-spacing:.03em}.hub-stat-value{font-size:16px;font-weight:700;color:#8ffcd0;text-shadow:0 0 8px rgba(0,229,160,.4)}.hub-danger-meter-track{position:relative;height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:visible}.hub-danger-meter-fill{position:absolute;inset:0;width:6%;border-radius:999px;background:#00e5a0;box-shadow:0 0 8px rgba(0,229,160,.5);transition:width .5s ease,background-color .5s ease}.hub-danger-meter-base{position:absolute;top:0;left:0;bottom:0;width:10%;min-width:10px;border-radius:999px 0 0 999px;background:#00e5a0;z-index:1}.hub-danger-meter-max-marker{position:absolute;top:-3px;bottom:-3px;right:0;width:2px;background:rgba(255,255,255,.5);border-radius:1px}@keyframes hubDangerPulse{0%,100%{box-shadow:0 0 8px rgba(255,60,60,.6);opacity:1}50%{box-shadow:0 0 18px 4px rgba(255,30,30,.95);opacity:.85}}.hub-danger-meter-fill.hub-danger-meter-max{animation:hubDangerPulse 1.1s ease-in-out infinite}.hub-teaser-line{font-size:12.5px;color:#d6f5e8}.hub-messages-list,.hub-notifications-list,.hub-quick-jump-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.hub-notification-row,.hub-quick-jump-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:rgba(0,229,160,.06);border:1px solid rgba(0,229,160,.15);border-radius:8px;font-size:12px;color:#d6f5e8;cursor:pointer;transition:background .15s}.hub-quick-jump-row:hover{background:rgba(0,229,160,.14)}.hub-notification-row{cursor:default;align-items:flex-start;flex-direction:column;gap:2px}.hub-notification-row.unread{border-color:rgba(0,229,160,.4)}.hub-notification-row-clickable{width:100%;text-align:left;font-family:inherit;cursor:pointer}.hub-notification-row-clickable:hover{background:rgba(0,229,160,.14)}.hub-notification-time{font-size:10.5px;color:#4f9a7c}.hub-empty-hint{font-size:12px;color:#4f9a7c;font-style:italic}.hub-friend-selector{display:flex;flex-wrap:wrap;gap:6px}.hub-friend-selector-option{padding:5px 10px;background:0 0;border:1px solid rgba(60,90,140,.35);border-radius:999px;color:#9db3d8;font-size:11.5px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.hub-friend-selector-option.active{background:rgba(0,229,160,.15);border-color:rgba(0,229,160,.4);color:#00e5a0}@keyframes hubUnreadPulse{0%,100%{box-shadow:0 0 6px rgba(0,200,255,.55);border-color:rgba(0,200,255,.5)}50%{box-shadow:0 0 14px 3px rgba(0,220,255,.9);border-color:rgba(0,220,255,.85)}}.hub-friend-selector-option.has-unread{color:#7fe0ff;animation:hubUnreadPulse 1.4s ease-in-out infinite}.hub-friend-selector-option.has-unread.active{background:rgba(0,229,160,.15);color:#00e5a0}.hub-message-row{font-size:12px;color:#d6f5e8;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.04)}.hub-message-row.mine{align-self:flex-end;background:rgba(0,229,160,.1)}.hub-message-compose{display:flex;gap:6px}.hub-message-input{flex:1 1 auto;min-width:0;background:rgba(0,0,0,.3);border:1px solid rgba(60,90,140,.35);border-radius:8px;padding:8px 10px;color:#e0e0e0;font-family:Inter,sans-serif;font-size:12px}.hub-message-send-btn{padding:8px 14px;background:rgba(0,229,160,.15);border:1px solid rgba(0,229,160,.4);border-radius:8px;color:#00e5a0;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.hub-message-send-btn:hover{background:rgba(0,229,160,.28)}.profile-panel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#9db3d8}.profile-toggle{display:flex;border:1px solid rgba(60,90,140,.35);border-radius:8px;overflow:hidden}.profile-toggle-option{background:0 0;border:none;color:#9db3d8;font-size:11px;font-weight:600;padding:6px 10px;cursor:pointer;transition:background .15s,color .15s}.profile-toggle-option.active{background:rgba(0,229,160,.15);color:#00e5a0}.profile-logout-btn{justify-content:center;padding:10px 14px;font-size:13px}.audio-btn{bottom:14px}.audio-btn-sound{right:62px}.audio-btn-music{right:14px}.audio-btn .icon-off{display:none}.audio-btn.is-muted .icon-on{display:none}.audio-btn.is-muted .icon-off{display:block}.audio-btn.is-muted{color:#c67}.music-player-wrap{position:fixed;bottom:14px;right:110px;width:92px;height:40px;z-index:150;transition:opacity .3s ease}.music-player-wrap.hidden{opacity:0;pointer-events:none}.music-player-hint{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:8px;white-space:nowrap;font-size:11px;color:#9db3d8;opacity:0;pointer-events:none;transition:opacity .2s ease}.music-player-wrap:hover .music-player-hint{opacity:1}.music-player{position:absolute;inset:0;background:rgba(20,30,50,.55);border:1px solid rgba(60,90,140,.35);border-radius:10px;backdrop-filter:blur(6px);overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.music-player:active{cursor:grabbing}.music-player-title-wrap{position:relative;height:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap;cursor:pointer}.music-player-title-track{display:inline-flex;animation:musicMarquee linear infinite}.music-player-title{display:inline-block;padding-right:28px;color:#9db3d8;font-size:12px;font-weight:600;letter-spacing:.3px;white-space:nowrap}@keyframes musicMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.music-player-visor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(16,24,40,.95);color:#6c7a99;font-size:10px;letter-spacing:.5px;transform:translateY(-100%);transition:transform .35s cubic-bezier(.4, 0, .2, 1)}.music-player.visor-down .music-player-visor{transform:translateY(0)}.music-player.snap-back{animation:musicPlayerSnap .45s ease}@keyframes musicPlayerSnap{0%{transform:translateX(var(--drag-x,0))}40%{transform:translateX(10px)}70%{transform:translateX(-5px)}100%{transform:translateX(0)}}.music-player-wrap.is-error .music-player{border-color:rgba(255,70,70,.65);animation:musicPlayerError 1.1s ease-in-out infinite}.music-player-wrap.is-error .music-player-title{color:#ff6b6b}@keyframes musicPlayerError{0%,100%{background:rgba(20,30,50,.55);box-shadow:0 0 0 rgba(255,60,60,0)}50%{background:rgba(80,15,15,.65);box-shadow:0 0 14px rgba(255,60,60,.5)}}.quit-btn{bottom:14px;left:14px}.quit-btn .icon-back{display:none}body.online-playing .quit-btn{width:80px}body.online-playing .quit-btn .icon-quit{display:none}body.online-playing .quit-btn .icon-back{display:block}.surrender-btn{bottom:14px;left:62px}body.online-playing .surrender-btn{left:102px}.surrender-btn.is-active{color:#ff6b6b;border-color:rgba(255,70,70,.4);background:rgba(80,15,15,.55)}.replay-btn{bottom:14px;left:150px}.icon-btn.hidden{display:none}@keyframes iconBtnPopIn{0%{transform:translateY(30px);opacity:0}65%{transform:translateY(-6px);opacity:1}100%{transform:translateY(0);opacity:1}}@keyframes iconBtnPopOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(30px);opacity:0}}.icon-btn-popping-in{animation:iconBtnPopIn .38s cubic-bezier(.34,1.56,.64,1) both}.icon-btn-popping-out{animation:iconBtnPopOut .22s ease-in both}@media (prefers-reduced-motion:reduce){.icon-btn-popping-in,.icon-btn-popping-out{animation:none}}.fast-forward-btn{bottom:14px;left:50%;transform:translateX(-50%);width:58px;gap:4px}.fast-forward-key{font-size:12px;font-weight:700;opacity:.75}.fast-forward-btn.is-active{color:#fc0;border-color:rgba(255,204,0,.5);background:rgba(60,45,10,.55)}.fast-forward-btn.is-slow{animation:fastForwardBlink .9s ease-in-out infinite}@keyframes fastForwardBlink{0%,100%{box-shadow:0 0 0 rgba(255,204,0,0)}50%{box-shadow:0 0 14px 3px rgba(255,204,0,.7)}}.admin-btn{top:14px;left:14px;color:#fc6;border-color:rgba(255,204,0,.3)}.admin-panel{position:fixed;top:62px;left:14px;z-index:150;width:230px;background:rgba(16,22,38,.92);border:1px solid rgba(255,204,0,.25);border-radius:12px;padding:14px;backdrop-filter:blur(10px);box-shadow:0 12px 40px rgba(0,0,0,.5)}.admin-panel.hidden{display:none}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:700;color:#fc6;text-transform:uppercase;letter-spacing:.5px}.admin-reset-btn{font-size:10px;font-weight:700;color:#a89968;background:rgba(255,204,0,.08);border:1px solid rgba(255,204,0,.2);border-radius:6px;padding:3px 8px;cursor:pointer;text-transform:uppercase;font-family:Inter,sans-serif}.admin-reset-btn:hover{color:#fc6;background:rgba(255,204,0,.15)}.admin-puck-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.admin-puck-btn{aspect-ratio:1;border-radius:8px;border:1.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#cfd6e6;font-size:10px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;transition:transform .1s}.admin-puck-btn:active{transform:scale(.92)}.admin-puck-btn.p1{border-color:rgba(255,68,85,.4)}.admin-puck-btn.p2{border-color:rgba(0,221,136,.4)}.admin-puck-btn[data-level="1"]{box-shadow:inset 0 0 0 1px rgba(255,204,0,.5)}.admin-puck-btn[data-level="2"]{box-shadow:inset 0 0 0 1px rgba(255,190,60,.75);background:rgba(255,204,0,.08)}.admin-puck-btn[data-level="3"]{box-shadow:inset 0 0 0 2px rgba(255,180,40,.95);background:rgba(255,204,0,.16)}.admin-panel-hint{margin-top:10px;font-size:10px;color:#666680;line-height:1.4}.chaos-admin-controls{display:flex;flex-direction:column;gap:8px}.chaos-admin-controls .admin-panel-hint{margin-top:2px}#gameCanvas{display:block;border-radius:14px;image-rendering:auto;touch-action:none;transform-origin:50% 50%}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(6,6,12,.5);backdrop-filter:blur(6px);z-index:100}.overlay.hidden{display:none}.menu-layout{position:relative;display:flex;justify-content:center}.menu-layout.hidden{display:none}.menu-info-panel{position:absolute;left:100%;top:28px;margin-left:20px;width:260px;max-height:84vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;z-index:1;transition:transform .7s cubic-bezier(.16, .9, .3, 1),opacity .5s ease}.menu-left-panel{position:absolute;right:100%;top:28px;margin-right:20px;width:260px;max-height:84vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;z-index:1;transition:transform .7s cubic-bezier(.16, .9, .3, 1),opacity .5s ease}.menu-layout .menu-card{z-index:2}.menu-info-panel.side-panel-hidden,.menu-left-panel.side-panel-hidden{opacity:0;pointer-events:none;transform:translateX(var(--hidden-x,0)) scale(.85)}@media (max-width:1200px){.menu-layout{flex-direction:column;justify-content:flex-start;align-items:center;max-height:94vh;overflow-y:auto}.menu-info-panel,.menu-left-panel{position:static;left:auto;right:auto;margin-left:0;margin-right:0;margin-top:10px;max-height:none;overflow-y:visible;width:100%;max-width:280px;gap:10px}.menu-layout .menu-card{padding:22px 26px}.menu-info-panel .dark-frame,.menu-left-panel .dark-frame{padding:12px}.menu-info-panel .board-title{margin-bottom:6px}.menu-info-panel .board-screen{margin-bottom:8px}.menu-info-panel .board-caption{display:none}.menu-info-panel .board-mode-caption{margin-top:6px;padding-top:6px}.menu-layout .menu-card .subtitle{margin-bottom:18px}.menu-left-panel .records-hint{padding:10px 14px}.team-groups-row .team-group{gap:6px;padding:10px 14px}}.menu-card{position:relative;background:linear-gradient(155deg,#10201a 0,#142218 45%,#0d1a14 100%);border:1px solid rgba(0,255,180,.14);border-radius:20px;padding:36px 40px;width:400px;max-width:90vw;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 50px rgba(0,255,170,.07)}.menu-logo-wrap{position:absolute;top:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:195}.menu-logo{font-family:Righteous,Inter,sans-serif;font-size:46px;font-weight:400;background:linear-gradient(120deg,#00e5a0,#7fffd4 45%,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;text-shadow:0 0 30px rgba(0,255,180,.15);margin:0}.menu-logo-pucks{display:flex;gap:10px}.menu-logo-puck{width:12px;height:12px;border-radius:50%}.menu-logo-puck-1{background:#09f;box-shadow:0 0 8px rgba(0,153,255,.6);transform:translateY(3px)}.menu-logo-puck-2{background:#ff2ea6;box-shadow:0 0 8px rgba(255,46,166,.6);transform:translateY(-4px)}.menu-logo-puck-3{background:#0d8;box-shadow:0 0 8px rgba(0,221,136,.6);transform:translateY(3px)}.online-mode-confirm-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(5,12,9,.72)}.online-mode-confirm-overlay.hidden{display:none}.online-mode-confirm-card{width:340px}.menu-card .subtitle{color:#8fae9c;font-size:15px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:32px}.menu-form{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.input-group{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.input-group.hidden{display:none}.input-group label{font-size:11px;font-weight:700;color:#88a;text-transform:uppercase;letter-spacing:.8px}.input-group input,.input-group select,.input-group textarea{width:100%;padding:10px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e0e0e0;font-family:Inter,sans-serif;font-size:15px;outline:0;transition:border-color .2s,background .2s}.input-group textarea{resize:vertical;min-height:90px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:rgba(0,229,160,.4);background:rgba(255,255,255,.06)}.input-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238888aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.color-palette{display:flex;gap:6px;margin-top:6px}.color-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s ease}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 8px rgba(255,255,255,.6)}.color-swatch.taken{opacity:.2;cursor:not-allowed;pointer-events:none}.puxgarage-section .color-swatch{width:32px;height:32px}.puxgarage-section-title{font-weight:700;margin-bottom:4px}.puxgarage-section-hint{font-size:12px;color:#8fa0b8;margin-bottom:10px}.puxgarage-section+.puxgarage-section{margin-top:24px}.online-challenge-body{display:flex;flex-direction:column;gap:8px}.online-challenge-label{font-size:12px;font-weight:700;color:#8fa0b8;text-transform:uppercase;letter-spacing:.5px;margin-top:14px}.friend-row-action{display:flex;gap:6px}.btn-primary{width:100%;padding:15px 28px;background:linear-gradient(135deg,#fa0,#f60);border:none;border-radius:12px;color:#1a1000;font-family:Inter,sans-serif;font-size:17px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 24px rgba(255,170,0,.3);letter-spacing:.3px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 32px rgba(255,170,0,.4)}.btn-primary:active{transform:translateY(0)}.menu-monitor-button{display:block;width:100%;padding:18px 16px;background:rgba(10,16,28,.75);border:1px solid rgba(0,255,180,.25);border-radius:10px;backdrop-filter:blur(4px);box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 0 24px rgba(0,229,160,.08);color:#7fffd4;font-family:Kalam,cursive;font-size:19px;font-weight:700;text-align:center;cursor:pointer;text-shadow:0 0 12px rgba(0,255,180,.5);transition:transform .15s,box-shadow .2s,border-color .2s}.menu-monitor-button:hover{transform:translateY(-2px);border-color:rgba(0,255,180,.45);box-shadow:0 10px 36px rgba(0,0,0,.55),inset 0 0 30px rgba(0,229,160,.14)}.menu-monitor-button:active{transform:translateY(0)}.menu-version{margin:14px 0 0;color:#4a6357;font-size:11px;letter-spacing:1px}.menu-copyright{margin:4px 0 0;color:#3a4d43;font-size:10px;letter-spacing:.4px}.mode-select-screen{display:flex;justify-content:center;position:relative}.mode-select-screen.hidden{display:none}.menu-stack-animating{transition:none!important}.mode-select-card{position:relative;z-index:2}.mode-select-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.mode-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#e0e0e0;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:transform .15s,border-color .2s,background .2s}.mode-btn:hover:not(:disabled):not(.mode-btn-locked){transform:translateY(-1px);border-color:rgba(0,229,160,.35);background:rgba(255,255,255,.07)}.mode-btn:active:not(:disabled):not(.mode-btn-locked){transform:translateY(0)}.mode-btn.mode-btn-locked,.mode-btn:disabled{cursor:not-allowed;opacity:.5}.mode-btn.menu-stack-header.mode-btn-locked{cursor:pointer;opacity:1}.mode-btn-title{display:inline-flex;align-items:center;gap:10px}.mode-btn-icon{width:18px;height:18px;flex-shrink:0;color:#7fdcbb}.mode-btn-tag{font-family:inherit;font-size:10px;font-weight:700;color:#8fae9c;text-transform:uppercase;letter-spacing:.6px;background:rgba(0,255,170,.08);border:1px solid rgba(0,255,170,.15);border-radius:6px;padding:3px 8px;white-space:nowrap}button.mode-btn-tag{cursor:pointer}button.mode-btn-tag:hover{background:rgba(0,255,170,.16)}button.mode-btn-tag:disabled{opacity:.5;cursor:default}.quick-play-tuck-mask{overflow:hidden}.menu-stack-header{background:rgba(255,170,0,.14);border-color:rgba(255,170,0,.55);color:#ffcb7a;cursor:pointer;margin-top:34px;margin-bottom:18px}.menu-stack-header:hover{transform:none;border-color:rgba(255,170,0,.8)}.menu-stack-header .mode-btn-icon{color:#ffb347}.menu-stack-header .mode-btn-title::before{content:'←';font-size:14px;font-weight:700;color:rgba(255,203,122,.55);transition:color .15s,transform .15s}.menu-stack-header:hover .mode-btn-title::before{color:rgba(255,203,122,.95);transform:translateX(-3px)}.mode-btn-static{cursor:default;flex-direction:column;align-items:flex-start;gap:2px}.mode-btn-static:hover{transform:none;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.quick-play-btn{display:flex;flex-direction:column;align-items:center;gap:4px}.quick-play-title{font-size:17px;display:inline-flex;align-items:center;gap:8px}.quick-play-icon{width:18px;height:18px;flex-shrink:0}.quick-play-desc{font-size:11px;font-weight:500;color:#3a2500;opacity:.8;line-height:1.4;letter-spacing:0;text-transform:none}.credits-screen{position:relative}.local-multiplayer-screen{position:relative}.credits-content{display:flex;flex-direction:column;gap:14px;margin:24px 0 8px;text-align:left}.credits-line{font-size:15px;color:#e0e0e0}.credits-role{display:block;margin-top:2px;font-size:12px;color:#8fae9c;font-weight:500}.settings-screen{position:relative;width:460px;max-height:82vh;overflow-y:auto}.settings-content{margin:20px 0 4px;text-align:left}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;cursor:pointer}.settings-toggle-label{display:flex;flex-direction:column;gap:3px}.settings-toggle-desc{font-size:11px;color:#8fae9c;font-weight:500}.settings-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.settings-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.settings-switch-track{position:absolute;inset:0;background:rgba(255,255,255,.15);border-radius:11px;transition:background .15s}.settings-switch-track::before{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:#cfd8d4;border-radius:50%;transition:transform .15s}.settings-switch input:checked~.settings-switch-track{background:rgba(0,229,160,.5)}.settings-switch input:checked~.settings-switch-track::before{transform:translateX(18px);background:#00e5a0}.settings-divider{height:1px;background:rgba(0,255,170,.15);margin:16px 0}.settings-group-title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8fae9c;font-weight:700;margin-bottom:10px}.settings-powerup-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.settings-quickplay-modes{display:flex;gap:8px;margin-bottom:4px}.settings-mode-option{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:10px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#d8ded9;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.settings-mode-option input{position:absolute;opacity:0;pointer-events:none}.settings-mode-option:has(input:checked){background:rgba(0,229,160,.12);border-color:rgba(0,229,160,.4);color:#00e5a0}.settings-powerup-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#d8ded9}.settings-powerup-item.is-cursed{color:#ff9d94}.settings-powerup-item input{accent-color:#00e5a0;cursor:pointer;flex-shrink:0}.settings-powerup-item.is-cursed input{accent-color:#ff6b5c}.settings-powerup-item.is-master-disabled{opacity:.35;pointer-events:none}.team-card{width:720px}.team-form{gap:18px}.team-groups-row{display:flex;gap:14px}.team-groups-row .team-group{flex:1;min-width:0}@media (max-width:640px){.team-groups-row{flex-direction:column}}.team-group{display:flex;flex-direction:column;gap:10px;text-align:left;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}.team-group-title{font-size:12px;font-weight:800;color:#8fae9c;text-transform:uppercase;letter-spacing:1px}.team-hint{font-size:12px;color:#8fae9c;line-height:1.5;text-align:center;margin:6px 0 20px}.dark-frame{background:radial-gradient(ellipse at center,#1b3a2a 0,#0f2a1c 68%,#0a2016 100%);border:1px solid rgba(0,255,170,.15);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 0 40px rgba(0,0,0,.35);padding:16px}.neo-board{position:relative}.neo-board::before{content:'';position:absolute;inset:4px;border:2px solid rgba(255,255,255,.06);border-radius:6px;pointer-events:none}.board-title{font-family:Kalam,cursive;font-size:20px;font-weight:700;color:#f0f4ee;text-align:center;margin-bottom:10px;text-shadow:0 0 8px rgba(255,255,255,.15)}.board-screen{background:#05130c;border-radius:6px;padding:4px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 4px 16px rgba(0,0,0,.4);margin-bottom:12px}.board-screen canvas{display:block;width:100%;aspect-ratio:760/500;border-radius:4px}.board-caption{font-family:Kalam,cursive;font-size:15px;color:#dbe8dd;text-align:center;line-height:1.4;margin-bottom:6px}.board-mode-caption{font-family:Kalam,cursive;font-size:15px;color:#ffe58a;text-align:center;line-height:1.4;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.15);transition:color .2s}.board-mode-caption strong{color:#fff2b0}.board-mode-caption.mode-modern{color:#ffe58a}.board-mode-caption.mode-chaos{color:#ff9ed6}.board-mode-caption.mode-chaos strong{color:#ffc2e8}.records-hint{padding:12px 16px;background:rgba(255,204,0,.04);border-radius:10px;border:1px solid rgba(255,204,0,.12)}.records-hint p{font-size:12px;color:#a89968;line-height:1.6}.records-hint strong{color:#fc6}.mode-btn-tag-active{color:#ffcb7a;background:rgba(255,170,0,.14);border-color:rgba(255,170,0,.4)}.leaderboard-list{list-style:none;display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.03)}.leaderboard-row-gap{text-align:center;color:#5c7568;letter-spacing:2px}.leaderboard-row-me{background:rgba(0,255,170,.1);border:1px solid rgba(0,255,170,.25)}.leaderboard-rank{width:20px;font-weight:700;color:#7fdcbb;flex-shrink:0}.leaderboard-row-me .leaderboard-rank{color:#00e5a0}.leaderboard-name{flex:1;font-size:13px;color:#dbe8dd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-rating{font-size:13px;font-weight:700;color:#f0f4ee}.command-profile{margin-bottom:20px;text-align:center}.command-profile-row{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:10px}.command-profile-rank{font-family:Righteous,Inter,sans-serif;font-size:28px;color:#00e5a0;text-shadow:0 0 16px rgba(0,255,170,.25)}.command-profile-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#dbe8dd}.achievement-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.achievement-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;background:rgba(255,204,0,.08);border:1px solid rgba(255,204,0,.25)}.achievement-badge.achievement-locked{opacity:.35;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);filter:grayscale(1)}.achievement-badge.achievement-standout{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.4),rgba(140,210,255,.18) 45%,rgba(255,204,0,.1) 100%);border:1px solid rgba(190,225,255,.6);animation:achievementStandoutShimmer 2.6s ease-in-out infinite}@keyframes achievementStandoutShimmer{0%,100%{box-shadow:0 0 8px rgba(160,215,255,.35),0 0 3px rgba(255,255,255,.5) inset}50%{box-shadow:0 0 18px rgba(160,215,255,.7),0 0 6px rgba(255,255,255,.8) inset}}@media (prefers-reduced-motion:reduce){.achievement-badge.achievement-standout{animation:none;box-shadow:0 0 12px rgba(160,215,255,.5),0 0 4px rgba(255,255,255,.6) inset}}.achievements-count-hint{font-size:12px;color:#a89968;text-align:center}.achievements-empty-hint{font-size:12.5px;color:#7c8a91;text-align:center;padding:8px 0}.achievements-panel-trigger{cursor:pointer;transform:perspective(800px) rotateY(16deg);transition:border-color .2s,background .2s,opacity .3s ease}.achievements-panel-trigger:focus-visible,.achievements-panel-trigger:hover{border-color:rgba(0,255,170,.35);background:radial-gradient(ellipse at center,#1f4230 0,#123020 68%,#0a2016 100%)}.achievements-panel-trigger.achievements-panel-hidden{opacity:0;pointer-events:none}.crt-monitor .crt-screen{position:relative;background:radial-gradient(ellipse at 50% 30%,#0a2b1d 0,#04100a 75%);border-radius:8px;padding:14px 12px;overflow:hidden;box-shadow:inset 0 0 30px rgba(0,0,0,.8),inset 0 0 0 1px rgba(0,229,160,.2)}.crt-monitor .crt-screen::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.5}.crt-monitor .crt-screen::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:8px;box-shadow:inset 0 0 40px 6px rgba(0,0,0,.7)}.crt-monitor .board-title{color:#8ffcd0;text-shadow:0 0 10px #00e5a0,0 0 2px rgba(255,255,255,.8)}.crt-monitor .achievements-count-hint{color:#4f9a7c;letter-spacing:.03em}.crt-knobs{display:flex;gap:6px;justify-content:center;margin-top:12px}.crt-knobs span{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a5c4a,#0a1a12);box-shadow:0 1px 2px rgba(0,0,0,.6)}.achievements-showcase-hint{font-size:11.5px;color:#7fdcbb;text-align:center;margin-top:6px;letter-spacing:.3px}.achievements-showcase-overlay{z-index:190;opacity:0;transition:opacity .25s ease;pointer-events:none}.achievements-showcase-overlay.is-open{opacity:1;pointer-events:auto}.achievements-showcase-card-frame{position:fixed;width:min(640px,calc(100vw - 48px));max-height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;gap:14px;transform-origin:center center}.achievements-showcase-header{display:flex;align-items:center;justify-content:space-between}.achievements-showcase-header .board-title{margin-bottom:0}.achievements-showcase-close{position:static}.achievement-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;overflow-y:auto;padding-right:14px}.achievement-showcase-card{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,204,0,.05);border:1px solid rgba(255,204,0,.18);border-radius:10px;transition:opacity .3s ease}.achievement-showcase-card-locked{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.achievement-showcase-badge{flex-shrink:0;width:36px;height:36px;font-size:18px;transition:transform .45s cubic-bezier(.34, 1.1, .4, 1)}.achievement-showcase-text{display:flex;flex-direction:column;gap:3px;min-width:0}.achievement-showcase-name{font-size:13.5px;font-weight:700;color:#f0f4ee}.achievement-showcase-desc{font-size:11.5px;color:#a3b0ab;line-height:1.4}.achievement-showcase-tag{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#7c8a91;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:3px 8px;align-self:center}.legal-overlay{z-index:210;opacity:0;transition:opacity .25s ease;pointer-events:none}.legal-overlay.is-open{opacity:1;pointer-events:auto}.legal-frame{position:fixed;width:min(1100px,calc(100vw - 32px));max-height:min(94vh,calc(100vh - 16px));display:flex;flex-direction:column;gap:14px;overflow:hidden}.legal-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.legal-header .board-title{margin-bottom:0}.legal-close-btn{position:static}.legal-picker{display:flex;flex-direction:column;gap:10px}.legal-document{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.legal-document.hidden,.legal-picker.hidden{display:none}.legal-back-btn{align-self:flex-start;background:0 0;border:none;color:#7fdcbb;font:inherit;font-weight:600;cursor:pointer;padding:0;flex-shrink:0}.legal-back-btn:hover{color:#a8f0d4}.legal-document-body{overflow-y:auto;padding-right:10px;color:#c9d4cd;font-size:13.5px;line-height:1.65}.legal-document-body h3{color:#f0f4ee;font-size:14.5px;margin:16px 0 6px}.legal-document-body h3:first-child{margin-top:0}.legal-document-body p{margin:0 0 10px}.legal-document-body ul{margin:0 0 10px 20px}.legal-document-body a{color:#7fdcbb}.legal-contact-form{display:flex;flex-direction:column;gap:14px}label.auth-agb-label{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:400;color:#a3b0ab;cursor:pointer;line-height:1.5;text-transform:none;letter-spacing:normal}.auth-agb-label input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0}.auth-agb-label span{flex:1 1 auto;min-width:0}.auth-agb-label a{color:#7fdcbb}#achievementToastLayer{position:fixed;top:70px;right:62px;z-index:220;display:flex;flex-direction:column;gap:10px;pointer-events:none}.achievement-toast{display:flex;align-items:center;gap:14px;width:min(320px,calc(100vw - 32px));min-height:108px;padding:16px 18px;background:rgba(255,204,0,.1);border:1px solid rgba(255,204,0,.4);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.35);transform:translateX(120%);transition:transform .4s cubic-bezier(.16, 1, .3, 1)}.achievement-toast.is-visible{transform:translateX(0)}.achievement-toast-badge{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,204,0,.12);border:1px solid rgba(255,204,0,.35);color:#fc6}.achievement-toast-badge svg{width:28px;height:28px}.achievement-toast-text{display:flex;flex-direction:column;gap:5px;font-family:Inter,sans-serif}.achievement-toast-headline{font-size:17px;font-weight:800;color:#fc6;letter-spacing:.2px}.achievement-toast-name{font-size:13px;font-weight:600;color:#e0e0e0}.online-status{margin-top:14px;font-size:13px;text-align:center;color:#8fae9c;min-height:1.4em}.online-status.online-status-error{color:#ff8a8a}.online-status a{color:#00e5a0;text-decoration:none}.online-status a:hover{text-decoration:underline}.online-status.online-status-success{color:#00e5a0}.online-auth-toggle{margin-top:12px;font-size:13px;text-align:center}.online-auth-toggle a{color:#00e5a0;text-decoration:none}.online-auth-toggle a:hover{text-decoration:underline}.online-account-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;font-size:14px;color:#dbe8dd}.online-logout-btn{background:0 0;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px 10px;color:#8fae9c;font-family:Inter,sans-serif;font-size:12px;cursor:pointer;transition:border-color .2s,color .2s}.online-logout-btn:hover{border-color:rgba(255,138,138,.4);color:#ff8a8a}.intro-doors{position:fixed;inset:0;z-index:200;display:flex;pointer-events:none}.intro-doors.intro-doors-done{display:none}.intro-door{position:fixed;top:0;height:100%;width:50%;overflow:hidden;background:linear-gradient(155deg,#10201a 0,#142218 45%,#0d1a14 100%);box-shadow:0 0 60px rgba(0,0,0,.6);transition:transform .9s cubic-bezier(.7, 0, .3, 1)}.intro-door-left{left:0;border-right:1px solid rgba(0,255,180,.14)}.intro-door-right{right:0;border-left:1px solid rgba(0,255,180,.14)}.intro-door-inner{position:absolute;top:0;width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-door-left .intro-door-inner{left:0}.intro-door-right .intro-door-inner{right:0}.intro-door-logo h1{font-family:Righteous,Inter,sans-serif;font-size:64px;font-weight:400;background:linear-gradient(120deg,#00e5a0,#7fffd4 45%,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;letter-spacing:.5px;text-shadow:0 0 40px rgba(0,255,180,.2);text-align:center}.intro-door-logo .subtitle{color:#8fae9c;font-size:16px;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-align:center}.intro-door-pucks{display:flex;gap:18px;margin-top:28px}.intro-door-puck{width:26px;height:26px;border-radius:50%;display:inline-block}.intro-door-puck-1{background:#09f;box-shadow:0 0 16px rgba(0,153,255,.5);transform:translateY(6px)}.intro-door-puck-2{background:#ff2ea6;box-shadow:0 0 16px rgba(255,46,166,.5);transform:translateY(-8px)}.intro-door-puck-3{background:#0d8;box-shadow:0 0 16px rgba(0,221,136,.5);transform:translateY(6px)}.intro-door-sticker{position:absolute;width:46px;height:46px;color:rgba(0,255,180,.35);opacity:.8}.intro-door-sticker-peace{bottom:60px;right:50px;transform:rotate(-12deg)}.intro-door-sticker-star{bottom:80px;left:50px;transform:rotate(10deg);color:rgba(255,204,0,.4)}.intro-door-sticker-ginkgo{top:70px;right:60px;transform:rotate(-8deg);color:rgba(210,180,70,.4)}.intro-doors-nudge .intro-door-left{transform:translateX(-18px)}.intro-doors-nudge .intro-door-right{transform:translateX(18px)}.intro-doors-open .intro-door-left{transform:translateX(-100%)}.intro-doors-open .intro-door-right{transform:translateX(100%)}@media (prefers-reduced-motion:reduce){.intro-door,.intro-start-bolt,.menu-info-panel,.menu-left-panel,.menu-monitor{transition:none!important}}.intro-start-bolt{position:fixed;top:calc(50% + 185px);left:50%;transform:translate(-50%,-50%);z-index:201;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:16px 44px;border-radius:12px;border:2px solid rgba(0,0,0,.2);background:linear-gradient(155deg,#ff7fcb 0,#ff2ea6 45%,#cc1a7d 100%);box-shadow:0 0 40px rgba(255,46,166,.35),inset 0 0 20px rgba(0,0,0,.15);cursor:pointer;transition:transform .45s cubic-bezier(.7, 0, .3, 1),border-color .2s ease,box-shadow .2s ease}.intro-start-bolt:hover{border-color:rgba(0,0,0,.35);box-shadow:0 0 55px rgba(255,46,166,.5),inset 0 0 20px rgba(0,0,0,.15)}.intro-start-bolt-hint{font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(30,0,18,.75)}.intro-start-bolt-label{font-family:Righteous,Inter,sans-serif;font-size:30px;color:#1e0012;letter-spacing:1px}.intro-start-bolt.intro-start-bolt-docked{transform:translate(calc(-50% + var(--bolt-dock-offset,0px)),-50%);pointer-events:none}#introDoors.intro-doors-nudge .intro-start-bolt-docked{transform:translate(calc(-50% + var(--bolt-dock-offset,0px) + 18px),-50%)}#introDoors.intro-doors-open .intro-start-bolt-docked{transform:translate(calc(-50% + var(--bolt-dock-offset,0px) + 50vw),-50%);transition:transform .9s cubic-bezier(.7, 0, .3, 1)}.menu-monitors{position:absolute;inset:0;pointer-events:none}.menu-monitor{position:absolute;width:224px;opacity:0;z-index:1;transition:transform .7s cubic-bezier(.16, .9, .3, 1),opacity .5s ease}.menu-monitor-screen{background:rgba(10,16,28,.75);border:1px solid rgba(0,255,180,.25);border-radius:10px;padding:6px;backdrop-filter:blur(4px);box-shadow:0 8px 30px rgba(0,0,0,.5)}.menu-monitor-canvas{width:100%;aspect-ratio:4/3;display:block;border-radius:6px;background:#060a12}.menu-monitor-caption{margin-top:8px;text-align:center;font-size:12px;color:#9db3d8;font-weight:600}.menu-monitor-bl,.menu-monitor-tl{left:-260px;transform:perspective(900px) rotateY(10deg) translateX(var(--hidden-x,260px)) scale(.6)}.menu-monitor-br,.menu-monitor-tr{right:-260px;transform:perspective(900px) rotateY(-10deg) translateX(var(--hidden-x,-260px)) scale(.6)}.menu-monitor-bl.menu-monitor-in,.menu-monitor-tl.menu-monitor-in{opacity:1;transform:perspective(600px) rotateY(34deg) translateX(0) scale(1)}.menu-monitor-br.menu-monitor-in,.menu-monitor-tr.menu-monitor-in{opacity:1;transform:perspective(600px) rotateY(-34deg) translateX(0) scale(1)}@media (max-width:900px){.menu-monitors{display:none}}.online-game-overlay{position:fixed;left:50%;bottom:6vh;transform:translateX(-50%);z-index:140;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;pointer-events:none}.online-game-overlay.hidden{display:none}.online-game-overlay-status{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#dbe8dd;background:rgba(10,16,28,.75);border-radius:10px;padding:8px 20px;backdrop-filter:blur(6px)}.online-game-overlay-status.online-game-overlay-status-waiting{color:#ff6b6b;animation:online-status-pulse 1.6s ease-in-out infinite}@keyframes online-status-pulse{0%,100%{opacity:1}50%{opacity:.45}}.online-game-postmove{pointer-events:auto;background:rgba(10,16,28,.85);border:1px solid rgba(0,255,180,.25);border-radius:12px;padding:16px 22px;backdrop-filter:blur(8px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.online-game-postmove.hidden{display:none}.online-game-postmove p{font-family:Inter,sans-serif;font-size:14px;color:#dbe8dd;margin-bottom:12px}.online-game-postmove-actions{display:flex;gap:10px}.online-surrender-confirm{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;background:rgba(5,8,14,.6);backdrop-filter:blur(3px)}.online-surrender-confirm.hidden{display:none}.online-surrender-confirm-box{background:linear-gradient(155deg,#142218 0,#0d1a14 100%);border:1px solid rgba(255,138,138,.3);border-radius:14px;padding:28px 36px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}.online-surrender-confirm-box p{font-family:Kalam,cursive;font-size:20px;color:#f0f4ee;margin-bottom:18px}.online-surrender-confirm-actions{display:flex;gap:10px;justify-content:center}.online-game-postmove-actions .mode-btn,.online-surrender-confirm-actions .mode-btn{padding:10px 18px;white-space:nowrap}