@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2)format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-arabic-700-normal-D3nDedWX.woff2)format("woff2"),url(/assets/cairo-arabic-700-normal-CyOqhaeK.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-400-normal-Dh7otpdh.woff2)format("woff2"),url(/assets/cairo-latin-400-normal-b1R3q6Pf.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-700-normal-C3GYtKbV.woff2)format("woff2"),url(/assets/cairo-latin-700-normal-6fcUy4Rc.woff)format("woff")}:root{--sandstone:#ead6ad;--sandstone-deep:#c9a66b;--sand-shadow:#8a6a3e;--teal:#0f4c4f;--teal-dark:#0a3436;--teal-light:#2a8a86;--brass:#c9a24a;--brass-bright:#e8c66e;--ink:#1d1712;--panel:#0a3436e6;--panel-solid:#0c3e40;--panel-border:#c9a24a8c;--text:#fbf3e0;--text-muted:#d4c4a0;--danger:#e0583f;--friend:#8fd4ff;--enemy:#ff7a63;--ping-good:#8fe39a;--ping-medium:#f0c95a;--ping-bad:#ff7a63;--pattern-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Crect width='24' height='12' fill='%230a3436'/%3E%3Cg fill='none' stroke='%23c9a24a' stroke-width='1'%3E%3Cpath d='M8.5 2.5h7v7h-7z'/%3E%3Cpath d='M12 1l5 5-5 5-5-5z'/%3E%3Cpath d='M0 3.5l2.5 2.5L0 8.5M24 3.5l-2.5 2.5 2.5 2.5'/%3E%3Cpath d='M0 0.5h24M0 11.5h24'/%3E%3C/g%3E%3C/svg%3E");--band-size:24px 12px;--band-height:12px;--team-bar:#c8473c;--team-bahr:#2fa39c;--error-text:#ffb4a3;--menu-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.07 0 0 0 0 0.03 0.22 0 0 0 -0.06'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--ink);height:100%;color:var(--text);margin:0;font-family:Cairo,sans-serif;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.interface-root{-webkit-user-select:none;user-select:none;position:fixed;inset:0}:focus-visible{outline:3px solid var(--brass-bright);outline-offset:2px}.overlay .panel:focus{outline:none}.player-name{font-weight:700}.player-name.is-friend,.winner-team.is-friend{color:var(--friend)}.player-name.is-enemy,.winner-team.is-enemy{color:var(--enemy)}.bot-tag,.your-team-tag{border:1px solid var(--panel-border);color:var(--text-muted);border-radius:6px;margin-inline-start:8px;padding:0 6px;font-size:12px;font-weight:400}.status-box,.timer-value,.overtime-label,.reload-label,.kill-feed-entry,.muted-label{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px}.panel,.scoreboard,.end-screen .score-table-container{background:var(--pattern-band) top / var(--band-size) repeat-x, var(--pattern-band) bottom / var(--band-size) repeat-x, var(--panel);border:1px solid var(--brass);border-radius:6px;box-shadow:0 10px 30px #00000073}.panel{padding:calc(var(--band-height) + 18px) 26px}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-block-end:14px;display:flex}.panel-title{color:var(--brass-bright);margin:0;font-size:28px}.panel-note{color:var(--text-muted);margin:0;font-size:14px}.section-title{color:var(--brass-bright);border-block-end:1px solid var(--panel-border);margin:0;padding-block-end:4px;font-size:18px}.screen{justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.start-screen{background:radial-gradient(ellipse 75% 70% at 50% 45%, transparent 55%, #140c0461 100%), var(--menu-grain) 0 0 / 160px 160px repeat, var(--menu-backdrop,none) 50% 40% / cover no-repeat, radial-gradient(ellipse at 50% 35%, #fff0cd8c, transparent 65%), linear-gradient(170deg, var(--sandstone) 0%, var(--sandstone-deep) 60%, var(--sand-shadow) 100%)}.loading-screen{background:linear-gradient(#061a1b80, #061a1b80), var(--menu-backdrop,none) center / cover no-repeat, radial-gradient(ellipse at 50% 35%, #fff0cd8c, transparent 65%), linear-gradient(170deg, var(--sandstone) 0%, var(--sandstone-deep) 60%, var(--sand-shadow) 100%)}.overlay{background:#0a18189e;justify-content:center;align-items:safe center;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.overlay .panel{width:min(520px,100%)}.character-picker .panel{width:min(760px,100%)}.pause-menu .panel{width:min(420px,100%)}.pause-menu .panel-header{justify-content:center}.character-picker .panel,.settings-panel .panel,.private-room-panel .panel{background:var(--pattern-band) top / var(--band-size) repeat-x, var(--pattern-band) bottom / var(--band-size) repeat-x, var(--panel-solid)}.settings-panel{padding:16px}.settings-panel .panel{width:min(980px,100%);padding:calc(var(--band-height) + 12px) 22px;line-height:1.4}.settings-panel .panel-header{margin-block-end:10px}.settings-panel .panel-title{font-size:24px}.settings-panel .section-title{font-size:16px}.settings-panel .panel-note{font-size:13px}.settings-panel .field{gap:4px}.settings-panel .choice-button{min-inline-size:64px;padding:4px 8px;font-size:15px}.settings-panel .secondary-button{padding:4px 12px;font-size:15px}.game-title{text-align:center;color:var(--brass-bright);margin:0;font-size:40px;line-height:1.2}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-weight:700}.name-input{font:inherit;border:1px solid var(--brass);color:var(--ink);background:#fbf3e0;border-radius:6px;padding:6px 12px;font-size:18px}.team-name{color:var(--brass-bright);border-block-end:2px solid var(--team-color,var(--panel-border));align-items:center;gap:10px;margin:6px 0;padding-block-end:6px;font-size:18px;display:flex}.team-name .team-emblem{block-size:32px;inline-size:32px}.team-group.is-team-bar{--team-color:var(--team-bar)}.team-group.is-team-bahr{--team-color:var(--team-bahr)}.button-row{flex-wrap:wrap;gap:8px;display:flex}button{font:inherit;cursor:pointer}.choice-button{min-inline-size:84px;color:var(--text);background:#fbf3e012;border:2px solid #c9a24a59;border-radius:6px;flex:auto;padding:6px 10px}.choice-button:hover{border-color:var(--brass)}.choice-button[aria-checked=true]{border-color:var(--brass-bright);background:#c9a24a4d;font-weight:700}.picture-card-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.picture-card{--card-dim:.4;text-shadow:0 1px 3px #000000e6;justify-content:center;align-items:flex-end;min-block-size:68px;padding:4px 8px;line-height:1.3;display:flex}.choice-button.picture-card,.choice-button.picture-card[aria-checked=true],.next-map-card{background:linear-gradient(rgba(6, 26, 27, var(--card-dim,0)), rgba(6, 26, 27, var(--card-dim,0))), linear-gradient(to top, #061a1beb 0%, #061a1b99 32%, #061a1b00 70%), var(--card-picture,none) center / cover no-repeat, linear-gradient(170deg, var(--teal-light), var(--teal-dark))}.choice-button.picture-card:hover{--card-dim:.15}.choice-button.picture-card[aria-checked=true]{--card-dim:0;color:var(--brass-bright);box-shadow:0 0 0 1px var(--brass-bright)}.play-button{border:1px solid var(--brass-bright);background:linear-gradient(180deg, var(--brass-bright), var(--brass));color:var(--ink);box-shadow:0 3px 0 var(--sand-shadow), 0 6px 16px #00000059;border-radius:6px;padding:8px 10px;font-size:22px;font-weight:700}.play-button:hover:not(:disabled){background:linear-gradient(180deg, #f3d88e, var(--brass-bright))}.play-button:disabled{opacity:.6;cursor:default}.secondary-button{border:1px solid var(--brass);color:var(--text);background:#fbf3e00f;border-radius:6px;padding:6px 14px;font-size:16px;font-weight:700}.secondary-button:hover{background:#c9a24a38}.secondary-button.is-danger{border-color:var(--danger)}.secondary-button.is-danger:hover{background:#e0583f40}.error-message{border:1px solid var(--danger);background:#e0583f38;border-radius:6px;margin:0;padding:6px 12px;font-weight:700}.slider-row{align-items:center;gap:10px;display:flex}.slider-input{accent-color:var(--brass);flex:1}.slider-value{text-align:center;direction:ltr;min-inline-size:48px;font-weight:700}.checkbox-field{cursor:pointer;align-items:center;gap:10px;font-weight:700;display:flex}.checkbox-input{block-size:18px;inline-size:18px;accent-color:var(--brass);margin:0}.team-emblem{vertical-align:middle;flex:none;block-size:40px;inline-size:40px;display:inline-block}.preview-canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.preview-card{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-stage.is-live .preview-card{display:none}.preview-card .character-swatch{block-size:150px;inline-size:150px;box-shadow:inset 0 26px 0 0 var(--head-cloth-color,transparent);border-width:18px}.character-swatch{block-size:56px;inline-size:56px;box-shadow:inset 0 10px 0 0 var(--head-cloth-color,transparent);border:7px solid;border-radius:50%;flex:none;display:block}.team-groups{flex-direction:column;gap:10px;margin-block-start:10px;display:flex}.character-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.character-card{color:var(--text);text-align:start;background:#fbf3e012;border:2px solid #c9a24a59;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;display:flex}.character-card:hover{border-color:var(--brass)}.character-card[aria-pressed=true]{border-color:var(--brass-bright);background:#c9a24a4d}.character-card-names{flex-direction:column;line-height:1.3;display:flex}.character-card-name{font-size:18px;font-weight:700}.character-card-subname{color:var(--text-muted);font-size:14px}.settings-columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.settings-column{flex-direction:column;gap:8px;min-inline-size:0;display:flex}.binding-list{flex-direction:column;gap:3px;display:flex}.binding-row{color:var(--text);text-align:start;background:#fbf3e00d;border:1px solid #c9a24a4d;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:1px 10px;font-size:15px;display:flex}.binding-row:hover{border-color:var(--brass)}.binding-row[aria-pressed=true]{border-color:var(--brass-bright);background:#c9a24a4d}.binding-key{border:1px solid var(--panel-border);text-align:center;background:#00000040;border-radius:4px;min-inline-size:90px;padding:0 8px;font-weight:700}.controls-list{grid-template-columns:1fr 1fr;gap:4px 14px;margin:0;font-size:14px;display:grid}.control-pair{align-items:baseline;gap:8px;display:flex}.control-keys{color:var(--brass-bright);flex:none;font-weight:700}.control-keys.is-latin-key{direction:ltr;unicode-bidi:isolate}.control-action{margin:0}.reset-all,.reset-confirm{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.menu-buttons{flex-direction:column;gap:12px;display:flex}.hud{position:absolute;inset:0}.crosshair{--crosshair-gap:5px;position:absolute;top:50%;left:50%}.crosshair-dot,.crosshair-bar{background:var(--text);position:absolute;box-shadow:0 0 0 1px #0000008c}.crosshair-dot{width:2px;height:2px;margin:-1px 0 0 -1px;top:0;left:0}.crosshair-bar.is-top,.crosshair-bar.is-bottom{width:2px;height:8px;margin-left:-1px;left:0}.crosshair-bar.is-left,.crosshair-bar.is-right{width:8px;height:2px;margin-top:-1px;top:0}.crosshair-bar.is-top{bottom:var(--crosshair-gap)}.crosshair-bar.is-bottom{top:var(--crosshair-gap)}.crosshair-bar.is-left{right:var(--crosshair-gap)}.crosshair-bar.is-right{left:var(--crosshair-gap)}.crosshair-image{width:38px;height:38px;transform:scale(var(--crosshair-growth,1));background:50%/contain no-repeat;margin:-19px 0 0 -19px;display:none;position:absolute;top:0;left:0}.crosshair:not(.is-lines) .crosshair-image{display:block}.crosshair:not(.is-lines) .crosshair-bar,.crosshair:not(.is-lines) .crosshair-dot{display:none}.crosshair.is-dot .crosshair-image{transform:none}.crosshair.is-scope .crosshair-image{width:64px;height:64px;margin:-32px 0 0 -32px;transform:none}.hit-marker-frame{filter:drop-shadow(0 0 1px #000000d9);width:0;height:0;position:absolute;top:50%;left:50%}.hit-marker{opacity:0;color:#fff;background:linear-gradient(45deg,#0000 46%,currentColor 46% 54%,#0000 54%),linear-gradient(-45deg,#0000 46%,currentColor 46% 54%,#0000 54%);width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}.hit-marker.is-headshot{color:#ffd24a;border:2px solid;border-radius:50%}.hit-marker.is-kill{color:var(--danger);transform:scale(1.6)}.hit-marker.is-graze{color:#c8c2b4;transform:scale(.7)}.hud.has-hit-marker-image .hit-marker{width:32px;height:32px;-webkit-mask:var(--hit-marker-image) center / contain no-repeat;mask:var(--hit-marker-image) center / contain no-repeat;background:currentColor;border:0;margin:-16px 0 0 -16px}.damage-direction{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}.damage-arc{border-top:10px solid var(--danger);border-radius:50% 50% 0 0/100% 100% 0 0;width:180px;height:60px;position:absolute;top:-210px;left:-90px}.damage-flash{opacity:0;background:radial-gradient(circle, transparent 45%, var(--danger));position:absolute;inset:0}.low-health-vignette{opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 55%,#780a0abf);position:absolute;inset:0}.damage-numbers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.damage-number{color:#fff;text-shadow:0 0 3px #000000e6;white-space:nowrap;margin:-10px 0 0 -12px;font-size:18px;font-weight:700;position:absolute;top:0;left:0}.damage-number.is-headshot{color:#ffd24a;font-size:22px}.damage-number.is-graze{color:#c8c2b4;font-size:15px}.damage-number.is-kill{color:var(--danger);font-size:22px}.hud-top,.hud-bottom{align-items:center;gap:12px;display:flex;position:absolute}.hud-top{top:16px;left:50%;transform:translate(-50%)}.hud-bottom{bottom:20px;inset-inline-start:24px}.status-box,.timer-value,.overtime-label,.reload-label,.kill-feed-entry,.muted-label{padding:4px 12px}.status-box{align-items:baseline;gap:8px;display:flex}.score-boxes{gap:12px;display:flex}.status-box.is-local-side{border-color:var(--brass-bright);background:#c9a24a59}.status-box.is-regenerating .status-value{color:#8fe08f}.status-box.is-regenerating .status-value:after{content:" +"}.muted-label{color:var(--text-muted)}.status-label{color:var(--text-muted);font-size:13px}.status-value,.timer-value{direction:ltr;font-size:24px;font-weight:700}.timer-value{color:var(--brass-bright)}.overtime-label{color:var(--brass-bright);font-weight:700}.reload-label{position:absolute;top:58%;left:50%;transform:translate(-50%)}.kill-feed{top:84px;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset-inline-end:20px}.kill-feed-entry{align-self:flex-end;align-items:center;gap:6px;font-size:15px;display:flex}.kill-feed-entry.is-local{border-color:var(--brass-bright);box-shadow:inset 0 0 0 1px var(--brass-bright)}.kill-feed-icon{fill:var(--text);flex:none}[dir=rtl] .kill-feed-icon.is-weapon{transform:scaleX(-1)}.kill-feed .player-name.is-neutral{color:var(--text)}.kill-feed .player-name.is-self{color:var(--brass-bright)}.ping-box{top:16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;align-items:baseline;gap:6px;padding:2px 8px;font-size:13px;display:flex;position:absolute;inset-inline-start:20px}.ping-value{direction:ltr;font-weight:700}.ping-box.is-good .ping-value,.ping-cell.is-good{color:var(--ping-good)}.ping-box.is-medium .ping-value,.ping-cell.is-medium{color:var(--ping-medium)}.ping-box.is-bad .ping-value,.ping-cell.is-bad{color:var(--ping-bad)}.ping-cell{direction:ltr}.death-overlay{text-align:center;background:#1d17128c;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.death-title{color:var(--brass-bright);margin:0;font-size:40px}.killer-line,.countdown-line,.winner-line,.rank-line{justify-content:center;align-items:baseline;gap:8px;margin:0;font-size:20px;display:flex}.rank-value{direction:ltr;font-weight:700}.countdown-text{font-weight:700}.respawn-progress-track{background:#fbf3e040;border-radius:3px;width:220px;height:6px;overflow:hidden}.respawn-progress-bar{background:var(--brass-bright);transform-origin:100%;height:100%}:root[dir=ltr] .respawn-progress-bar{transform-origin:0}.scoreboard{width:min(600px,90%);padding:calc(var(--band-height) + 12px) 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard-title,.end-title{text-align:center;color:var(--brass-bright);margin:0 0 10px}.end-title{font-size:40px}.score-table{border-collapse:collapse;width:100%;font-size:17px}.score-table th,.score-table td{text-align:start;border-bottom:1px solid var(--panel-border);padding:5px 10px}.score-header{color:var(--text-muted);font-size:14px}.score-table tr.is-local{background:#c9a24a40}.score-table tr.team-row{background:#fbf3e014;font-weight:700}.score-table tr.team-row.is-friend{color:var(--friend)}.score-table tr.team-row.is-enemy{color:var(--enemy)}.end-screen{background:#0a1e1edb;flex-direction:column;justify-content:safe center;gap:14px}.end-screen .score-table-container{width:min(600px,90%);padding:calc(var(--band-height) + 8px) 18px}.end-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;width:min(600px,90%);display:flex}.end-footer-lines{flex-direction:column;gap:8px;display:flex}.next-map-card{border:1px solid var(--brass);text-shadow:0 1px 3px #000000e6;border-radius:6px;justify-content:center;align-items:flex-end;block-size:130px;inline-size:260px;padding:6px 10px;display:flex;box-shadow:0 8px 20px #0006}.score-table .team-emblem{block-size:22px;inline-size:22px;margin-inline-end:8px}.winner-line{color:var(--brass-bright);font-size:28px}.connection-lost-screen{background:linear-gradient(#061a1bb8, #061a1bb8), var(--menu-backdrop,none) center / cover no-repeat, #0a1e1eeb}.connection-lost-panel,.loading-panel{text-align:center;flex-direction:column;gap:14px;width:min(440px,100%);display:flex}.connection-lost-title,.connection-lost-message{margin:0}.connection-lost-title{color:var(--brass-bright)}.loading-panel.is-waiting-for-font{visibility:hidden}.loading-title{color:var(--text-muted);margin:0}.loading-bar{border:1px solid var(--panel-border);background:#0000004d;border-radius:7px;height:14px;overflow:hidden}.loading-bar-fill{background:linear-gradient(180deg, var(--brass-bright), var(--brass));height:100%;transition:width .15s linear}.loading-percent{direction:ltr;font-weight:700}@media (width<=900px){.settings-columns{grid-template-columns:1fr}}.weapon-slots{gap:6px;display:flex}.weapon-slot{background:var(--panel);border:1px solid var(--panel-border);color:var(--text-muted);border-radius:8px;align-items:baseline;gap:6px;padding:4px 10px;font-size:14px;display:flex}.weapon-slot.is-active{border-color:var(--brass-bright);color:var(--text);background:#c9a24a59;font-weight:700}.weapon-slot-key,.next-weapon-key{border:1px solid var(--panel-border);text-align:center;direction:ltr;border-radius:4px;min-width:20px;padding:0 5px;font-family:inherit;font-size:12px}.scope-overlay{pointer-events:none;background:radial-gradient(circle,#0000 37vmin,#0a0806f0 37.5vmin);position:absolute;inset:0}.scope-image{background:linear-gradient(#0a0806d9,#0a0806d9) 50%/100% 2px no-repeat,linear-gradient(#0a0806d9,#0a0806d9) 50%/2px 100% no-repeat;border-radius:50%;width:74vmin;height:74vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #0a0806e6}.scope-overlay.has-scope-image .scope-image{background:var(--scope-image) center / 12vmin no-repeat, linear-gradient(#0a0806d9, #0a0806d9) center / 100% 2px no-repeat, linear-gradient(#0a0806d9, #0a0806d9) center / 2px 100% no-repeat}.crosshair.is-hidden-by-scope{display:none}.next-weapon{flex-direction:column;align-items:center;gap:8px;margin-top:18px;display:flex}.next-weapon-title,.next-weapon-hint{color:var(--text-muted);margin:0}.next-weapon-title{font-size:16px}.next-weapon-hint{font-size:13px}.next-weapon-list{gap:10px;display:flex}.next-weapon-item{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;align-items:baseline;gap:8px;padding:6px 12px;display:flex}.next-weapon-item.is-selected{border-color:var(--brass-bright);background:#c9a24a59;font-weight:700}.scoreboard-header{flex-direction:column;align-items:center;gap:6px;margin-block-end:10px;display:flex}.scoreboard-header .scoreboard-title{margin:0}.scoreboard-map-line,.next-map-line{justify-content:center;align-items:baseline;gap:8px;margin:0;display:flex}.next-map-line{font-size:18px}.next-map-name,.scoreboard-map-name{color:var(--brass-bright);font-weight:700}.room-code-box{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.room-code-text{letter-spacing:.15em;color:var(--brass-bright);-webkit-user-select:text;user-select:text;font-size:24px;font-weight:700}.room-link-field{inline-size:100%;font:inherit;border:1px solid var(--brass);color:var(--ink);text-align:left;-webkit-user-select:text;user-select:text;background:#fbf3e0;border-radius:6px;padding:4px 8px;font-size:14px}.scoreboard-room-line{justify-content:center;align-items:baseline;gap:8px;margin:0;display:flex}.room-code-button{padding:4px 12px;font-size:14px}.room-code-note{color:var(--text-muted);min-width:4em;font-size:14px}.start-screen{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:stretch;gap:24px;padding:20px 40px;display:grid;overflow:hidden}.menu-panel{max-block-size:100%;padding:calc(var(--band-height) + 12px) 22px;background:var(--pattern-band) top / var(--band-size) repeat-x, var(--pattern-band) bottom / var(--band-size) repeat-x, var(--panel-solid);flex-direction:column;align-self:center;gap:10px;line-height:1.4;display:flex;overflow-y:auto}.menu-panel .field{gap:4px}.menu-title{justify-content:center;align-items:center;gap:10px;display:flex}.menu-title .game-title{font-size:34px}.beta-badge{border:1px solid var(--brass);color:var(--brass-bright);border-radius:999px;padding:0 8px;font-size:13px;font-weight:700}.menu-panel .name-input{padding-block:4px}.menu-panel .picture-card{min-block-size:92px;font-size:17px}.mode-note{min-block-size:2.7em;font-size:13px;line-height:1.35}.weapon-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.choice-button.has-icon{flex-direction:column;align-items:center;gap:2px;min-inline-size:0;padding:6px 4px 4px;display:flex}.choice-icon{aspect-ratio:64/24;fill:currentColor;opacity:.85;block-size:22px;inline-size:auto}[dir=rtl] .choice-icon{transform:scaleX(-1)}.choice-button[aria-checked=true] .choice-icon{opacity:1;color:var(--brass-bright)}.menu-panel>.play-button{min-block-size:64px;padding-block:4px;font-size:30px}.field-error{color:var(--error-text);margin:0;font-size:14px;font-weight:700}.secondary-actions{flex-wrap:wrap;gap:8px;display:flex}.secondary-actions>button{flex:auto;padding:4px 10px;font-size:14px}.language-toggle{border:1px solid var(--brass);background:var(--panel);color:var(--text);border-radius:999px;padding:2px 14px;font-size:15px;font-weight:700;position:absolute;inset-block-start:14px;inset-inline-end:16px}.language-toggle:hover:not(:disabled){background:var(--panel-solid);border-color:var(--brass-bright)}.character-showcase{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-block-size:0;min-inline-size:0;display:flex}.preview-row{flex:auto;justify-content:center;align-items:center;gap:6px;min-block-size:0;inline-size:100%;display:flex}.preview-stage{aspect-ratio:3/5;block-size:100%;max-block-size:820px;max-inline-size:calc(100% - 100px);position:relative}.preview-arrow{border:1px solid var(--brass);background:var(--panel);block-size:44px;inline-size:44px;color:var(--brass-bright);border-radius:50%;flex:none;padding:0 0 4px;font-size:30px;line-height:1}.preview-arrow:hover:not(:disabled){background:var(--panel-solid);border-color:var(--brass-bright)}.character-identity{border:1px solid var(--panel-border);background:var(--panel);border-radius:999px;align-items:center;gap:12px;padding-block:6px;padding-inline:8px 14px;display:flex;box-shadow:0 6px 18px #0000004d}.character-identity-emblem{display:flex}.character-identity-names{flex-direction:column;line-height:1.25;display:flex}.character-identity-name{font-size:19px;font-weight:700}.character-identity-team{color:var(--text-muted);font-size:13px}.character-identity .secondary-button{padding:2px 14px}.private-room-panel .panel{width:min(560px,100%)}.private-room-form{flex-direction:column;gap:10px;display:flex}.room-invitation{border:1px solid var(--brass);color:var(--brass-bright);background:#c9a24a2e;border-radius:6px;margin:0;padding:6px 12px;font-weight:700}.room-code-input{letter-spacing:.15em;text-transform:uppercase;text-align:center}@media (width<=900px){.start-screen{grid-template-rows:auto auto;grid-template-columns:minmax(0,480px);justify-content:center;padding:56px 16px 16px;overflow-y:auto}.character-showcase{order:-1}.preview-row{flex:none;block-size:300px}.menu-panel{max-block-size:none;overflow-y:visible}}