:root{--bg-app: #f4f8fc;--text-primary: #0f1b35;--text-secondary: #64748b;--panel-bg: rgba(255, 255, 255, .94);--panel-border: #d9e3ef;--modal-bg: rgba(255, 255, 255, .98);--btn-secondary-bg: rgba(15, 27, 53, .035);--btn-secondary-border: #cfdbea;--btn-secondary-text: #0f1b35;--card-shadow: 0 12px 28px rgba(31, 64, 115, .1);--label-border-base: rgba(226, 232, 240, .9);--focus-ring: #ffffff;--z-topbar: 40;--z-dropdown: 120;--z-map-controls: 160;--z-map-overlay: 170;--z-map-toast: 180;--z-modal-quickplay: 260;--z-modal-question: 300;--z-modal-result: 320;--z-modal-status: 340;--z-system: 400;color:var(--text-primary);background:var(--bg-app);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg-app)}body.game-screen-locked{overflow:hidden}button{font:inherit}.app{height:100dvh;padding:env(safe-area-inset-top) calc(14px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));overflow:hidden}.topbar{display:grid;grid-template-columns:minmax(320px,.9fr) auto minmax(420px,1.3fr);align-items:center;gap:8px;min-height:35px;margin:calc(-1*env(safe-area-inset-top)) calc(-1*(14px + env(safe-area-inset-right))) 7px calc(-1*(14px + env(safe-area-inset-left)));padding:4px 12px;border:1px solid var(--panel-border);border-top:0;border-right:0;border-left:0;border-radius:0 0 10px 10px;background:var(--panel-bg);box-shadow:var(--card-shadow);position:sticky;top:0;z-index:var(--z-topbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.network-banner{position:fixed;top:calc(8px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));z-index:var(--z-system);display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid rgba(220,38,38,.28);border-radius:8px;background:#fef2f2f5;color:#991b1b;box-shadow:0 12px 26px #7f1d1d2e;font-size:.8rem;font-weight:900;pointer-events:none}.brand{display:flex;align-items:center;gap:7px;min-width:0}.brand-mark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.brand h1{margin:0;color:var(--text-primary);font-size:.9rem;line-height:1.05}.brand p{margin:1px 0 0;color:var(--text-secondary);font-size:.58rem}.online-presence-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:4px 9px;border:1px solid rgba(16,185,129,.34);border-radius:999px;background:radial-gradient(circle at 18% 25%,rgba(187,247,208,.92),transparent 32%),linear-gradient(135deg,#ecfdf5fa,#dcfce7e0);color:#047857;box-shadow:0 8px 18px #10b98129,inset 0 1px #ffffffdb;overflow:hidden;white-space:nowrap}.online-presence-pill:after{content:"";position:absolute;top:-40%;right:-12%;bottom:-40%;left:-12%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.42) 48%,transparent 66%);animation:online-sheen 4.8s ease-in-out infinite;pointer-events:none}.online-presence-pill.is-centered{justify-self:center}.online-presence-pill.is-compact{margin-left:6px}.online-presence-pill strong{position:relative;z-index:1;color:#065f46;font-size:.76rem;font-weight:950;transition:color .22s ease}.online-presence-pill em{position:relative;z-index:1;color:#059669;font-size:.56rem;font-style:normal;font-weight:850}.custom-language-selector-wrapper{position:relative;width:100%}.cls-main-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid var(--panel-border);border-radius:8px;background:#ffffffc7;padding:11px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.cls-main-button:hover{background:#fffffff2}.cls-label-text,.cls-value-text{display:block;font-size:.78rem;font-weight:800;line-height:1}.cls-label-text{color:var(--text-secondary)}.cls-value-text{color:var(--text-primary)}.cls-flag-img{display:block;width:22px;height:16px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #0000001a;flex-shrink:0}.cls-chevron-icon{display:block;color:var(--text-secondary);opacity:.7;flex-shrink:0}.cls-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);display:flex;flex-direction:column;background:var(--modal-bg);border:1px solid var(--panel-border);border-radius:8px;padding:6px;box-shadow:0 12px 28px #1f407326;max-height:220px;overflow-y:auto}.cls-dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;background:transparent;border-radius:6px;color:var(--text-primary);font-size:.78rem;font-weight:700;text-align:left;cursor:pointer;transition:background .15s ease}.cls-dropdown-menu button:hover{background:#0f1b350d}.cls-dropdown-menu button.is-active{background:#06b6d41f;color:#06b6d4}.online-presence-dot{position:relative;z-index:1;width:6px;height:6px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e24,0 0 12px #22c55e8c;animation:online-pulse 2.6s ease-in-out infinite}.top-status{display:flex;align-items:center;justify-content:center;gap:6px}.status-chip,.timer-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 8px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font-weight:800;box-shadow:0 5px 14px #1f40731a}.timer-chip{color:#ff4d4d;font-size:1.05rem}.timer-chip.is-live{border-color:#ef444459;background:#ef444412}@keyframes online-pulse{0%,to{transform:scale(.92);opacity:.82}50%{transform:scale(1.18);opacity:1}}@keyframes online-sheen{0%,55%{transform:translate(-70%)}to{transform:translate(70%)}}.scoreboard{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:6px;overflow:hidden}.score-pill{position:relative;display:grid;grid-template-columns:1fr;grid-template-areas:"name" "score";align-items:center;column-gap:6px;min-width:92px;min-height:34px;padding:6px 8px 5px 26px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);box-shadow:0 5px 14px #1f40731a}.score-pill:first-child{border-color:#06b6d473;box-shadow:0 0 10px #06b6d424,0 5px 14px #1f40731a}.score-pill.is-own-player{border-color:#14b8a69e;background:linear-gradient(135deg,#ecfdf5f5,#dbeafeeb);box-shadow:0 0 0 1px #14b8a61a,0 8px 18px #14b8a629}.score-rank{grid-area:rank;position:absolute;top:6px;left:8px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;color:#ef4444;font-size:.72rem;font-weight:950;line-height:1}.player-dot{width:9px;height:9px;flex:0 0 9px;border-radius:999px;box-shadow:0 0 0 3px var(--focus-ring)}.score-name{grid-area:name;display:flex;align-items:center;gap:5px;max-width:64px;overflow:hidden;color:var(--text-primary);font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.score-name em{flex:0 0 auto;border-radius:999px;background:#0f766e1a;padding:1px 5px;color:#0f766e;font-size:.58rem;font-style:normal;font-weight:950;text-transform:uppercase}.score-name .score-you-label{background:#14b8a629;color:#0f766e}.score-pill strong{grid-area:score;color:var(--text-secondary);font-size:.68rem;font-weight:850}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;height:calc(100dvh - 54px);max-width:1800px;margin:0 auto;min-height:0}.map-column{display:grid;grid-template-rows:minmax(0,1fr);align-content:start;gap:10px;min-width:0;min-height:0}.map-shell{position:relative;min-height:0;height:100%;aspect-ratio:auto;border:1px solid var(--panel-border);border-radius:14px;background:#12181d;box-shadow:var(--card-shadow);overflow:hidden;contain:layout paint;touch-action:none;-webkit-user-select:none;user-select:none}.map-loading-shell{background:linear-gradient(180deg,#314b63eb,#4a6473eb),#314b63}.world-map{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.world-map:active{cursor:grabbing}.map-controls{position:absolute;top:16px;left:16px;z-index:var(--z-map-controls);display:grid;gap:6px;padding:6px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-controls button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;background:var(--btn-secondary-bg);color:var(--text-primary);cursor:pointer}.map-controls button:hover{background:#06b6d41f;color:#06b6d4}.map-controls button.is-active{background:#06b6d4;color:#05070c;box-shadow:0 0 10px #06b6d466}.selection-timer-pop{position:absolute;top:16px;left:50%;z-index:var(--z-map-toast);display:grid;min-width:190px;overflow:hidden;border:1px solid var(--panel-border);border-radius:12px;background:var(--modal-bg);box-shadow:var(--card-shadow);color:var(--text-primary);transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selection-timer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:42px;padding:8px 11px 7px}.selection-timer-main svg{color:#1558ec}.selection-timer-main span{font-size:.78rem;font-weight:800;text-transform:uppercase}.selection-timer-main strong{min-width:42px;color:#06b6d4;font-size:1.18rem;line-height:1;text-align:right;text-shadow:0 0 8px rgba(6,182,212,.25)}.selection-timer-pop p{margin:-4px 11px 8px;color:var(--text-secondary);font-size:.72rem;font-weight:700;text-align:center}.selection-timer-track{height:4px;background:#cbd5e14d;transform:translateZ(0)}.selection-timer-track span{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#1558ec,#14b8a6);transition:transform .22s ease,background .18s ease}.selection-timer-pop.is-warning .selection-timer-main svg,.selection-timer-pop.is-warning .selection-timer-main strong{color:#f97316}.selection-timer-pop.is-warning .selection-timer-track span{background:linear-gradient(90deg,#f97316,#facc15)}.selection-timer-pop.is-critical{border-color:#f0192266;animation:selection-timer-pulse .52s ease-in-out infinite alternate}.selection-timer-pop.is-critical .selection-timer-main svg,.selection-timer-pop.is-critical .selection-timer-main strong{color:#f01922}.selection-timer-pop.is-critical .selection-timer-track span{background:linear-gradient(90deg,#f01922,#ff7a1a)}.globe-host{position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;cursor:grab;touch-action:none}.globe-host:active{cursor:grabbing}.globe-host canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%}.map-ocean{fill:#4a6473}.country-shape{cursor:pointer;outline:none;stroke-opacity:.78;stroke-linejoin:round;stroke-linecap:round;transition:fill .12s ease,stroke .12s ease,stroke-width .12s ease,opacity .12s ease}.country-shape:hover{stroke:var(--text-secondary);stroke-opacity:1;stroke-width:.9}.country-shape.is-disabled{cursor:default}.country-shape.is-disabled:hover{stroke:var(--text-primary);stroke-opacity:.78;stroke-width:.55}.country-shape.is-attackable{stroke:#ff4d4d;stroke-opacity:1;stroke-width:1.05}.country-shape.is-intent-target{animation:intent-dash 1s linear infinite;stroke-linecap:round;stroke-opacity:1}.country-hatch-overlay{pointer-events:none;stroke:none;opacity:.9}.country-label-layer{pointer-events:none}.country-map-label{dominant-baseline:middle;font-weight:560;letter-spacing:0;paint-order:stroke;text-anchor:middle}.country-name-label{fill:var(--text-primary);stroke:var(--bg-app);stroke-linejoin:round;stroke-width:2.5px;paint-order:stroke fill}.country-owner-label{stroke:var(--bg-app);stroke-linejoin:round;stroke-width:1px;paint-order:stroke fill}.country-shape:focus-visible{stroke:var(--text-primary);stroke-opacity:1;stroke-width:1.35}.attack-intent-layer{pointer-events:none}.attack-route{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2;stroke-opacity:.34}.attack-chevron{stroke:none}@keyframes intent-dash{to{stroke-dashoffset:-18}}@keyframes selection-timer-pulse{0%{box-shadow:0 14px 34px #0f1b351a;transform:translate(-50%) scale(1)}to{box-shadow:0 18px 42px #f0192233;transform:translate(-50%) scale(1.035)}}.dashboard-row{display:grid;grid-template-columns:1fr;gap:10px;min-height:184px}.dashboard-row.events-layout .turn-log{min-height:184px}.info-card,.turn-log{border:1px solid var(--panel-border);border-radius:12px;background:var(--panel-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-primary)}.info-card{padding:16px 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.section-heading h2{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--text-primary);font-size:.98rem}.section-heading span{color:var(--text-secondary);font-size:.78rem;font-weight:700}.score-table,.attackable-mini-list{display:grid;gap:8px}.score-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;min-height:24px;color:var(--text-primary);font-size:.88rem}.score-row strong{color:var(--text-primary)}.score-row small{color:var(--text-secondary)}.attackable-mini-list button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:36px;border:0;border-bottom:1px solid var(--panel-border);background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;transition:color .14s ease,background .14s ease}.attackable-mini-list button:hover{background:#ffffff0d;color:var(--text-primary)}.attackable-mini-list button span,.country-list button span,.answer-button .answer-letter{display:inline-grid;min-width:34px;height:26px;place-items:center;border-radius:7px;border:1px solid var(--panel-border);background:var(--btn-secondary-bg);color:var(--text-primary);font-size:.75rem;font-weight:900}.attackable-mini-list button em{color:#ff681c;font-size:.8rem;font-style:normal;font-weight:800}.side-panel{align-self:stretch;min-width:0}.control-panel{display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:10px;gap:8px}.target-panel-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:60px;padding:10px 14px;border:1px solid var(--panel-border);border-radius:14px;background:#ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0d,var(--card-shadow);margin-bottom:8px}.target-panel-head p{margin:0 0 3px;color:var(--text-secondary);font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.target-panel-head h2{margin:0;color:var(--text-primary);font-size:1.12rem;line-height:1.08}.country-meta-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:32px;padding:7px 9px;border:1px solid var(--panel-border);border-radius:10px;background:var(--btn-secondary-bg);color:var(--text-primary);font-size:.78rem;font-weight:850}.country-meta-line span,.country-meta-line strong,.country-meta-line em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-meta-line em{color:var(--text-secondary);font-style:normal}.panel-topline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:24px}.panel-topline.slim{grid-template-columns:auto 1fr;gap:12px;margin-bottom:14px}.panel-topline h2{margin:0;color:var(--text-primary);font-size:1.28rem;line-height:1.05}.panel-topline p{margin:5px 0 0;color:var(--text-secondary)}.country-code-badge{display:grid;width:42px;height:32px;place-items:center;border:1px solid rgba(6,182,212,.28);border-radius:10px;background:#06b6d414;color:#06b6d4;font-weight:900;font-size:.85rem;box-shadow:0 2px 6px #06b6d41f,inset 0 1px #ffffff0d;text-shadow:0 0 6px rgba(6,182,212,.2)}.attackable-badge{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid rgba(239,68,68,.35);border-radius:10px;background:#ef444414;color:#ef4444;font-size:.88rem;font-weight:850;box-shadow:0 2px 6px #ef44440d}.country-stats{display:grid;grid-template-columns:1fr 1fr .65fr;gap:12px;margin-bottom:0;padding-bottom:0;border-bottom:0}.country-stats.simple{grid-template-columns:1fr;padding:12px;border:1px solid var(--panel-border);border-radius:12px;background:var(--btn-secondary-bg)}.country-info-block{display:grid;gap:7px;padding-bottom:8px;border-bottom:1px solid var(--panel-border)}.lobby-panel{display:grid;gap:9px;margin-bottom:12px;padding:10px;border:1px solid var(--panel-border);border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f8fbffeb);box-shadow:0 10px 24px #1f407314}.lobby-panel-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px}.lobby-panel-head div,.lobby-panel-head span{display:inline-flex;align-items:center;gap:7px}.lobby-panel-head span{color:var(--text-secondary);font-size:.72rem;font-weight:900;text-transform:uppercase}.lobby-panel-head strong{color:var(--text-primary);font-size:1rem}.lobby-panel-head em{grid-column:2;justify-self:end;color:#f97316;font-size:.72rem;font-style:normal;font-weight:900}.lobby-list{display:grid;gap:6px}.lobby-player{display:grid;grid-template-columns:auto minmax(0,.75fr) minmax(0,1fr);align-items:center;gap:8px;min-height:34px;padding:6px 8px;border:1px solid var(--panel-border);border-radius:10px;background:#ffffffad;box-shadow:0 4px 12px #1f40730f}.lobby-player strong,.lobby-player em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player strong{color:var(--text-primary);font-size:.82rem}.lobby-player em{color:var(--text-secondary);font-size:.78rem;font-style:normal;font-weight:700}.lobby-player.is-waiting{border-style:dashed;background:#94a3b80f;color:var(--text-secondary)}.lobby-player.is-waiting svg{color:var(--text-secondary)}.country-stats div{display:grid;gap:7px}.country-stats span{color:var(--text-secondary);font-size:.92rem;font-weight:700}.country-stats strong{color:var(--text-primary);font-size:1.06rem}.difficulty-text.easy{color:#0fa34a}.difficulty-text.medium{color:#ff681c}.difficulty-text.hard{color:#db2777}.selection-state{display:grid;grid-template-columns:1fr;gap:10px}.selection-state div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:9px 12px;border:1px solid var(--panel-border);border-radius:10px;background:var(--btn-secondary-bg)}.selection-state span{color:var(--text-secondary);font-size:.82rem;font-weight:750}.primary-button,.secondary-button,.answer-button,.country-list button{border:1px solid var(--panel-border);border-radius:10px;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:11px 14px}.primary-button{border-color:#06b6d4;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-size:.98rem;font-weight:900;box-shadow:0 0 15px #06b6d466;text-transform:uppercase;letter-spacing:.5px}.primary-button span{margin-left:auto}.compact-action span{margin-left:0}.secondary-button{margin-top:10px;background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);font-weight:700}.secondary-action-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;border:1px solid var(--btn-secondary-border);border-radius:10px;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);font-weight:850;cursor:pointer}.secondary-action-button:disabled{cursor:not-allowed;opacity:.55}.primary-button:disabled{cursor:not-allowed;border-color:var(--panel-border);background:var(--btn-secondary-bg);color:var(--text-secondary);box-shadow:none}.primary-button:not(:disabled):hover,.secondary-button:hover,.answer-button:hover,.country-list button:hover,.neighbor-chips button:hover,.attackable-mini-list button:hover{transform:translateY(-1px)}.country-list{display:grid;gap:8px;max-height:380px;margin-top:16px;padding-right:4px;overflow:auto}.panel-list-section{display:flex;min-height:0;flex:1;flex-direction:column}.multiplayer-panel{gap:14px}.start-guide-panel{display:flex;flex-direction:column;align-items:stretch;border:1px solid rgba(20,184,166,.22);border-radius:12px;background:linear-gradient(135deg,#f0fdfaf5,#fffffff0);padding:15px;box-shadow:0 12px 28px #0f766e14}.start-guide-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;box-shadow:0 8px 18px #14b8a638}.start-guide-panel p,.quickplay-country-head p{margin:0 0 4px;color:#0f766e;font-size:.72rem;font-weight:950;text-transform:uppercase}.start-guide-panel h2{margin:0;color:var(--text-primary);font-size:1.18rem;line-height:1.12}.start-guide-panel span{display:block;margin-top:7px;color:var(--text-secondary);font-size:.83rem;line-height:1.35}.quickplay-action-container{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:12px}.quickplay-play-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px!important;font-size:.95rem!important;font-weight:900!important;border-radius:12px!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:1px solid rgba(16,185,129,.3)!important;box-shadow:0 4px 14px #10b98140,inset 0 1px #ffffff26!important;transition:all .2s ease!important;cursor:pointer}.quickplay-play-button:hover{background:linear-gradient(135deg,#34d399,#059669)!important;transform:translateY(-1px);box-shadow:0 6px 20px #10b98159!important}.play-button-divider{opacity:.3;margin:0 2px;font-weight:300;color:var(--text-primary)}.play-button-online{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:.78rem!important;opacity:.95!important;color:#ffffffe6!important}.play-button-online strong{color:#fff!important}.play-button-online .online-presence-dot{width:6px;height:6px;background:#34d399;box-shadow:0 0 6px #34d399;margin:0}.play-warning-message{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#ef444414;border:1px solid rgba(239,68,68,.22);color:#ef4444;font-size:.78rem;font-weight:850;animation:warning-slide-in .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes warning-slide-in{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}.multiplayer-form{display:grid;gap:12px}.multiplayer-form label{display:grid;gap:7px;color:var(--text-secondary);font-size:.78rem;font-weight:850;text-transform:uppercase}.multiplayer-form input{width:100%;min-height:44px;border:1px solid var(--panel-border);border-radius:10px;background:var(--btn-secondary-bg);color:var(--text-primary);font:inherit;font-size:.95rem;font-weight:800;outline:none;padding:10px 12px}.multiplayer-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.connection-error{margin:10px 0 0;border:1px solid rgba(239,68,68,.25);border-radius:10px;background:#ef444414;color:#ef4444;font-size:.82rem;font-weight:750;padding:9px 10px}.connection-hint{margin:12px 0 0;color:var(--text-secondary);font-size:.78rem;line-height:1.45}.quickplay-start-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-quickplay);display:grid;place-items:center;padding:18px;background:#0f172a75;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quickplay-start-modal{position:relative;display:grid;gap:13px;width:min(390px,100%);border:1px solid rgba(20,184,166,.24);border-radius:14px;background:var(--modal-bg);box-shadow:0 22px 60px #0f1b353d;padding:16px}.modal-close-button{position:absolute;top:10px;right:10px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--panel-border);border-radius:9px;background:#fffc;color:var(--text-primary);cursor:pointer}.quickplay-country-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding-right:40px}.quickplay-country-head>span{display:grid;width:54px;height:42px;place-items:center;border:1px solid rgba(20,184,166,.28);border-radius:11px;background:#14b8a61a;color:#0f766e;font-weight:950}.quickplay-country-head h2{margin:0;color:var(--text-primary);font-size:1.22rem;line-height:1.12}.quickplay-start-modal label{display:grid;gap:7px;color:var(--text-secondary);font-size:.78rem;font-weight:850;text-transform:uppercase}.quickplay-start-modal input{width:100%;min-height:46px;border:1px solid var(--panel-border);border-radius:10px;background:var(--btn-secondary-bg);color:var(--text-primary);font:inherit;font-size:.98rem;font-weight:850;outline:none;padding:10px 12px}.quickplay-start-modal input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.private-room-section{flex:0 0 auto;border:1px solid var(--panel-border);border-radius:12px;background:#ffffffb8;padding:8px}.private-room-toggle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;border:0;border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer;padding:8px 9px;text-align:left}.private-room-toggle span{display:block;color:var(--text-secondary);font-size:.72rem;font-weight:900;text-transform:uppercase}.private-room-toggle strong{display:block;margin-top:2px;font-size:.9rem;line-height:1.25}.private-room-toggle svg{color:var(--text-secondary);transition:transform .16s ease}.private-room-section.is-open .private-room-toggle svg{transform:rotate(180deg)}.private-room-body{padding:10px 4px 4px}.room-code-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin-bottom:12px;border:1px solid rgba(37,99,235,.2);border-radius:12px;background:#2563eb12;padding:12px}.room-code-panel span,.room-code-panel em{color:var(--text-secondary);font-size:.76rem;font-style:normal;font-weight:800;text-transform:uppercase}.room-code-panel strong{color:var(--text-primary);font-size:1.12rem;font-weight:950;letter-spacing:1px}.room-code-panel em{grid-column:1 / -1;text-transform:none}.quickplay-wait-note{display:flex;align-items:center;gap:9px;border:1px solid rgba(245,158,11,.24);border-radius:10px;background:#f59e0b14;color:var(--text-primary);font-size:.82rem;font-weight:800;line-height:1.35;padding:10px 11px}.quickplay-wait-note svg{flex:0 0 auto;color:#f59e0b}.attackable-list{display:grid;gap:8px;min-height:0;max-height:calc(100vh - 340px);overflow:auto;padding-right:4px}.attackable-list button{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border:1px solid var(--panel-border);border-radius:10px;background:var(--btn-secondary-bg);color:var(--text-primary);cursor:pointer;text-align:left}.attackable-list button.is-selected{border-color:#06b6d4;background:#06b6d414;color:#fff;box-shadow:0 0 12px #06b6d440}.attackable-list button span{display:inline-grid;min-width:34px;height:26px;place-items:center;border-radius:7px;border:1px solid var(--panel-border);background:var(--btn-secondary-bg);color:var(--text-primary);font-size:.75rem;font-weight:900}.attackable-list button em{color:#ff681c;font-size:.78rem;font-style:normal;font-weight:850}.empty-action{display:flex;align-items:center;gap:10px;min-height:70px;padding:14px;border:1px dashed var(--panel-border);border-radius:12px;color:var(--text-secondary)}.attackable-strip{display:none;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px}.side-attackable-block{display:grid;gap:5px}.side-attackable-block>span{color:var(--text-secondary);font-size:.68rem;font-weight:950;text-transform:uppercase}.side-attackable-strip{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:1px 1px 5px;scrollbar-width:thin}.side-attackable-strip button{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;max-width:152px;min-height:27px;border:1px solid var(--panel-border);border-radius:999px;background:var(--btn-secondary-bg);color:var(--text-primary);cursor:pointer;padding:4px 9px}.side-attackable-strip button.is-selected{border-color:#14b8a666;background:#14b8a617}.side-attackable-strip button span{min-width:auto;height:auto;border-radius:0;background:transparent;color:var(--text-secondary);font-size:.66rem;font-weight:950}.side-attackable-strip button strong{min-width:0;overflow:hidden;font-size:.74rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.side-attackable-strip button em{color:#ef4444;font-size:.62rem;font-style:normal;font-weight:950;letter-spacing:.02em;text-transform:uppercase}.side-attackable-strip p{margin:0;color:var(--text-secondary);font-size:.78rem}.siege-marker-layer{pointer-events:none}.siege-marker text{fill:#111827;font-style:normal;font-weight:900;paint-order:stroke fill;stroke:#ffffffeb;stroke-linejoin:round;stroke-width:1.35px;text-anchor:middle}.attackable-strip-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--text-secondary);font-size:.75rem;font-weight:900;text-transform:uppercase}.attackable-strip-head strong{display:grid;min-width:26px;height:22px;place-items:center;border-radius:999px;background:#ef44441a;color:#ef4444}.attackable-chip-row{display:flex;flex-wrap:wrap;gap:7px;max-height:92px;overflow:auto;padding-right:2px}.attackable-chip-row button{display:inline-flex;align-items:center;gap:7px;max-width:260px;min-height:34px;padding:5px 9px 5px 6px;border:1px solid var(--panel-border);border-radius:999px;background:var(--btn-secondary-bg);color:var(--text-primary);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.attackable-chip-row button:hover{transform:translateY(-1px);border-color:#ef444466;background:#ef44440f}.attackable-chip-row button.is-selected{border-color:#ef4444;background:#ef44441a;box-shadow:0 0 10px #ef444440;color:#fff}.attackable-chip-row button span{display:inline-grid;min-width:34px;height:24px;place-items:center;border-radius:999px;border:1px solid var(--panel-border);background:var(--btn-secondary-bg);color:var(--text-primary);font-size:.72rem;font-weight:900}.attackable-chip-row button strong{min-width:0;overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.attackable-chip-row button em{color:#f97316;font-size:.68rem;font-style:normal;font-weight:900}.attackable-chip-row p{margin:0;color:var(--text-secondary);font-size:.86rem}.turn-flow-panel{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden}.turn-flow-panel .section-heading{flex:0 0 auto;margin-bottom:7px}.turn-flow-list{display:grid;align-content:start;gap:5px;min-height:0;margin:0;padding:0;overflow:hidden;list-style:none}.turn-flow-list li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:28px;padding:5px 7px;border:1px solid var(--panel-border);border-radius:8px;background:var(--btn-secondary-bg);color:var(--text-primary);font-size:.75rem}.turn-flow-list .turn-group{display:grid;grid-template-columns:1fr;gap:5px;padding:6px;background:#fff9}.turn-flow-list .turn-group h3{margin:0;color:var(--text-primary);font-size:.72rem;font-weight:950;text-align:center}.turn-flow-list .turn-group div{display:grid;gap:5px}.turn-flow-list .turn-group article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:28px;border-radius:8px;padding:4px 6px}.turn-flow-list li.flow-success,.turn-flow-list li.flow-fail{grid-template-columns:auto 1fr}.turn-flow-list li p{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.turn-flow-list li strong{color:var(--text-primary)}.turn-flow-list .flow-intent>svg{color:#f97316}.turn-flow-list .flow-intent{border-color:#f973164d;background:linear-gradient(90deg,#f973161f,#fff7edbd)}.turn-flow-list .flow-intent.is-defense{border-color:#2563eb47;background:linear-gradient(90deg,#2563eb1f,#eff6ffbf)}.turn-flow-list .flow-intent.is-defense>svg{color:#2563eb}.turn-flow-list .flow-intent em{justify-self:end;border-radius:999px;background:#f973161f;padding:2px 5px;color:#c2410c;font-size:.57rem;font-style:normal;font-weight:950;white-space:nowrap}.turn-flow-list .flow-intent.is-defense em{background:#2563eb1f;color:#1d4ed8}.turn-flow-list .flow-clash{display:grid;grid-template-columns:1fr;gap:6px;min-height:66px;padding:7px;border-radius:10px}.turn-flow-list .flow-clash.defense-clash{border-color:#2563eb57;background:linear-gradient(135deg,#eff6fff0,#fff7edd1)}.turn-flow-list .flow-clash.duel{border-color:#7c3aed52;background:linear-gradient(135deg,#f5f3fff2,#fff7edc7)}.flow-clash-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.flow-clash-head>span{display:grid;width:25px;height:25px;place-items:center;border-radius:999px;background:#ffffffc7;box-shadow:0 4px 12px #0f172a1a}.flow-clash.defense-clash .flow-clash-head>span{color:#2563eb}.flow-clash.duel .flow-clash-head>span{color:#7c3aed}.flow-clash-head div{min-width:0}.flow-clash-head strong,.flow-clash-head em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-clash-head strong{color:var(--text-primary);font-size:.78rem;font-weight:950}.flow-clash-head em{color:var(--text-secondary);font-size:.58rem;font-style:normal;font-weight:950;text-transform:uppercase}.flow-side-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:5px}.flow-side-grid>div,.flow-contender-row{display:grid;gap:4px;min-width:0;border:1px solid rgba(100,116,139,.14);border-radius:8px;background:#ffffff8a;padding:5px}.flow-side-grid>div>span{color:var(--text-secondary);font-size:.54rem;font-weight:950;text-transform:uppercase}.flow-side-grid>div>div,.flow-contender-row{display:flex;flex-wrap:wrap;gap:4px}.flow-side-grid b,.flow-contender-row b{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0;overflow:hidden;border-radius:999px;background:#0f172a0e;padding:2px 6px 2px 4px;color:var(--text-primary);font-size:.6rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.flow-side-grid i,.flow-contender-row i{flex:0 0 auto;width:7px;height:7px}.flow-result-emblem{display:grid;width:21px;height:21px;place-items:center;border-radius:999px;background:#ffffffbd;box-shadow:0 3px 9px #0f172a1a}.turn-flow-list article.flow-result.victory{border:1px solid rgba(16,185,129,.3);background:linear-gradient(90deg,#10b98124,#ecfdf5b3)}.turn-flow-list article.flow-result.rout{border:1px solid rgba(239,68,68,.3);background:linear-gradient(90deg,#ef444421,#fef2f2b3)}.turn-flow-list article.flow-result.defense{border:1px solid rgba(37,99,235,.28);background:linear-gradient(90deg,#2563eb1f,#eff6ffbf)}.turn-flow-list article.flow-result.siege{border:1px solid rgba(124,58,237,.28);background:linear-gradient(90deg,#7c3aed1f,#f5f3ffbf)}.turn-flow-list article.flow-result.victory .flow-result-emblem{color:#059669}.turn-flow-list article.flow-result.rout .flow-result-emblem{color:#dc2626}.turn-flow-list article.flow-result.defense .flow-result-emblem{color:#2563eb}.turn-flow-list article.flow-result.siege .flow-result-emblem{color:#7c3aed}.turn-flow-list article.flow-result em{justify-self:end;border-radius:999px;background:#0f172a0f;padding:2px 5px;color:#334155;font-size:.57rem;font-style:normal;font-weight:950;white-space:nowrap}.country-list button{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border:1px solid var(--panel-border);border-radius:10px;background:var(--btn-secondary-bg);color:var(--text-primary);text-align:left}.question-card{display:grid;gap:10px;margin-top:0;padding:0}.question-card h3{margin:0;color:var(--text-primary);font-size:1rem;line-height:1.3;text-align:center}.question-countdown{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:34px;overflow:hidden;border:0;border-radius:8px;background:#14b8a612;padding:6px 9px}.question-countdown div{display:inline-flex;align-items:center;gap:7px;color:#0f766e;font-size:.7rem;font-weight:950;text-transform:uppercase}.question-countdown strong{color:#0f766e;font-size:1rem;font-weight:950;line-height:1}.question-countdown em{position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#14b8a6,#22c55e);transform-origin:left center;transition:transform .22s ease,background .18s ease}.question-countdown.is-warning{border-color:#f9731652;background:#f9731617}.question-countdown.is-warning div,.question-countdown.is-warning strong{color:#f97316}.question-countdown.is-warning em{background:linear-gradient(90deg,#f97316,#facc15)}.question-countdown.is-critical{border-color:#ef444457;background:#ef44441a;animation:question-timer-alert .52s ease-in-out infinite alternate}.question-countdown.is-critical div,.question-countdown.is-critical strong{color:#ef4444}.question-countdown.is-critical em{background:linear-gradient(90deg,#ef4444,#fb7185)}.answer-grid{display:grid;gap:7px}.answer-button{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 9px;border:1px solid var(--panel-border);border-radius:9px;background:var(--btn-secondary-bg);color:var(--text-primary);text-align:left;box-shadow:none}.question-card .answer-button .answer-letter{min-width:28px;height:24px;border-radius:7px;font-size:.72rem}.answer-option-text{flex:1;min-width:0}.answer-result-icon{flex:0 0 auto}.answer-button:hover{border-color:#06b6d4;background:#06b6d414;color:var(--text-primary)}.answer-button:disabled{cursor:default;transform:none}.answer-button.is-selected{border-color:#06b6d4;background:#06b6d41f;color:var(--text-primary);box-shadow:0 0 12px #06b6d440}.answer-button.is-correct,.answer-button.is-correct:hover,.answer-button.is-correct:disabled{border-color:#10b981bf;background:#10b98126;color:#064e3b;box-shadow:0 0 14px #10b9812e}.answer-button.is-correct .answer-letter{border-color:#10b9818c;background:#10b9812e;color:#047857}.answer-button.is-correct .answer-result-icon{color:#059669}.answer-button.is-wrong,.answer-button.is-wrong:hover,.answer-button.is-wrong:disabled{border-color:#ef4444b3;background:#ef44441f;color:#7f1d1d;box-shadow:0 0 14px #ef444424}.answer-button.is-wrong .answer-letter{border-color:#ef44448c;background:#ef444429;color:#dc2626}.answer-button.is-wrong .answer-result-icon{color:#ef4444}.answer-submit-button{min-height:38px;margin-top:0;padding:8px 12px;font-size:.86rem}.turn-log{min-height:0;padding:16px 18px}.turn-log ul{grid-template-columns:repeat(2,minmax(0,1fr))}.turn-log.compact{min-height:auto}.turn-log ul,.summary-panel ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.turn-log li,.summary-panel li{display:flex;gap:9px;align-items:center;color:var(--text-primary);font-size:.88rem}.turn-log li span{color:var(--text-secondary);font-size:.74rem;font-weight:850;text-transform:uppercase}.log-success:before,.log-fail:before{width:9px;height:9px;flex:0 0 9px;border-radius:999px;content:""}.log-success:before{background:#14a44d}.log-fail:before{background:#f01922}.summary-panel{display:grid;gap:18px}.empty-text{margin:0;color:var(--text-secondary)}.question-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-question);display:grid;place-items:center;padding:12px;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.question-modal{display:grid;gap:12px;width:min(560px,100%);max-height:min(640px,calc(100vh - 24px));overflow:auto;border:1px solid var(--panel-border);border-radius:12px;background:var(--modal-bg);padding:12px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-primary)}.question-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--panel-border)}.question-modal-header h2{display:flex;align-items:baseline;gap:7px;min-width:0;margin:0;color:#0f766e;font-size:1.05rem;font-weight:950;line-height:1.12}.question-modal-header h2 span{color:var(--text-secondary);font-size:.7rem;font-weight:900;text-transform:uppercase}.contest-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;margin:0;padding:0;border:0;background:transparent}.contest-attacker{display:inline-flex;align-items:center;gap:5px;min-height:24px;max-width:132px;border:1px solid var(--panel-border);border-radius:999px;background:#f8fbffdb;padding:3px 7px 3px 5px;color:var(--text-primary);font-size:.75rem;font-weight:850}.contest-attacker strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contest-vs{color:#f01922;font-size:.72rem;font-weight:900;text-transform:uppercase}.modal-note{margin:14px 0 0;color:var(--text-secondary);text-align:center}.answer-status-panel{margin-top:0;border:0;border-radius:0;background:transparent;padding:0}.answer-status-panel .section-heading{margin-bottom:7px}.answer-status-panel .section-heading h2{font-size:.9rem}.answer-status-panel .section-heading span{min-height:22px;padding:2px 7px;border-radius:999px;background:#64748b1a;color:var(--text-secondary)}.answer-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.answer-status{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 5px;min-height:38px;padding:5px 20px 5px 7px;border:1px solid var(--panel-border);border-radius:10px;background:var(--btn-secondary-bg)}.answer-status-main{display:flex;align-items:center;gap:5px;min-width:0}.answer-status-main strong,.answer-status-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.answer-status-main strong{flex:0 0 auto;color:var(--text-primary);font-size:.68rem}.answer-status-main span{display:inline-flex;flex:1 1 auto;align-items:center;gap:3px;color:var(--text-secondary);font-size:.68rem;font-weight:800}.answer-status-main span svg{flex:0 0 auto;color:#f97316}.answer-status em{display:block;grid-column:2 / 3;grid-row:2;color:var(--text-secondary);font-size:.58rem;font-style:normal;font-weight:800;line-height:1}.answer-status>svg{position:absolute;top:5px;right:6px;width:12px;height:12px}.answer-status.correct{border-color:#10b98159;background:#10b9811a}.answer-status.correct svg{color:#0fa34a}.answer-status.correct em{color:#047857}.answer-status.wrong{border-color:#ef444457;background:#ef44441a}.answer-status.wrong svg{color:#ef4444}.answer-status.wrong em{color:#dc2626}.answer-status.pending svg{color:#f59e0b}.answer-status.pending{border-color:#f59e0b57;background:#f59e0b1a}.result-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-result);display:grid;place-items:center;padding:14px;background:#0f172ad1}.result-modal{width:min(500px,100%);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid rgba(120,113,108,.3);border-radius:12px;background:var(--modal-bg);padding:14px;box-shadow:var(--card-shadow);animation:result-pop-in .26s ease-out both;color:var(--text-primary)}.result-modal.is-leaving{animation:result-slide-to-events .48s cubic-bezier(.65,0,.35,1) both}.result-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(100,116,139,.18)}.result-modal-header span{display:inline-flex;align-items:center;gap:8px;color:#172554;font-size:1.03rem;font-weight:950}.result-modal-header strong{padding:6px 9px;border-radius:999px;background:#f59e0b24;color:#92400e;font-size:.78rem;font-weight:950}.result-list{display:grid;gap:10px}.grouped-results{gap:10px}.result-group{display:grid;gap:6px}.result-group h3{display:inline-flex;align-items:center;gap:7px;margin:0 0 1px;color:#475569;font-size:.7rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.result-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;min-height:52px;padding:8px 9px;border:1px solid rgba(100,116,139,.18);border-radius:10px;background:#f8fafce6;box-shadow:inset 0 1px #ffffffc7}.result-item.victory{border-color:#10b9814d;background:linear-gradient(90deg,#10b98126,#ecfdf5b8)}.result-item.rout{border-color:#ef44444d;background:linear-gradient(90deg,#ef444421,#fef2f2b8)}.result-item.defense{border-color:#2563eb47;background:linear-gradient(90deg,#2563eb1f,#eff6ffbf)}.result-item.siege{border-color:#7c3aed47;background:linear-gradient(90deg,#7c3aed1f,#f5f3ffc2)}.result-emblem{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#ffffffb8;box-shadow:0 4px 14px #0f172a1f}.result-item.victory .result-emblem{color:#059669}.result-item.rout .result-emblem{color:#dc2626}.result-item.defense .result-emblem{color:#2563eb}.result-item.siege .result-emblem{color:#7c3aed}.result-item div{display:grid;gap:1px}.result-item strong{color:var(--text-primary);font-size:.88rem;font-weight:950}.result-item span{color:var(--text-secondary);font-size:.76rem}.result-item>em{justify-self:end;border-radius:999px;background:#0f172a0f;padding:4px 7px;color:#334155;font-size:.65rem;font-style:normal;font-weight:950;white-space:nowrap}.status-modal-backdrop,.final-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-status);display:grid;place-items:center;padding:14px;background:#0f172ab8}.status-modal,.final-modal{position:relative;z-index:1;width:min(460px,100%);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid var(--panel-border);border-radius:12px;background:var(--modal-bg);padding:16px;box-shadow:var(--card-shadow);color:var(--text-primary);animation:result-pop-in .26s ease-out both}.native-info-modal{padding-top:42px}.native-settings-body{display:grid;width:100%;gap:8px;text-align:left}.native-settings-body label{color:var(--text-secondary);font-size:.78rem;font-weight:900}.status-modal{display:grid;justify-items:center;gap:10px;text-align:center}.status-modal-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:#ef44441a;color:#ef4444}.status-modal h2,.status-modal p{margin:0}.status-modal h2{font-size:1.25rem}.status-modal p{color:var(--text-secondary);font-size:.92rem}.final-modal{display:grid;gap:14px}.final-modal-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.final-modal-head>span{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:#f59e0b21;color:#d97706}.final-modal-head p,.final-modal-head h2{margin:0}.final-modal-head p{color:var(--text-secondary);font-size:.72rem;font-weight:950;text-transform:uppercase}.final-modal-head h2{overflow:hidden;font-size:1.5rem;text-overflow:ellipsis;white-space:nowrap}.final-standings-list{display:grid;gap:7px}.final-standing{display:grid;grid-template-columns:28px auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:50px;border:1px solid var(--panel-border);border-radius:9px;background:var(--btn-secondary-bg);padding:8px}.final-standing.is-winner{border-color:#f59e0b73;background:#f59e0b1a}.final-standing>strong{display:inline-flex;align-items:center;justify-content:center;color:#d97706;font-weight:950}.final-standing h3,.final-standing p{margin:0}.final-standing h3{overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.final-standing p{color:var(--text-secondary);font-size:.72rem}.final-standing em{border-radius:999px;background:#0f766e1a;padding:3px 6px;color:#0f766e;font-size:.62rem;font-style:normal;font-weight:950;white-space:nowrap}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-layer span{--hue: calc((var(--i) * 43) + 12);position:absolute;top:-24px;left:calc(var(--i) * 3.125%);width:8px;height:14px;border-radius:2px;background:hsl(var(--hue),82%,56%);transform:rotate(calc(var(--i) * 17deg));animation:confetti-fall 2.9s calc(var(--i) * -55ms) linear infinite}@keyframes confetti-fall{to{transform:translate3d(calc(((var(--i) % 5) - 2) * 24px),calc(100dvh + 50px),0) rotate(calc(var(--i) * 37deg + 540deg))}}@media (prefers-reduced-motion: reduce){.confetti-layer{display:none}}@keyframes result-pop-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-slide-to-events{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translate(18vw,38vh) scale(.72)}}@keyframes question-timer-alert{0%{transform:translateY(0);box-shadow:0 0 #ef444400}to{transform:translateY(-1px);box-shadow:0 0 18px #ef44442e}}.winner-box{display:grid;gap:8px;margin-bottom:18px;padding:18px;border:1px solid var(--panel-border);border-radius:12px;background:var(--btn-secondary-bg)}.winner-box span,.winner-box small{color:var(--text-secondary)}.winner-box strong{color:var(--text-primary);font-size:2rem}@media (max-width: 1280px){.topbar{grid-template-columns:minmax(0,1fr);align-items:start}.top-status,.scoreboard{justify-content:flex-start}.scoreboard{flex-wrap:wrap}.game-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.control-panel{min-height:auto}}@media (max-width: 820px){.app{padding:env(safe-area-inset-top) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.brand h1{font-size:1.14rem}.topbar{margin:calc(-1*env(safe-area-inset-top)) calc(-1*(8px + env(safe-area-inset-right))) 7px calc(-1*(8px + env(safe-area-inset-left)))}.brand p{display:none}.online-presence-pill{min-height:32px;padding:6px 10px}.dashboard-row{grid-template-columns:1fr}.map-shell{min-height:0}.panel-topline,.country-stats{grid-template-columns:1fr}.attackable-badge{justify-self:start}}.mobile-only{display:none!important}@media (max-width: 560px){html,body{overflow:hidden!important;height:100dvh;touch-action:none}.desktop-only{display:none!important}.mobile-only{display:flex!important}.map-controls{top:8px!important;left:8px!important;gap:4px!important;padding:4px!important;border-radius:8px!important}.map-controls button{width:26px!important;height:26px!important;border-radius:5px!important}.map-controls button svg{width:14px!important;height:14px!important}.topbar{min-height:40px;margin-bottom:4px;padding:4px 8px}.brand{align-items:center;gap:8px}.online-presence-pill.is-compact{margin-left:0}.online-presence-pill em{display:none}.top-status{flex-direction:row;align-items:stretch;justify-content:flex-start}.status-chip,.timer-chip{justify-content:center}.native-app .topbar:not(.game-started){grid-template-columns:minmax(0,1fr);min-height:38px;padding:5px 8px}.native-app .topbar:not(.game-started) .top-status:empty{display:none}.native-app .topbar:not(.game-started) .brand{justify-content:space-between;width:100%}.native-app .topbar:not(.game-started) .brand>div:first-of-type{min-width:0;flex:1}.native-app .topbar:not(.game-started) .online-presence-pill{min-height:26px;padding:4px 8px;box-shadow:none}.native-app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#111820}.native-app .topbar:not(.game-started){margin:calc(-1*env(safe-area-inset-top)) 0 0;border-radius:0;border:0;border-bottom:1px solid rgba(217,227,239,.2);background:#fffffff0;box-shadow:none}.native-app .game-layout{height:calc(100dvh - 38px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 208px!important;gap:0!important;padding:0!important;max-width:none;width:100%}.native-app .map-column{gap:0}.native-app .map-shell{border:0;border-radius:0;box-shadow:none}.native-app .map-controls{top:7px!important;left:7px!important;border-radius:7px!important;border-color:#d9e3ef57;background:#ffffffe6;box-shadow:0 6px 16px #0f1b351f}.native-app .control-panel{height:208px!important;max-height:208px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;gap:5px!important;border:0;border-top:1px solid rgba(217,227,239,.74);border-radius:0;background:#fffffff7;box-shadow:0 -8px 18px #0f1b3514;-webkit-backdrop-filter:none;backdrop-filter:none}.native-app .country-info-block{padding-bottom:3px!important}.native-app .room-code-panel{grid-template-columns:auto 1fr;gap:3px 10px;margin-bottom:5px;padding:7px 9px;border-radius:8px;background:#2563eb0e;box-shadow:inset 0 1px #ffffff94}.native-app .room-code-panel span{font-size:.64rem;white-space:nowrap}.native-app .room-code-panel strong{justify-self:end;font-size:.94rem;letter-spacing:.8px}.native-app .lobby-panel{gap:6px;margin-bottom:6px;padding:7px;border-radius:8px;border-color:#d9e3efb8;background:#f8fbffd1;box-shadow:none}.native-app .lobby-panel-head{gap:6px}.native-app .lobby-panel-head span,.native-app .lobby-panel-head em{font-size:.64rem}.native-app .lobby-panel-head strong{font-size:.88rem}.native-app .lobby-list{gap:4px;max-height:94px;overflow-y:auto;padding-right:1px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.native-app .lobby-list::-webkit-scrollbar{display:none}.native-app .lobby-player{grid-template-columns:auto minmax(0,.9fr) minmax(0,1fr);min-height:28px;padding:4px 6px;border-radius:6px;border-color:#d9e3efb8;box-shadow:none}.native-app .lobby-player strong{font-size:.72rem}.native-app .lobby-player em{font-size:.68rem}.score-pill{min-width:132px}.answer-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-layout{height:calc(100dvh - 56px);grid-template-columns:1fr!important;grid-template-rows:1fr 220px!important;gap:4px!important;padding:0 4px 4px!important;overflow:hidden!important}.control-panel{height:220px!important;max-height:220px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:6px 8px!important;gap:4px!important;box-sizing:border-box!important}.question-modal{max-height:calc(100dvh - 18px);padding:10px}.answer-grid{gap:6px}.topbar.game-started{display:block!important;margin-bottom:2px!important;padding:2px 4px 1px!important;min-height:auto!important;background:transparent!important;border:none!important;box-shadow:none!important}.topbar.game-started .brand,.topbar.game-started .top-status{display:none!important}.topbar.game-started .scoreboard{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:4px!important;overflow-x:auto!important;padding:1px 0!important;width:100%!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topbar.game-started .scoreboard::-webkit-scrollbar{display:none}.topbar.game-started .score-pill{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:auto;min-height:24px;height:24px;padding:0 8px;border-radius:6px;box-shadow:none;background:var(--panel-bg);border:1px solid var(--panel-border)}.topbar.game-started .score-pill:first-child{border-color:#06b6d480;box-shadow:0 0 6px #06b6d426}.topbar.game-started .score-rank{position:static;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:0;font-size:.7rem;color:var(--text-secondary)}.topbar.game-started .score-name{display:flex;align-items:center;gap:3px;max-width:70px;font-size:.7rem}.topbar.game-started .score-name .player-dot{width:7px;height:7px;flex:0 0 7px;box-shadow:none}.topbar.game-started .score-pill strong{font-size:.65rem;white-space:nowrap}.topbar.game-started~.game-layout{height:calc(100dvh - 35px)!important}.target-panel-head-mobile{display:flex!important;justify-content:space-between;align-items:center;width:100%;padding:2px 2px 5px!important;border-bottom:1px solid var(--panel-border);background:transparent}.country-info-block{border-bottom:none!important;padding-bottom:0!important;gap:0!important}.mobile-target-info{display:flex;align-items:center;gap:4px}.mobile-target-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;font-weight:850}.mobile-target-arrow{font-size:.72rem;color:var(--text-secondary)}.mobile-target-name{font-size:.8rem;color:var(--text-primary);font-weight:900}.mobile-stats-info{display:flex;align-items:center;gap:6px}.mobile-stat-pill{display:flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;font-size:.65rem;font-weight:900;border:1px solid var(--panel-border)}.mobile-turn-pill{background:#9333ea14;border-color:#9333ea40;color:#c084fc}.mobile-turn-pill svg{color:#a855f7}.mobile-online-pill{background:#10b98114;border-color:#10b98140;color:#34d399}.mobile-online-pill .online-presence-dot{width:5px;height:5px;background:#10b981;box-shadow:0 0 4px #10b981;margin:0}.side-attackable-block{display:none!important}.turn-flow-panel{gap:3px!important}.compact-flow-heading{display:flex!important;align-items:center;gap:4px;margin:0 0 1px!important;font-size:.7rem!important;color:var(--text-secondary)}.compact-flow-heading svg{color:#a855f7}.compact-flow-heading strong{font-weight:850;color:var(--text-primary)}.compact-flow-heading span{font-size:.62rem;color:var(--text-secondary)}.turn-flow-list{gap:3px!important;max-height:160px!important;overflow-y:auto!important;padding-bottom:2px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.turn-flow-list::-webkit-scrollbar{display:none}.turn-flow-list li:not(.turn-group){display:flex!important;align-items:center!important;min-height:22px!important;padding:3px 6px!important;border-radius:6px!important;font-size:.66rem!important;gap:4px!important}.turn-flow-list li:not(.turn-group) em{display:none!important}.turn-flow-list li:not(.turn-group) .player-dot{width:6px!important;height:6px!important;flex:0 0 6px!important}.turn-flow-list li:not(.turn-group) svg{width:10px!important;height:10px!important}.turn-flow-list li:not(.turn-group) p{font-size:.66rem!important;line-height:1.2!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important}.turn-flow-list .turn-group{padding:4px!important;background:#fff6!important}.turn-flow-list .turn-group h3{font-size:.65rem!important;margin-bottom:2px!important}.turn-flow-list .turn-group div article{display:flex!important;align-items:center!important;min-height:20px!important;padding:2px 4px!important;border-radius:5px!important;gap:4px!important}.turn-flow-list .turn-group div article em{display:none!important}.turn-flow-list .turn-group div article p{font-size:.66rem!important;line-height:1.2!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important}.start-guide-panel{padding:8px 10px!important;gap:8px!important;border-radius:8px!important}.start-guide-icon{width:32px!important;height:32px!important;border-radius:8px!important}.start-guide-icon svg{width:16px!important;height:16px!important}.start-guide-panel p{font-size:.62rem!important;margin-bottom:2px!important}.start-guide-panel h2{font-size:.88rem!important;line-height:1.1!important}.start-guide-panel span{font-size:.7rem!important;margin-top:3px!important;line-height:1.25!important}.quickplay-action-container{margin-top:8px!important;gap:5px!important}.quickplay-play-button{padding:7px 12px!important;font-size:.82rem!important;border-radius:8px!important;gap:6px!important}.quickplay-play-button svg{width:13px!important;height:13px!important}.play-button-divider{margin:0 1px!important}.play-button-online{font-size:.7rem!important;gap:3px!important}.play-warning-message{padding:5px 8px!important;font-size:.68rem!important;border-radius:6px!important;gap:4px!important}.how-to-play-modal{padding:16px 14px!important;width:min(320px,100%)!important}.how-to-play-head{margin-bottom:12px!important;padding-bottom:8px!important}.how-to-play-head h2{font-size:1.1rem!important}.how-to-play-steps{gap:10px!important;margin-bottom:16px!important}.how-to-play-steps li{gap:8px!important}.step-num{width:20px!important;height:20px!important;font-size:.75rem!important}.how-to-play-steps div h3{font-size:.82rem!important;margin-bottom:2px!important}.how-to-play-steps div p{font-size:.72rem!important;line-height:1.3!important}.how-to-play-button{padding:5px 10px!important;font-size:.75rem!important;border-radius:6px!important}}.map-column{position:relative}.map-lobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-map-overlay);display:grid;place-items:center;background:#0f172a0d;-webkit-backdrop-filter:none;backdrop-filter:none;padding:12px;pointer-events:none}.map-lobby-popup{pointer-events:auto;width:min(340px,100%);padding:22px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0f172ae6;box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-primary);text-align:center;animation:map-popup-pop .32s cubic-bezier(.34,1.56,.64,1) both}@keyframes map-popup-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.map-lobby-popup-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.map-lobby-popup-head h3{margin:0;font-size:.95rem;font-weight:950;letter-spacing:.5px;text-transform:uppercase;color:#06b6d4}.map-lobby-popup-body{display:flex;flex-direction:column;align-items:center;gap:8px}.map-lobby-popup-body .lobby-count{font-size:2.25rem;font-weight:950;color:#10b981;text-shadow:0 0 16px rgba(16,185,129,.25);line-height:1}.map-lobby-player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:min(260px,100%);margin-top:1px}.map-lobby-player{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-height:23px;padding:4px 7px;border:1px solid rgba(20,184,166,.18);border-radius:8px;background:#0f766e29;color:#ffffffeb;box-shadow:inset 0 1px #ffffff0d}.map-lobby-player .player-dot,.map-lobby-player.is-waiting span{width:8px;height:8px}.map-lobby-player.is-waiting{border-color:#94a3b829;background:#94a3b814;color:#cbd5e1c7}.map-lobby-player.is-waiting span{border:1px solid rgba(148,163,184,.42);border-radius:999px;background:#94a3b82e}.map-lobby-player strong{min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:900;letter-spacing:0}.map-lobby-popup-body p{margin:0;font-size:.78rem;color:var(--text-secondary);line-height:1.4}.map-lobby-timer{margin-top:6px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981;font-size:.74rem;font-weight:900}.lobby-live-badge{color:#10b981!important;font-weight:950!important;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;font-size:.72rem}.lobby-live-timer{grid-column:1 / span 2;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#06b6d4;font-size:.7rem;font-weight:900;background:#06b6d414;padding:5px 12px;border-radius:8px;border:1px solid rgba(6,182,212,.15);white-space:nowrap;width:100%;box-sizing:border-box}.spin-icon{animation:spin-loop 4s linear infinite}@keyframes spin-loop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.how-to-play-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;padding:7px 14px!important;font-size:.82rem!important;font-weight:800!important;border-radius:8px!important;background:#14b8a614!important;border:1px solid rgba(20,184,166,.3)!important;color:#0f766e!important;transition:all .2s ease!important;cursor:pointer;text-transform:none!important;margin-top:2px!important}.how-to-play-button:hover{background:#14b8a629!important;border-color:#14b8a699!important;color:#0f766e!important;box-shadow:0 0 10px #14b8a626!important}.how-to-play-modal{width:min(440px,100%)!important;max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px 20px!important}.how-to-play-head{display:flex;align-items:center;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.how-to-play-icon{color:#06b6d4;filter:drop-shadow(0 0 6px rgba(6,182,212,.4))}.how-to-play-head h2{margin:0;font-size:1.35rem;font-weight:950;color:var(--text-primary);letter-spacing:.5px}.how-to-play-steps{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:16px}.how-to-play-steps li{display:flex;align-items:flex-start;gap:14px}.step-num{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:999px;color:#fff;font-size:.85rem;font-weight:950;box-shadow:0 3px 8px #06b6d459}.how-to-play-steps div h3{margin:0 0 4px;font-size:.92rem;font-weight:900;color:var(--text-primary)}.how-to-play-steps div p{margin:0;font-size:.78rem;line-height:1.4;color:var(--text-secondary)}.full-guide-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin:-8px 0 12px;border:1px solid rgba(20,184,166,.34);border-radius:8px;background:#14b8a614;color:#0f766e;font-size:.86rem;font-weight:900;text-decoration:none;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}button.full-guide-link{font:inherit;cursor:pointer}.full-guide-link:hover{border-color:#14b8a69e;background:#14b8a626;box-shadow:0 0 10px #14b8a624;text-decoration:none}.native-link-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.native-link-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;border:1px solid var(--btn-secondary-border);border-radius:8px;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);font-size:.72rem;font-weight:900;cursor:pointer}.native-link-button:hover{background:#0f1b3513}@media (max-width: 560px){.topbar,.map-controls,.selection-timer-pop,.info-card,.turn-log,.target-panel-head,.quickplay-start-backdrop,.question-modal-backdrop,.question-modal,.result-modal,.status-modal,.final-modal,.map-lobby-popup{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.country-shape,.selection-timer-track span,.question-countdown em,.answer-button,.quickplay-play-button,.how-to-play-button{transition:none!important}.selection-timer-pop.is-critical,.question-countdown.is-critical,.map-lobby-popup,.status-modal,.final-modal{animation:none!important}.map-shell,.globe-host,.globe-host canvas{transform:translateZ(0);will-change:transform}}@media (max-width: 560px){html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden!important;background:#111820;overscroll-behavior:none}.app.native-app{--native-safe-top: env(safe-area-inset-top, 0px);--native-safe-right: env(safe-area-inset-right, 0px);--native-safe-bottom: env(safe-area-inset-bottom, 0px);--native-safe-left: env(safe-area-inset-left, 0px);--native-header-bg: rgba(248, 251, 255, .98);--native-panel-h: clamp(170px, 31dvh, 238px);--native-scorebar-offset: calc(var(--native-safe-top) + 48px);display:grid!important;grid-template-rows:auto minmax(0,1fr);width:100vw;height:100dvh;min-height:100svh;min-width:0;padding:0!important;overflow:hidden!important;background:#111820}.app.native-app.is-game-not-started{--native-panel-h: clamp(232px, 36dvh, 330px)}.app.native-app.phase-selectTarget,.app.native-app.phase-question,.app.native-app.phase-turnSummary{--native-panel-h: clamp(170px, 31dvh, 238px)}.app.native-app.phase-gameOver{--native-panel-h: clamp(190px, 36dvh, 260px)}.app.native-app.is-game-started{grid-template-rows:minmax(0,1fr)}.app.native-app .topbar{position:relative;top:auto;z-index:var(--z-topbar);width:100%;min-width:0;min-height:calc(38px + var(--native-safe-top));margin:0!important;border:0;border-bottom:1px solid rgba(217,227,239,.55);border-radius:0;background:var(--native-header-bg);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:calc(5px + var(--native-safe-top)) calc(8px + var(--native-safe-right)) 5px calc(8px + var(--native-safe-left))!important}.app.native-app .topbar:not(.game-started){display:grid;grid-template-columns:minmax(0,1fr)}.app.native-app .topbar:not(.game-started) .brand{width:100%;min-width:0}.app.native-app .topbar.game-started{display:block!important;position:absolute;top:0;right:0;left:0;min-height:calc(34px + var(--native-safe-top))!important;padding:calc(4px + var(--native-safe-top)) calc(6px + var(--native-safe-right)) 4px calc(6px + var(--native-safe-left))!important;border-bottom:0;background:transparent!important;pointer-events:none;z-index:220}.app.native-app .topbar.game-started .brand,.app.native-app .topbar.game-started .top-status{display:none!important}.app.native-app .topbar.game-started .scoreboard{display:flex!important;width:100%;max-width:100%;min-width:0;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0f172a57;box-shadow:0 8px 24px #0f172a29;padding:4px!important;pointer-events:auto;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.app.native-app .topbar.game-started .scoreboard::-webkit-scrollbar{display:none}.app.native-app .topbar.game-started .score-pill{display:inline-flex!important;flex:0 0 auto;align-items:center;gap:5px;width:auto;min-width:92px!important;max-width:min(43vw,168px);height:27px!important;min-height:27px!important;padding:0 8px!important;overflow:hidden;border-radius:999px;border-color:#ffffff6b;background:#f8fbffb8;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app.native-app .topbar.game-started .score-pill.is-own-player{border-color:#14b8a6cc;background:linear-gradient(135deg,#14b8a6e0,#2563ebc2);color:#fff;box-shadow:0 0 0 1px #ffffff2e,0 6px 18px #14b8a642}.app.native-app .topbar.game-started .score-rank{position:static;flex:0 0 auto;min-width:14px;height:18px;color:#0f1b35;font-size:.68rem}.app.native-app .topbar.game-started .score-pill.is-own-player .score-rank,.app.native-app .topbar.game-started .score-pill.is-own-player .score-name,.app.native-app .topbar.game-started .score-pill.is-own-player strong{color:#fff}.app.native-app .topbar.game-started .score-name{flex:1 1 auto;min-width:0;max-width:min(23vw,82px)!important;font-size:.68rem}.app.native-app .topbar.game-started .score-name em{display:none}.app.native-app .topbar.game-started .score-name .score-you-label{display:inline-flex;background:#ffffff38;color:#fff}.app.native-app .topbar.game-started .score-pill strong{flex:0 0 auto;color:#475569;font-size:.62rem;line-height:1;white-space:nowrap}.app.native-app .topbar.game-started .score-pill.is-own-player strong{color:#fff}.app.native-app .game-layout,.app.native-app .topbar.game-started~.game-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) var(--native-panel-h)!important;gap:0!important;width:100%;max-width:none;height:100%!important;min-height:0;margin:0;padding:0!important;overflow:hidden!important}.app.native-app.is-game-started .game-layout{grid-row:1}.app.native-app .map-column{position:relative;display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;gap:0;overflow:hidden}.app.native-app .map-shell{width:100%;height:100%;min-height:0;border:0;border-radius:0;background:#111820;box-shadow:none}.app.native-app .map-controls{top:calc(var(--native-scorebar-offset) + 8px)!important;left:calc(8px + var(--native-safe-left))!important;padding:4px!important;border-radius:9px!important;background:#f8fbffeb}.app.native-app .selection-timer-pop{top:calc(var(--native-scorebar-offset) + 8px)!important;width:min(264px,calc(100% - 88px));min-width:0;max-width:calc(100% - 88px);border-radius:10px;box-shadow:0 8px 22px #0f1b3524}.app.native-app .selection-timer-main{min-height:34px;gap:7px;padding:7px 9px 6px}.app.native-app .selection-timer-main span{overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.app.native-app .selection-timer-main strong{min-width:34px;font-size:1rem}.app.native-app .selection-timer-pop p{display:none}.app.native-app .control-panel{height:var(--native-panel-h)!important;max-height:var(--native-panel-h)!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;border:0;border-top:1px solid rgba(217,227,239,.76);border-radius:0;background:#fffffffa;box-shadow:0 -8px 18px #0f1b3517;gap:6px!important;padding:8px calc(10px + var(--native-safe-right)) calc(8px + var(--native-safe-bottom)) calc(10px + var(--native-safe-left))!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app.native-app .control-panel::-webkit-scrollbar{display:none}.app.native-app .country-info-block,.app.native-app .panel-list-section,.app.native-app .turn-flow-panel{min-width:0;min-height:0}.app.native-app .country-info-block{flex:0 0 auto;gap:5px!important;padding-bottom:4px!important}.app.native-app .target-panel-head-mobile{min-height:29px;padding:0 0 5px!important}.app.native-app .mobile-target-info{min-width:0}.app.native-app .mobile-target-name{display:block;min-width:0;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.native-app .panel-list-section,.app.native-app .turn-flow-panel{flex:1 1 auto;overflow:hidden}.app.native-app .country-list,.app.native-app .lobby-list,.app.native-app .turn-flow-list{min-height:0;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app.native-app .country-list::-webkit-scrollbar,.app.native-app .lobby-list::-webkit-scrollbar,.app.native-app .turn-flow-list::-webkit-scrollbar{display:none}.app.native-app .country-list{max-height:min(23dvh,168px);margin-top:8px;gap:6px}.app.native-app .lobby-list{max-height:min(16dvh,116px)}.app.native-app .turn-flow-list{max-height:none!important}.app.native-app .room-code-panel,.app.native-app .lobby-panel,.app.native-app .private-room-section,.app.native-app .start-guide-panel{box-shadow:none}.app.native-app .map-lobby-overlay{padding:10px calc(10px + var(--native-safe-right)) 10px calc(10px + var(--native-safe-left))}.app.native-app .map-lobby-popup{width:min(310px,100%);padding:14px 12px;border-radius:12px}.app.native-app .map-lobby-popup-body .lobby-count{font-size:1.85rem}.app.native-app .question-modal-backdrop,.app.native-app .result-modal-backdrop,.app.native-app .status-modal-backdrop,.app.native-app .final-modal-backdrop,.app.native-app .quickplay-start-backdrop{padding:calc(10px + var(--native-safe-top)) calc(10px + var(--native-safe-right)) calc(10px + var(--native-safe-bottom)) calc(10px + var(--native-safe-left))}.app.native-app .question-modal,.app.native-app .result-modal,.app.native-app .status-modal,.app.native-app .final-modal,.app.native-app .quickplay-start-modal,.app.native-app .how-to-play-modal{max-height:calc(100dvh - var(--native-safe-top) - var(--native-safe-bottom) - 20px)}}@media (max-width: 560px) and (max-height: 480px){.app.native-app{--native-scorebar-offset: calc(var(--native-safe-top) + 40px);--native-panel-h: clamp(116px, 32dvh, 156px)}.app.native-app.is-game-not-started{--native-panel-h: clamp(152px, 42dvh, 204px)}.app.native-app .topbar.game-started .score-pill{height:24px!important;min-height:24px!important}.app.native-app .selection-timer-pop{top:calc(var(--native-scorebar-offset) + 6px)!important;width:min(228px,calc(100% - 82px))}.app.native-app .selection-timer-main{min-height:30px;padding:5px 8px}.app.native-app .map-lobby-popup{transform:scale(.92)}}