:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#0a0c10;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas{display:block}#game-canvas{z-index:0;touch-action:none;position:absolute;inset:0}.hud,.menu,.editor-panel,.game-hud{pointer-events:none;color:#f4f4f4;z-index:1;position:absolute;inset:0}.menu{background-image:repeating-linear-gradient(115deg,#0a0c10 0 44px,#12141c 44px 46px)}.hud *,.menu *,.editor-panel *,.game-hud *{pointer-events:auto}.headline{text-transform:uppercase;color:#fff;text-shadow:3px 3px #000000b3;letter-spacing:1px;pointer-events:none;margin:0;font-style:italic;font-weight:900}.panel{background:#131722;border:2px solid #2a2f3f;border-radius:10px;position:relative}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;outline-offset:2px;border:none;border-radius:8px;outline:2px solid #0000;font-family:inherit;font-weight:800;transition:transform 80ms,outline-color .15s,filter .15s}.btn:hover{filter:brightness(1.12);outline-color:#ffffff80;transform:translateY(-2px)}.btn:active{filter:brightness(.95);transform:translateY(1px)}.btn-play{color:#fff;background:#3f6fd1;padding:16px 38px;font-size:18px;box-shadow:0 5px #1e3a75}.btn-play:hover{outline-color:#9db8ea}.btn-play:active{box-shadow:0 2px #1e3a75}.btn-accent{color:#1c1208;background:#ff8c42;padding:16px 38px;font-size:18px;box-shadow:0 5px #8a4212}.btn-accent:hover{outline-color:#ffcfa3}.btn-secondary{color:#cfd5e2;background:#171b26;border:2px solid #333a4c;padding:12px 20px;font-size:13px}.btn-secondary:hover{outline-color:#7a869e}.menu{padding:28px}.menu-title{text-align:center;font-size:clamp(32px,5vw,52px);position:absolute;top:50px;left:0;right:0}.menu-actions{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.menu-actions-left{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.play-slot{align-items:flex-end;display:flex}.play-column{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.profile-pill{z-index:5;cursor:pointer;font:inherit;text-align:left;outline-offset:2px;background:#12151e;border:2px solid #333a4c;border-radius:10px;outline:2px solid #0000;align-items:center;gap:12px;padding:8px 20px 8px 8px;transition:outline-color .15s,transform 80ms;display:flex;position:absolute;top:20px;left:20px}.profile-pill:hover{outline-color:#ff8c42;transform:translateY(-2px)}.avatar{color:#fff;background:linear-gradient(135deg,#ff8c42,#e6553f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:flex}.avatar-lg{width:68px;height:68px;margin:0 auto 14px;font-size:28px}.profile-name{text-transform:uppercase;font-size:14px;font-weight:700}.party-bar-wrap{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.party-bar{align-items:flex-end;gap:clamp(20px,2.4vw,34px);display:flex}.party-card{background:#12151e;border:3px solid #2a2f3f;border-radius:8px;flex-direction:column;align-items:center;width:clamp(180px,15vw,230px);height:clamp(320px,27vw,400px);padding:0;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #0006}.party-card-self{background:linear-gradient(165deg,#3f6fd1 0%,#0d0f16 66%);border-color:#6f93e0}.party-card-member{background:linear-gradient(165deg,#ff8c42 0%,#0d0f16 66%);border-color:#ffb27a}.party-card-chevron{border-bottom:15px solid #ffffffb3;border-left:12px solid #0000;border-right:12px solid #0000;flex-shrink:0;width:0;height:0;margin-top:18px}.party-card-art{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.party-avatar-lg{color:#fff;background:linear-gradient(135deg,#ff8c42,#e6553f);border:4px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:clamp(110px,9vw,140px);height:clamp(110px,9vw,140px);font-size:clamp(40px,3.4vw,52px);font-weight:800;display:flex;box-shadow:0 0 30px #ffffff38}.party-card-role{letter-spacing:1.5px;color:#fffc;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.party-card-nameplate{color:#12151e;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:#eceff4;flex-shrink:0;width:100%;padding:14px 10px;font-size:16px;font-weight:800}.party-card-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.party-card-empty{cursor:pointer;outline-offset:2px;background:#ffffff08;border:2px dashed #333a4c;outline:2px solid #0000;transition:border-color .15s,transform 80ms}.party-card-empty:hover{border-color:#ff8c42;transform:translateY(-4px)}.party-invite-plus{color:#4a5164;font-size:clamp(56px,4.5vw,70px);font-weight:800;line-height:1;transition:color .15s}.party-card-empty:hover .party-invite-plus{color:#ff8c42}.party-card-nameplate-empty{color:#7d8496;background:0 0;border-top:2px dashed #333a4c}.party-card-empty:hover .party-card-nameplate-empty{color:#ff8c42;border-top-color:#ff8c42}.leave-party-link{color:#7d8496;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:11px;font-weight:700;text-decoration:underline}.leave-party-link:hover{color:#e63946}.party-wait-note{text-align:center;color:#9aa2b6;background:#12151e;border:2px solid #2a2f3f;border-radius:10px;max-width:260px;padding:16px 22px;font-size:13px;font-weight:700}.invite-sidebar-wrap{z-index:25;pointer-events:auto;background:#0405088c;position:absolute;inset:0}.invite-sidebar{background:#12151e;border-left:2px solid #2a2f3f;flex-direction:column;gap:18px;width:min(320px,86vw);padding:24px 20px;display:flex;position:absolute;top:0;bottom:0;right:0}.invite-sidebar-header{justify-content:space-between;align-items:center;display:flex}.invite-sidebar-header .headline{font-size:18px}.invite-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.invite-row{background:#171b26;border:2px solid #2f3548;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.invite-row-name{font-size:13px;font-weight:700}.invite-row-btn{padding:7px 14px;font-size:11px}.modal-backdrop{pointer-events:auto;z-index:50;background:#040508cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-card{text-align:center;color:#f4f4f4;background:#131722;border:2px solid #333a4c;border-radius:12px;min-width:320px;max-width:90%;padding:36px;position:relative}.modal-card h2{margin:0 0 22px;font-size:22px}.modal-close{color:#1c1208;cursor:pointer;background:#ff8c42;border:none;border-radius:8px;width:32px;height:32px;font-size:16px;font-weight:800;line-height:1;position:absolute;top:12px;right:12px}.modal-close:hover{filter:brightness(1.1)}.profile-card-name{text-transform:uppercase;margin-bottom:18px;font-size:19px;font-weight:800}.modal-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.modal-actions .btn{width:100%}.matchmaking-widget{color:#fff;background:#131722;border:3px solid #3f6fd1;border-radius:10px;min-width:230px;padding:14px 22px;box-shadow:0 5px #1e3a75}.matchmaking-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.matchmaking-label{text-transform:uppercase;letter-spacing:.5px;color:#9db8ea;font-size:12px;font-weight:800}.matchmaking-cancel{color:#e63946;cursor:pointer;background:#171b26;border:2px solid #333a4c;border-radius:6px;outline:2px solid #0000;flex-shrink:0;width:26px;height:26px;font-size:14px;font-weight:800;line-height:1;transition:background .15s,color .15s}.matchmaking-cancel:hover{color:#fff;background:#e63946}.matchmaking-count{font-variant-numeric:tabular-nums;margin-top:8px;font-size:26px;font-weight:900}.matchmaking-time{color:#9aa2b6;font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}.profile-stats{justify-content:center;gap:30px;margin-top:22px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-value{font-size:22px;font-weight:900}.stat-label{text-transform:uppercase;color:#7d8496;margin-top:2px;font-size:11px}.mode-screen{z-index:30;pointer-events:auto;background:#0a0c10;flex-direction:column;justify-content:center;align-items:center;gap:56px;display:flex;position:absolute;inset:0}.mode-screen-title{font-size:clamp(30px,5vw,54px)}.mode-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(16px,3vw,32px);display:flex}.mode-tile-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.mode-tile{--mode-color:#3f6fd1;border:3px solid var(--mode-color);color:#fff;cursor:not-allowed;outline-offset:3px;filter:grayscale(.75)brightness(.75);background:#131722;border-radius:14px;outline:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:clamp(160px,17vw,230px);height:clamp(200px,24vw,300px);font-family:inherit;transition:transform .12s,outline-color .15s,filter .15s;display:flex;position:relative}.mode-tile-label{text-transform:uppercase;letter-spacing:1px;font-size:clamp(20px,2.4vw,28px);font-style:italic;font-weight:900}.mode-tile-players{text-transform:uppercase;letter-spacing:.5px;color:#b8c0d4;font-size:12px;font-weight:700}.mode-tile-soon{text-transform:uppercase;letter-spacing:1px;color:#b8c0d4;background:#0006;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;bottom:16px}.mode-tile.enabled{cursor:pointer;filter:none;background:linear-gradient(165deg, var(--mode-color), #0a0c10 140%);box-shadow:0 8px #00000059}.mode-tile.enabled .mode-tile-players{color:#fff;opacity:.85}.mode-tile.enabled:hover{outline-color:var(--mode-color);transform:translateY(-8px)}.mode-tile.enabled:active{transform:translateY(-2px);box-shadow:0 3px #00000059}.mode-tile-map{background:#12151e;border:2px solid #2a2f3f;border-radius:8px;align-items:center;gap:8px;max-width:clamp(160px,17vw,230px);padding:6px 8px 6px 14px;display:flex}.mode-tile-map-name{color:#cfd5e2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.mode-tile-info{color:#cfd5e2;cursor:pointer;background:#2a2f3f;border:none;border-radius:50%;outline:2px solid #0000;flex-shrink:0;width:22px;height:22px;font-size:12px;line-height:1;transition:background .15s}.mode-tile-info:hover{color:#1c1208;background:#ff8c42}.mode-tile-countdown{letter-spacing:.3px;color:#7d8496;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.custom-game-body{flex-direction:column;gap:30px;width:min(720px,92vw);max-height:68vh;padding:4px;display:flex;overflow-y:auto}.custom-section-label{text-transform:uppercase;color:#9aa2b6;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:800}.custom-mode-row{flex-wrap:wrap;gap:10px;display:flex}.custom-mode-chip{color:#cfd5e2;cursor:pointer;text-transform:uppercase;background:#171b26;border:2px solid #333a4c;border-radius:8px;outline:2px solid #0000;padding:10px 18px;font-family:inherit;font-size:12px;font-weight:700}.custom-mode-chip.selected{color:#fff;background:#3f6fd1;border-color:#9db8ea}.custom-map-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:280px;padding:4px;display:grid;overflow-y:auto}.custom-map-card{cursor:pointer;text-align:left;color:#f4f4f4;background:#171b26;border:2px solid #2f3548;border-radius:10px;outline:2px solid #0000;flex-direction:column;gap:6px;padding:10px;font-family:inherit;display:flex}.custom-map-card.selected{border-color:#ff8c42;outline-color:#ff8c42}.custom-launch-row{justify-content:center;display:flex}.map-preview-card{max-width:min(480px,92vw)}.map-preview-image{margin-top:4px}.map-preview-image img{border:2px solid #2a2f3f;border-radius:8px;width:100%;display:block}.mode-back{position:absolute;top:24px;left:24px}.map-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:min(920px,90vw);max-height:70vh;padding:4px;display:grid;overflow-y:auto}.map-card{text-align:left;background:#171b26;border:2px solid #2f3548;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.map-card-preview{aspect-ratio:4/3;background:#0e1016;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.map-card-preview img{object-fit:cover;width:100%;height:100%;display:block}.map-list-name{text-transform:uppercase;font-size:14px;font-weight:800}.map-list-meta{color:#9aa2b6;font-size:12px}.map-list-empty{color:#7d8496;padding:20px;font-size:14px}.editor-login-prompt{flex-direction:column;align-items:center;gap:16px;display:flex}.map-card-button{color:inherit;cursor:pointer;outline-offset:2px;outline:2px solid #0000;width:100%;font-family:inherit;transition:transform 80ms,border-color .15s}.map-card-button:hover{border-color:#3f6fd1;transform:translateY(-4px)}.map-card-new{border-style:dashed;justify-content:center;align-items:center}.map-card-new:hover{border-color:#ff8c42}.map-card-new .map-card-preview{background:0 0}.map-card-new-plus{color:#4a5164;font-size:clamp(40px,4vw,56px);font-weight:800;line-height:1;transition:color .15s}.map-card-new:hover .map-card-new-plus{color:#ff8c42}.active-match-list{flex-direction:column;gap:10px;width:min(720px,90vw);max-height:70vh;padding:4px;display:flex;overflow-y:auto}.active-match-row{background:#171b26;border:2px solid #2f3548;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.active-match-info{flex-direction:column;gap:4px;display:flex}.active-match-status{font-variant-numeric:tabular-nums;color:#06d6a0;flex-shrink:0;font-size:15px;font-weight:800}.editor-panel{padding:20px}.editor-toolbar{background:#12151e;border:2px solid #2a2f3f;border-radius:10px;flex-wrap:wrap;gap:10px;padding:10px;display:flex;position:absolute;top:20px;left:20px}.btn-tool{color:#cfd5e2;background:#171b26;border:2px solid #333a4c;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:12px;display:flex}.btn-tool.active{color:#1c1208;background:#ff8c42;border-color:#ffb27a}.tool-preview{border-radius:4px;flex-shrink:0}.editor-save-bar{background:#12151e;border:2px solid #2a2f3f;border-radius:10px;flex-direction:column;align-items:stretch;gap:10px;width:240px;padding:14px;display:flex;position:absolute;top:20px;right:20px}.editor-mode-row{flex-direction:column;gap:6px;display:flex}.editor-mode-label{text-transform:uppercase;letter-spacing:.5px;color:#7d8496;font-size:11px;font-weight:800}.editor-mode-chip{color:#cfd5e2;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.editor-mode-chip small{color:#7d8496;font-weight:400}.text-input{color:#f4f4f4;background:#12151e;border:2px solid #2a2f3f;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px}.text-input:focus{border-color:#3f6fd1;outline:none}.editor-back{position:absolute;bottom:20px;left:20px}.game-hud{padding:20px}.resource-bar{gap:10px;display:flex;position:absolute;top:20px;left:20px}.hud-phase{text-transform:uppercase;letter-spacing:.5px;background:#12151e;border:2px solid #2a2f3f;border-radius:10px;padding:10px 22px;font-size:13px;font-weight:800;position:absolute;top:20px;left:20px}.resource-chip{background:#12151e;border:2px solid #2a2f3f;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;display:flex;position:relative}.resource-icon{font-size:16px}.resource-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.resource-chip-gold{border-color:#f4c542}.resource-rate{text-align:center;color:#f4c542;white-space:nowrap;font-size:11px;font-weight:700;position:absolute;bottom:-20px;left:0;right:0}.quit-icon-btn{color:#f4f4f4;cursor:pointer;outline-offset:2px;background:#12151e;border:2px solid #2a2f3f;border-radius:10px;outline:2px solid #0000;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;transition:outline-color .15s;display:flex;position:absolute;top:20px;right:20px}.quit-icon-btn:hover{color:#e63946;outline-color:#e63946}.hud-players{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:68px;right:20px}.hud-player-row{background:#12151e;border:2px solid #2a2f3f;border-radius:8px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.hud-player-row.eliminated{opacity:.4;text-decoration:line-through}.hud-player-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.hud-bottom-stack{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:0;right:0}.tile-info{text-align:center;background:#12151e;border:2px solid #2a2f3f;border-radius:10px;min-width:240px;padding:14px 22px}.tile-info-title{text-transform:uppercase;font-size:15px;font-weight:800}.tile-info-meta{color:#9aa2b6;margin:4px 0 10px;font-size:13px}.tile-info-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tile-info-action{padding:9px 16px;font-size:12px}.admin-screen{justify-content:flex-start;gap:24px;padding-top:clamp(70px,10vh,110px)}.admin-tabs{gap:10px;display:flex}.admin-tab.active{color:#1c1208;background:#ff8c42;border-color:#ffb27a}.admin-body{width:min(720px,90vw);max-height:60vh;padding-right:4px;overflow-y:auto}.admin-map-list,.admin-mode-list{flex-direction:column;gap:10px;display:flex}.admin-map-row{background:#171b26;border:2px solid #2f3548;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.admin-map-info{flex-direction:column;gap:4px;display:flex}.admin-delete-btn{color:#e63946;border-color:#4a2a30;flex-shrink:0}.admin-delete-btn:hover{outline-color:#e63946}.admin-mode-card{background:#171b26;border:2px solid #2f3548;border-radius:10px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.admin-mode-title{text-transform:uppercase;font-size:14px;font-weight:800}.admin-checklist{flex-direction:column;gap:8px;max-height:160px;display:flex;overflow-y:auto}.admin-checklist-item{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.admin-mode-save{align-self:flex-start;padding:9px 20px;font-size:12px}