:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0f16;color:#f7fafc}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none}body{background:radial-gradient(circle at 20% 10%,rgba(21,122,110,.28),transparent 34%),radial-gradient(circle at 85% 18%,rgba(210,62,91,.22),transparent 32%),linear-gradient(135deg,#071018,#101923 58%,#120d16)}canvas{display:block}.multiplayer-game.is-hidden-for-menu{visibility:hidden;pointer-events:none}.multiplayer-ui{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.multiplayer-ui.is-menu-screen{align-items:center;justify-content:center;overflow:auto;padding:clamp(16px,3vw,32px);pointer-events:auto;background:linear-gradient(135deg,#071018fa,#0d1720fa 58%,#120d16fa)}.multiplayer-ui.is-compact{align-items:flex-start;justify-content:flex-end;padding:12px}.multiplayer-ui.is-controls-editor{align-items:stretch;justify-content:stretch;padding:0;pointer-events:none}.panel,.match-strip{pointer-events:auto;width:min(1080px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(157,232,255,.28);border-radius:8px;background:#071018eb;box-shadow:0 18px 60px #00000059}.panel{padding:20px}.multiplayer-ui.is-menu-screen .panel{background:#071018fa}.panel-small{width:min(420px,100%)}.multiplayer-ui.is-menu-screen .panel-small{align-self:center}.panel h1,.panel h2,.panel p{margin-top:0}.panel h1{margin-bottom:6px}.panel h2{font-size:16px}.panel-header,.button-row,.room-row,.player-row,.chat-form,.join-code,.host-controls{display:flex;gap:10px;align-items:center}.panel-header{justify-content:space-between;margin-bottom:18px}.browser-grid,.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.multiplayer-ui.is-menu-screen .browser-panel,.multiplayer-ui.is-menu-screen .room-panel,.multiplayer-ui.is-menu-screen .champion-select-panel{width:min(1120px,100%);height:min(680px,100%);max-height:none}.multiplayer-ui.is-menu-screen .browser-panel{display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:clamp(18px,2.6vw,34px)}.multiplayer-ui.is-menu-screen .browser-grid{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);gap:clamp(18px,3vw,36px)}.browser-header{flex:0 0 auto;margin-bottom:clamp(10px,2vh,20px)}.browser-header h1{font-size:clamp(34px,4vw,64px);line-height:.95}.browser-header p{margin-bottom:0;font-size:clamp(18px,2vw,30px);font-weight:700}.browser-section{min-height:0;display:flex;flex-direction:column}.create-room-section{padding-left:clamp(18px,2.5vw,30px);border-left:1px solid rgba(157,232,255,.18)}.browser-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.browser-section-header h2{margin:0;font-size:clamp(21px,2.2vw,30px);line-height:1.1}.browser-section-header p{margin:6px 0 0;color:#f7fafc9e;font-size:14px;line-height:1.25}.room-count{flex:0 0 auto;padding:5px 9px;border:1px solid rgba(157,232,255,.22);border-radius:999px;background:#9de8ff12;color:#9be8ff;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.multiplayer-ui.is-menu-screen .browser-panel .room-list{min-height:0;overflow:auto}.browser-room-list{flex:1 1 auto;align-content:start;padding-right:6px}.browser-room-list .room-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:72px;padding:14px}.browser-room-list .room-row:hover{border-color:#9de8ff47;background:#ffffff13}.room-row-main{min-width:0;display:grid;gap:3px}.room-row-main strong,.room-row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row-tags{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.room-row-tags span{padding:4px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0e;color:#f7fafcb8;font-size:12px;font-weight:700;line-height:1}.browser-room-list .room-row button{min-width:76px;font-weight:800}.empty-rooms{min-height:220px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.14);border-radius:8px;background:#ffffff09}.join-code{flex:0 0 auto;display:grid;grid-template-columns:minmax(90px,.75fr) minmax(120px,1fr) auto;gap:8px;align-items:stretch;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.join-code button,.create-room-submit{font-weight:800}.create-room{min-height:0;display:grid;align-content:start;gap:14px}.create-room label{margin:0;color:#f7fafcdb;font-size:15px;font-weight:800}.create-room input,.create-room select,.join-code input{padding:12px 13px;background:#ffffff13}.browser-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-room-submit{width:100%;margin-top:2px;padding:13px 14px}.room-panel{width:min(980px,100%);height:min(600px,calc(100vh - 24px));height:min(600px,calc(100dvh - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);position:relative;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:14px}.room-panel .panel-header{flex:0 0 auto;gap:10px;margin-bottom:0}.room-panel .panel-header>div:first-child{min-width:0}.room-panel h1,.room-panel h2,.room-panel p{margin-bottom:0}.room-panel h1{overflow:hidden;font-size:clamp(18px,2.4vw,26px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.room-panel h2{font-size:14px;line-height:1}.room-panel .panel-header p,.room-panel .muted{font-size:12px;line-height:1.2}.room-panel .button-row{flex:0 0 auto;gap:6px}.room-panel button,.room-panel input,.room-panel select{padding:7px 9px;font-size:13px}.room-panel .settings-button{width:auto;height:auto;min-width:34px;padding:7px 9px;font-size:13px}.room-panel .error{flex:0 0 auto;padding:6px 8px;font-size:12px}.room-panel .room-grid{flex:1 1 auto;min-height:0;grid-template-columns:minmax(190px,.85fr) minmax(260px,1.15fr);gap:10px}.room-column{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.room-footer{flex:0 0 auto;min-width:0;display:flex;align-items:end;justify-content:space-between;gap:10px}.room-local-controls{min-width:0;flex:0 0 auto}.match-settings-summary{width:100%;min-width:0;display:grid;gap:4px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0b}.match-settings-summary span{color:#f7fafca3;font-size:10px;line-height:1;text-transform:uppercase}.match-settings-summary strong{overflow:hidden;font-size:13px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.match-settings-summary .mode-description{color:#f7fafcb3;font-size:11px;line-height:1.25}.match-settings-panel{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,34px);background:#03080db8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.match-settings-dialog{width:min(760px,100%);height:min(460px,100%);min-height:320px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(157,232,255,.28);border-radius:8px;background:#071018fa;box-shadow:0 24px 70px #00000080}.match-settings-header,.match-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.match-settings-header{border-bottom:1px solid rgba(255,255,255,.1)}.match-settings-footer{justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1)}.match-settings-header h2,.match-settings-header p,.settings-section-header h3,.settings-section-header p{margin:0}.match-settings-header h2{font-size:clamp(24px,3vw,34px);line-height:1}.match-settings-header p,.settings-section-header p{color:#f7fafca3}.match-settings-header p{margin-top:5px;font-size:14px}.match-settings-content{min-height:0;display:grid;gap:12px;align-content:start;overflow:auto;padding:18px}.settings-section{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(240px,1fr);gap:20px;align-items:start;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.settings-section-header h3{font-size:18px;line-height:1.1}.settings-section-header p{margin-top:6px;font-size:13px;line-height:1.3}.settings-field{gap:7px;margin-bottom:0;color:#f7fafce0;font-size:14px;font-weight:800}.settings-field select{width:100%;padding:12px}.settings-panel{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2vw,24px);background:#03080dc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.settings-dialog{width:min(1060px,100%);height:min(680px,calc(100vh - 24px));height:min(680px,calc(100dvh - 24px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(157,232,255,.28);border-radius:8px;background:#071018fc;box-shadow:0 24px 70px #00000080}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h2,.settings-header p,.player-settings-section-header h3,.player-settings-section-header p{margin:0}.settings-header h2{font-size:clamp(24px,3vw,36px);line-height:1}.settings-header p,.player-settings-section-header p{color:#f7fafca3}.settings-header p{margin-top:4px;font-size:14px}.settings-message{margin:10px 18px 0;padding:8px 10px;border:1px solid rgba(108,229,200,.3);border-radius:6px;color:#b8fff0;background:#6ce5c81a}.character-editor-screen>.settings-message{position:relative;z-index:2;min-height:36px;display:flex;align-items:center;margin:0;padding:8px 12px;border-color:#6ce5c880;color:#eafff9;font-size:14px;font-weight:800;line-height:1.2;background:#1f9f8b3d}.settings-dialog>.error{margin:10px 18px 0}.settings-content{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(420px,1.28fr);grid-auto-rows:min-content;gap:12px;overflow:auto;padding:14px 18px 18px}.player-settings-section{min-width:0;display:grid;gap:12px;align-content:start;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.character-settings-section{grid-column:1 / -1}.player-settings-section-header h3{font-size:18px;line-height:1.1}.player-settings-section-header p{margin-top:5px;font-size:13px;line-height:1.25}.settings-name-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.controls-editor-overlay{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:max(10px,env(safe-area-inset-top)) 10px 10px;pointer-events:none}.controls-editor-toolbar{width:min(920px,calc(100vw - 20px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(157,232,255,.28);border-radius:8px;background:#071018db;box-shadow:0 14px 36px #00000057;pointer-events:auto}.controls-editor-toolbar .button-row{flex-wrap:wrap;justify-content:flex-end}.controls-editor-toolbar>div:first-child{min-width:0;display:grid;gap:2px}.controls-editor-toolbar strong{font-size:15px;line-height:1}.controls-editor-toolbar span{color:#f7fafca8;font-size:12px;line-height:1.2}.settings-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.skin-editor{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(300px,1fr);gap:14px;align-items:start}.character-editor-screen{width:min(1180px,calc(100vw - 16px));height:min(680px,calc(100vh - 16px));height:min(680px,calc(100dvh - 16px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;overflow:hidden;padding:12px;border:1px solid rgba(157,232,255,.28);border-radius:8px;background:#071018fa;box-shadow:0 18px 60px #00000059}.character-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-editor-header h1,.character-editor-header p{margin:0}.character-editor-header h1{font-size:clamp(24px,3vw,38px);line-height:1}.character-editor-header p{margin-top:4px;color:#f7fafca8;font-size:13px;line-height:1.2}.character-editor-layout{min-height:0;display:grid;grid-template-columns:minmax(260px,.58fr) minmax(480px,1fr);gap:14px;align-items:stretch}.character-editor-board{min-width:0;min-height:0;overflow:hidden;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a}.character-editor-tools{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.skin-editor-board{display:grid;place-items:center;min-width:0;min-height:0}.skin-editor-grid{width:auto;height:min(100%,480px);max-width:100%;max-height:100%;aspect-ratio:12 / 16;display:grid;grid-template-columns:repeat(12,1fr);overflow:hidden;border:2px solid rgba(157,232,255,.24);border-radius:8px;background:#03080db8;touch-action:none}.skin-pixel{min-width:0;min-height:0;padding:0;border:0;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:#cbd5e1}.skin-editor-side{display:grid;gap:12px;align-content:start}.skin-editor-preview-wrap{display:grid;place-items:center;min-height:126px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a}.skin-palette{display:grid;grid-template-columns:repeat(12,30px);gap:7px;align-content:start;overflow:auto}.skin-swatch{width:30px;height:30px;padding:0;border-radius:6px;border-color:#ffffff3d}.skin-swatch.is-selected{border-color:#f7fafc;box-shadow:0 0 0 2px #f7fafc85}.file-upload-button{position:relative;display:inline-grid;place-items:center;margin:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:9px 12px;background:#1f9f8b;color:#f7fafc;cursor:pointer}.file-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.skin-editor-preview,.select-color-preview-custom,.custom-skin-button-preview,.color-dot-custom,.team-pill-skin-preview{display:grid;grid-template-columns:repeat(12,1fr);overflow:hidden;background:#07101894}.skin-editor-preview span,.select-color-preview-custom span,.custom-skin-button-preview span,.color-dot-custom span,.team-pill-skin-preview span{min-width:0;min-height:0}.skin-editor-preview{width:72px;aspect-ratio:12 / 16;border:2px solid rgba(247,250,252,.28);border-radius:6px}.skin-editor-preview.is-empty{border-style:dashed}.custom-skin-button-preview{width:20px;aspect-ratio:12 / 16;border-radius:3px}.select-color-preview-custom{width:min(74px,58%);aspect-ratio:12 / 16;border:2px solid rgba(255,255,255,.35);border-radius:6px}.color-dot-custom{width:16px;height:22px;flex:0 0 auto;border:1px solid rgba(255,255,255,.38);border-radius:3px}.team-pill-skin-preview{width:12px;height:16px;flex:0 0 auto;border-radius:2px}@media(max-width:780px),(max-height:560px){.controls-editor-toolbar{width:min(760px,calc(100vw - 12px));padding:7px 8px}.controls-editor-toolbar strong{font-size:13px}.controls-editor-toolbar span{font-size:10px}.controls-editor-toolbar button{padding:6px 9px;font-size:12px}.settings-panel{padding:6px}.settings-dialog{width:calc(100vw - 12px);height:calc(100vh - 12px);height:calc(100dvh - 12px)}.settings-header{padding:10px 12px}.settings-header h2{font-size:24px}.settings-header p,.player-settings-section-header p{font-size:11px;line-height:1.18}.settings-content{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 10px 10px}.character-settings-section{grid-column:auto}.player-settings-section{gap:8px;padding:10px}.player-settings-section-header h3{font-size:16px}.settings-name-form{grid-template-columns:minmax(0,1fr) auto}.skin-editor{grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr);gap:10px}.character-editor-screen{width:calc(100vw - 12px);height:calc(100vh - 12px);height:calc(100dvh - 12px);gap:6px;padding:8px}.character-editor-header h1{font-size:22px}.character-editor-header p{font-size:11px}.character-editor-layout{grid-template-columns:minmax(130px,.5fr) minmax(320px,1fr);gap:8px}.skin-editor-grid{width:auto;height:min(100%,360px);max-width:100%;max-height:100%}.skin-palette{grid-template-columns:repeat(12,24px);gap:5px}.skin-swatch{width:24px;height:24px}.skin-actions button,.file-upload-button{padding:7px 9px;font-size:12px}}.player-list{min-height:0;overflow:hidden}.room-panel .player-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.room-panel .player-list,.room-panel .chat-log{gap:6px}.room-panel .player-row{min-height:32px;gap:7px;padding:6px 7px}.room-panel .player-row span:not(.color-dot){min-width:0;flex:1 1 auto;overflow:hidden;font-size:12px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.room-panel .color-dot{width:12px;height:12px;flex:0 0 12px}.room-panel .host-controls{min-width:0;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.room-panel .host-controls button{flex:0 1 auto;white-space:nowrap}.room-panel .chat-log{height:auto;min-height:0;padding:8px;font-size:13px;line-height:1.25}.room-panel .chat-form{gap:6px}label,input,select,button{font:inherit}label{display:grid;gap:6px;margin-bottom:12px}input,select{min-width:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:9px 10px;background:#ffffff14;color:#f7fafc}button{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:9px 12px;background:#1f9f8b;color:#f7fafc;cursor:pointer}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;padding:0;border-radius:6px;font-size:20px;font-weight:900;line-height:1}button:disabled{cursor:not-allowed;opacity:.5}.map-builder-panel{position:fixed;top:14px;left:14px;z-index:20;width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(157,232,255,.3);border-radius:8px;background:#071018f5;box-shadow:0 20px 70px #00000075;pointer-events:auto}.map-builder-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.map-builder-header h2,.map-builder-header p{margin:0}.map-builder-header h2{font-size:18px;line-height:1.05}.map-builder-header p{margin-top:3px;color:#f7fafca3;font-size:12px}.map-builder-body{min-height:0;display:grid;gap:10px;overflow:auto;padding:12px}.map-builder-section{display:grid;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.map-builder-row,.map-builder-actions,.map-builder-mode-row{display:flex;align-items:end;gap:8px}.map-builder-row{flex-wrap:wrap}.map-builder-row label{flex:1 1 96px;min-width:80px;margin:0;color:#f7fafcd1;font-size:12px;font-weight:800}.map-builder-row input,.map-builder-row select{width:100%;padding:7px 8px;font-size:12px}.map-builder-row button,.map-builder-actions button,.map-builder-mode-row button,.map-builder-header button{padding:7px 9px;font-size:12px;font-weight:800}.map-builder-mode-row{align-items:stretch}.map-builder-mode-row button{flex:1 1 0;background:#ffffff14}.map-builder-mode-row button.is-selected{border-color:#6ce5c8bf;background:#1f9f8b}.map-builder-selection{display:grid;gap:8px}.map-builder-selection strong{font-size:13px}.map-builder-actions{flex-wrap:wrap}.map-builder-checkbox{display:flex;align-items:center;gap:8px;margin:0;color:#f7fafcb8;font-size:12px}.map-builder-checkbox input{width:auto}.map-builder-empty,.map-builder-warning,.map-builder-valid,.map-builder-status{margin:0;font-size:12px;line-height:1.35}.map-builder-empty{color:#f7fafc8a}.map-builder-warning,.map-builder-issues .is-warning{color:#ffe29a}.map-builder-valid,.map-builder-status.is-success{color:#8fffd0}.map-builder-status.is-error,.map-builder-issues .is-error{color:#ffb3c0}.map-builder-issues{display:grid;gap:4px;margin:0;padding-left:18px;font-size:12px;line-height:1.3}.quiet-link{color:#9be8ff}.menu-link-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.panel-small .menu-link-row{margin-top:12px}.map-builder-start{position:fixed;inset:0;z-index:18;display:grid;place-items:center;padding:24px;background:#071018c7;pointer-events:auto}.map-builder-start-panel{width:min(760px,100%);display:grid;gap:20px;padding:clamp(18px,3vw,30px);border:1px solid rgba(157,232,255,.3);border-radius:8px;background:#071018f7;box-shadow:0 24px 70px #0000007a}.map-builder-start-panel header{display:flex;align-items:start;justify-content:space-between;gap:16px}.map-builder-start-panel h1,.map-builder-start-panel p{margin:0}.map-builder-start-panel h1{font-size:clamp(28px,4vw,46px);line-height:1}.map-builder-start-panel p{margin-top:6px;color:#f7fafca8}.map-builder-start-panel nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.map-builder-start-panel nav a{color:#9be8ff}.map-builder-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.map-builder-start-card{min-height:180px;display:grid;align-content:center;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0e;color:#f7fafc;text-align:left}button.map-builder-start-card{cursor:pointer}.map-builder-start-card:hover{border-color:#6ce5c885;background:#6ce5c814}.map-builder-start-card strong{font-size:22px;line-height:1.05}.map-builder-start-card span{color:#f7fafc9e;font-size:13px}.map-builder-start-card select,.map-builder-start-card button{width:100%}.muted,.panel-header p,.room-row span{color:#f7fafcad}.error{padding:8px 10px;border:1px solid rgba(255,90,117,.35);border-radius:6px;color:#ffb3c0;background:#ff5a751f}.room-list,.player-list,.chat-log{display:grid;gap:8px}.room-row,.player-row{justify-content:space-between;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0d}.player-row.is-cpu{cursor:pointer}.player-row.is-cpu:hover,.player-row.is-cpu:focus-visible,.player-row.is-selected{border-color:#9de8ff6b;background:#9de8ff17}.color-dot{width:14px;height:14px;flex:0 0 auto;border-radius:50%}.color-dot.is-selected{box-shadow:0 0 0 2px #f7fafc}.color-dot-random{display:inline-grid;place-items:center;color:#071018;font-size:10px;font-weight:800;background:conic-gradient(#ff5a75,#ffc857,#6ce5c8,#9be8ff,#b77cff,#ff5a75)}.color-choice-custom{display:grid;place-items:center;background:#ffffff14}.chat-log{height:260px;align-content:start;overflow:auto;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0d}.chat-log p{margin:0}.chat-form input,.join-code input{flex:1}.character-select{margin-bottom:18px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatches button{width:34px;height:34px;padding:0}.swatches button.is-selected{border-color:#f7fafc;box-shadow:0 0 0 2px #f7fafc80}.champion-select-panel{width:min(1120px,100%);height:min(680px,calc(100vh - 32px));max-height:calc(100vh - 32px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.champion-select-header,.champion-select-dock{display:flex;gap:14px;align-items:center;justify-content:space-between}.champion-select-header h1{margin-bottom:4px}.champion-select-header p{margin-bottom:0;color:#f7fafcad}.champion-select-countdown{display:grid;min-width:88px;justify-items:center;padding:8px 14px;border:1px solid rgba(157,232,255,.26);border-radius:8px;background:#ffffff0f}.champion-select-countdown span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;font-weight:800;line-height:1}.champion-select-countdown small,.ready-count span,.select-player-meta span{color:#f7fafca8}.champion-select-roster{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.select-player{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0e}.select-player.is-ready{border-color:#6ce5c87a;background:#6ce5c814}.select-player.is-local{box-shadow:inset 0 0 0 2px #f7fafc57}.select-player.is-empty{opacity:.42}.select-player-color{min-height:0;display:grid;place-items:center;border-radius:6px;background:#0710186b}.select-color-preview{width:min(74px,58%);aspect-ratio:1;border:2px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 14px 30px #00000040}.select-color-preview.is-pending{border-style:dashed;background:#ffffff14}.select-color-preview.is-random,.color-choice-random{display:grid;place-items:center;color:#071018;font-weight:900;background:conic-gradient(#ff5a75,#ffc857,#6ce5c8,#9be8ff,#b77cff,#ff5a75)}.select-player-meta{min-width:0;display:grid;gap:2px;text-align:center}.select-player-meta strong,.select-player-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-player-meta strong{font-size:14px}.select-player-meta span{font-size:12px}.champion-select-dock{padding-top:2px}.ready-count{display:grid;min-width:72px;gap:2px}.ready-count strong{font-size:20px;line-height:1}.champion-swatches{flex:1;justify-content:flex-end}.champion-swatches .color-choice{width:clamp(26px,3vw,38px);height:clamp(26px,3vw,38px);border-radius:8px}.team-select-panel{width:min(1120px,100%);height:min(680px,calc(100vh - 32px));max-height:calc(100vh - 32px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:14px;font-size:13px}.team-select-panel .champion-select-header{gap:8px}.team-select-panel .champion-select-header h1{margin-bottom:2px;font-size:clamp(22px,2.7vw,30px);line-height:.95}.team-select-panel .champion-select-header p{font-size:13px;line-height:1.1}.team-select-panel .champion-select-header button,.team-select-footer button{padding:6px 9px;font-size:13px;line-height:1.1}.team-select-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.48fr) minmax(0,1fr);gap:8px}.team-choice{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:5px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0e;color:#f7fafc;text-align:left;cursor:pointer}.team-choice.is-red{border-color:#ff5a7552}.team-choice.is-blue{border-color:#35d9ff52}.team-choice.is-red.is-selected{border-color:#ff5a75eb;background:#ff5a7529}.team-choice.is-blue.is-selected{border-color:#35d9ffeb;background:#35d9ff26}.team-choice.is-disabled{cursor:not-allowed;opacity:.72}.team-choice strong{font-size:clamp(20px,2vw,26px);line-height:1}.team-choice span,.team-select-footer .muted{color:#f7fafcb3}.team-choice>span{font-size:13px;line-height:1.1}.team-choice-list,.team-unassigned-list{min-height:0;display:flex;align-content:start;align-items:flex-start;gap:5px;flex-wrap:wrap;overflow:auto}.team-select-center{min-width:0;min-height:0;display:grid;align-content:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;text-align:center}.team-ready-count{display:grid;gap:3px}.team-ready-count strong{font-size:24px;line-height:1}.team-ready-count span{color:#f7fafca8;font-size:9px;text-transform:uppercase}.team-player-pill,.team-empty-pill{display:inline-flex;max-width:100%;min-height:22px;align-items:center;gap:3px;padding:3px 6px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#0710188a;color:#f7fafc;font-size:10px;font-weight:800;line-height:1.15}.team-player-pill.has-cpu-controls{padding:2px 4px 2px 6px}.team-player-pill.is-local{box-shadow:inset 0 0 0 2px #f7fafc52}.team-player-pill-name{min-width:0;overflow:hidden;color:#f7fafc;text-overflow:ellipsis;white-space:nowrap}.team-cpu-controls{display:inline-flex;flex:0 0 auto;gap:3px;margin-left:2px}.team-cpu-team-button{width:18px;height:18px;display:inline-grid;place-items:center;padding:0;border-radius:5px;color:#f7fafc;font-size:9px;font-weight:900;line-height:1}.team-cpu-team-button.is-red{border-color:#ff5a759e;background:#f94144eb}.team-cpu-team-button.is-blue{border-color:#35d9ff9e;background:#277da1eb}.team-cpu-team-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.team-empty-pill{color:#f7fafc7a}.team-select-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.team-select-footer p{margin:0}.match-strip{display:flex;justify-content:space-between;align-items:center;width:min(560px,100%);padding:10px 12px}.multiplayer-ui.is-compact .match-strip{justify-content:flex-end;width:auto;max-width:min(360px,100%);gap:12px}@media(max-width:780px){.browser-grid,.room-grid{grid-template-columns:1fr}.multiplayer-ui.is-menu-screen{align-items:stretch;padding:10px}.multiplayer-ui.is-menu-screen .browser-panel{width:100%;height:100%;overflow:auto;padding:14px}.multiplayer-ui.is-menu-screen .browser-grid{grid-template-columns:1fr}.browser-header{margin-bottom:4px}.browser-section{min-height:auto}.create-room-section{padding-top:16px;padding-left:0;border-top:1px solid rgba(157,232,255,.18);border-left:0}.browser-room-list{max-height:34vh;padding-right:0}.browser-room-list .room-row{grid-template-columns:minmax(0,1fr) auto;min-height:0}.room-row-tags{grid-column:1 / -1;justify-content:flex-start}.join-code,.browser-form-row{grid-template-columns:1fr}.map-builder-start{align-items:stretch;padding:10px}.map-builder-start-panel{align-content:start;overflow:auto}.map-builder-start-panel header{display:grid}.map-builder-start-panel nav{justify-content:flex-start}.map-builder-start-grid{grid-template-columns:1fr}.map-builder-start-card{min-height:132px}.room-panel{width:calc(100vw - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);gap:8px;padding:8px}.room-panel .room-grid{grid-template-columns:minmax(126px,.78fr) minmax(0,1.22fr);gap:8px}.room-panel .panel-header{gap:8px}.room-panel h1{font-size:17px}.room-panel .panel-header p,.room-panel .muted{font-size:11px}.room-panel button,.room-panel input,.room-panel select{padding:6px 7px;font-size:12px}.room-panel .player-row{min-height:29px;padding:5px 6px}.room-panel .player-row span,.room-panel .chat-log{font-size:11px}.room-panel .host-controls{flex-wrap:wrap}.match-settings-panel{padding:8px}.match-settings-dialog{width:100%;height:100%;min-height:0}.match-settings-header,.match-settings-footer{padding:10px 12px}.match-settings-content{padding:12px}.settings-section{grid-template-columns:1fr;gap:10px;padding:10px}.panel{padding:14px}.room-panel.panel{padding:8px}.champion-select-panel,.team-select-panel{gap:8px;padding:10px}.team-select-panel{font-size:12px}.champion-select-header,.champion-select-dock{gap:8px}.team-select-panel .champion-select-header h1{font-size:21px}.team-select-panel .champion-select-header p{font-size:11px}.team-select-panel .champion-select-header button,.team-select-footer button{padding:5px 8px;font-size:12px}.champion-select-countdown{min-width:68px;padding:6px 8px}.champion-select-countdown span{font-size:22px}.champion-select-header .button-row{gap:6px}.champion-select-header button{padding:7px 9px}.champion-select-roster{gap:7px}.team-select-stage{grid-template-columns:1fr;grid-template-rows:minmax(96px,1fr) auto minmax(96px,1fr);gap:7px}.team-select-center{align-content:start;gap:6px;padding:8px}.team-choice{gap:4px;padding:8px}.team-choice strong{font-size:19px}.team-choice>span{font-size:12px}.team-choice-list,.team-unassigned-list{gap:4px}.team-ready-count strong{font-size:22px}.team-ready-count span{font-size:8px}.team-player-pill,.team-empty-pill{min-height:20px;padding:2px 5px;font-size:9.5px}.team-player-pill.has-cpu-controls{padding:2px 4px 2px 5px}.team-cpu-team-button{width:16px;height:16px;border-radius:4px;font-size:8px}.team-select-footer{font-size:12px}.select-player{gap:6px;padding:7px}.select-player-meta strong{font-size:12px}.select-player-meta span{font-size:10px}}@media(max-height:520px){.room-panel{height:calc(100vh - 12px);height:calc(100dvh - 12px);max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);gap:6px;padding:8px}.room-panel .panel-header p{display:none}.room-panel h1{font-size:16px}.room-panel h2{font-size:12px}.room-column{gap:6px}.room-panel .player-list,.room-panel .chat-log{gap:4px}.room-panel .player-row{min-height:25px;padding:4px 5px}.room-panel .color-dot{width:10px;height:10px}.room-panel .chat-log{padding:6px;line-height:1.15}.match-settings-panel{padding:6px}.match-settings-dialog{min-height:0}.match-settings-header,.match-settings-footer{padding:8px 10px}.match-settings-header h2{font-size:18px}.match-settings-header p{margin-top:3px;font-size:11px}.match-settings-content{padding:8px}.settings-section{grid-template-columns:minmax(130px,.85fr) minmax(170px,1.15fr);gap:10px;padding:9px}.settings-section-header h3{font-size:14px}.settings-section-header p{margin-top:4px;font-size:11px;line-height:1.2}.settings-field{gap:4px;font-size:12px}.settings-field select{padding:7px 8px;font-size:12px}}@media(max-height:560px),(pointer:coarse)and (orientation:landscape){.multiplayer-ui.is-menu-screen{align-items:center;padding:6px}.multiplayer-ui.is-menu-screen .browser-panel{width:calc(100vw - 12px);height:calc(100vh - 12px);height:calc(100dvh - 12px);max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);gap:6px;padding:10px 12px}.multiplayer-ui.is-menu-screen .browser-grid{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:10px}.browser-header{gap:8px;margin-bottom:0}.browser-header h1{margin-bottom:1px;font-size:30px;line-height:.95}.browser-header p{font-size:15px;line-height:1}.browser-header .quiet-link{font-size:14px;font-weight:800}.browser-section-header{gap:8px;margin-bottom:6px}.browser-section-header h2{font-size:18px;line-height:1}.browser-section-header p{margin-top:3px;font-size:11px;line-height:1.1}.room-count{padding:3px 7px;font-size:10px}.create-room-section{padding-left:10px}.browser-room-list{gap:5px;padding-right:4px}.browser-room-list .room-row{grid-template-columns:minmax(0,1fr) auto auto;min-height:46px;gap:7px;padding:7px 8px}.room-row-main{gap:1px}.room-row-main strong{font-size:14px;line-height:1.05}.room-row-main span{font-size:11px;line-height:1.05}.room-row-tags{gap:4px}.room-row-tags span{padding:3px 5px;font-size:10px}.browser-room-list .room-row button{min-width:54px;padding:6px 8px;font-size:13px}.join-code{grid-template-columns:minmax(76px,.75fr) minmax(108px,1fr) auto;gap:6px;margin-top:6px;padding-top:6px}.create-room{gap:7px}.create-room label{gap:3px;font-size:12px;line-height:1}.browser-form-row{gap:7px}.create-room input,.create-room select,.join-code input{padding:7px 8px;font-size:13px;line-height:1.1}.join-code button,.create-room-submit{padding:7px 9px;font-size:13px;line-height:1.1}.create-room-submit{margin-top:0}.empty-rooms{min-height:92px;font-size:12px}}@media(pointer:coarse)and (orientation:landscape){.multiplayer-ui.is-character-select{padding:8px}.champion-select-panel{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px);padding:10px;gap:8px}.team-select-panel{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px);gap:6px;padding:8px;font-size:11px}.champion-select-header,.champion-select-dock{gap:8px}.team-select-panel .champion-select-header{gap:6px}.team-select-panel .champion-select-header h1{font-size:clamp(18px,3.1vw,25px)}.team-select-panel .champion-select-header p{font-size:clamp(10px,1.7vw,12px)}.champion-select-header h1{margin-bottom:2px;font-size:clamp(24px,4.1vw,34px);line-height:1}.champion-select-header p{font-size:clamp(12px,2.2vw,16px)}.champion-select-header .button-row{gap:6px}.champion-select-header button{padding:7px 9px;font-size:clamp(12px,2vw,15px)}.team-select-panel .champion-select-header button,.team-select-footer button{padding:4px 7px;font-size:clamp(10px,1.7vw,12px)}.team-select-stage{grid-template-columns:minmax(0,1fr) minmax(128px,.42fr) minmax(0,1fr);gap:6px}.team-choice{gap:4px;padding:7px}.team-choice strong{font-size:clamp(17px,2.8vw,22px)}.team-choice>span{font-size:clamp(10px,1.7vw,12px)}.team-choice-list,.team-unassigned-list{gap:4px}.team-select-center{gap:5px;padding:7px}.team-ready-count strong{font-size:clamp(20px,3.2vw,24px)}.team-ready-count span{font-size:8px}.team-player-pill,.team-empty-pill{min-height:18px;padding:2px 4px;border-radius:5px;font-size:clamp(8.5px,1.45vw,10px)}.team-player-pill.has-cpu-controls{padding:1px 3px 1px 4px}.team-cpu-team-button{width:15px;height:15px;border-radius:4px;font-size:8px}.team-select-footer{gap:6px;font-size:clamp(10px,1.7vw,12px)}.champion-select-countdown{min-width:56px;padding:5px 8px}.champion-select-countdown span{font-size:clamp(24px,4vw,32px)}.champion-select-countdown small{font-size:11px}.champion-select-roster{gap:7px}.select-player{grid-template-columns:46px minmax(0,1fr);grid-template-rows:1fr;align-items:center;gap:8px;padding:8px}.select-player-color{width:46px;height:46px;min-height:0}.select-color-preview{width:36px}.select-player-meta{text-align:left}.select-player-meta strong{font-size:clamp(12px,2.1vw,15px)}.select-player-meta span{font-size:clamp(10px,1.7vw,12px)}.champion-select-dock{align-items:center}.ready-count{min-width:56px}.ready-count strong{font-size:18px}.champion-swatches{gap:6px}.champion-swatches .color-choice{width:clamp(24px,3.2vw,32px);height:clamp(24px,3.2vw,32px);border-radius:7px}body.is-character-select .fullscreen-toggle,body.is-character-select .home-screen-tip{display:none}}.portrait-warning{position:fixed;inset:0;z-index:10;display:none;align-items:center;justify-content:center;padding:24px;text-align:center;background:#071018f5;color:#f7fafc;font-size:22px;line-height:1.35}.fullscreen-toggle{position:fixed;right:14px;bottom:14px;z-index:12;display:none;min-width:118px;border-color:#ffffff47;background:#1f9f8beb;box-shadow:0 10px 28px #00000057}.fullscreen-toggle[hidden]{display:none}.home-screen-tip{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:12;display:none;align-items:center;gap:9px;max-width:min(320px,calc(100vw - 28px));padding:9px 10px 9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#071018eb;box-shadow:0 10px 28px #00000057;color:#f7fafc;font-size:13px;line-height:1.2}.home-screen-tip span{min-width:0}.home-screen-tip-dismiss{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 auto;padding:0;border-radius:6px;background:#ffffff1a;color:#f7fafc;font-size:13px;font-weight:800;line-height:1}.home-screen-tip[hidden]{display:none}@media(orientation:portrait)and (pointer:coarse){.portrait-warning{display:flex}}@media(pointer:coarse){.fullscreen-toggle{display:inline-flex;align-items:center;justify-content:center}.home-screen-tip{display:flex}}