@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Alegreya+Sans:ital,wght@0,400;0,500;0,700;0,800;1,400&display=swap";:root{--bg:#2a150e;--bg-glow:#4a2a16;--panel:#f7ecd7;--panel-deep:#f2e4c8;--panel-dark:#33190d;--line:#8a6a48;--line-soft:#c9b28c;--ink:#3b2416;--ink-soft:#8a6a48;--cream:#f6ead2;--green:#e8a33d;--gold-bright:#ffb52e;--danger:#b3401f;--frame-color:#c9a15a;--display:"Cinzel",serif;--body:"Alegreya Sans",sans-serif;--mono:"Alegreya Sans",sans-serif;font-family:var(--body);color:var(--cream);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(ellipse 90% 55% at 50% -8%,var(--bg-glow),transparent 62%), radial-gradient(ellipse 120% 80% at 50% 115%,#1c0c06,transparent 60%), linear-gradient(180deg,#331b10,#251108);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(75% 65% at 50% 45%,#0000 55%,#0c04018c 100%);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}#root{z-index:1;position:relative}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:linear-gradient(#3b2012,#2a1409);border-bottom:1px solid #0006;align-items:center;gap:24px;height:70px;padding:0 max(50vw - 610px,32px);display:flex;box-shadow:0 1px #c9a15a22,0 8px 24px #00000042}.brand{font-family:var(--display);letter-spacing:.02em;white-space:nowrap;color:var(--cream);align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.brand-mark{border:1px solid var(--frame-color);width:32px;height:32px;color:var(--gold-bright);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 14px #ffb52e2e,inset 0 0 8px #ffb52e22}.brand-light{color:var(--gold-bright);font-weight:500}.top-stats{align-items:center;gap:10px;margin-left:auto;display:flex}.stat-chip{font-family:var(--body);color:var(--cream);background:linear-gradient(#3b2012,#2b150a);border:1px solid #7a5c42;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.stat-chip small{color:#c9a15a;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.stat-chip svg{color:var(--gold-bright)}.icon-button{width:36px;height:36px;color:var(--cream);cursor:pointer;background:linear-gradient(#3b2012,#2b150a);border:1px solid #7a5c42;border-radius:50%;place-items:center;display:grid}.ghost-button{color:var(--cream);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body);background:linear-gradient(#3b2012,#2b150a);border:1px solid #9a7748;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.ghost-button:hover{border-color:var(--gold-bright);color:var(--gold-bright);transform:translateY(-1px)}.button{color:#43200a;cursor:pointer;font-size:13px;font-weight:800;font-family:var(--body);background:linear-gradient(#ffcf67,#f59a1c);border:1px solid #c07f16;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;transition:filter .2s,transform .2s;display:inline-flex;box-shadow:0 2px 16px #f5a01f44,inset 0 1px #fff8}.button:hover{filter:brightness(1.07);transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.button-small{padding:9px 14px;font-size:11px}.main-content{z-index:1;flex:1;width:min(1120px,100% - 64px);margin:0 auto;position:relative}.hero-line{justify-content:space-between;align-items:flex-end;gap:24px;padding:38px 0 26px;display:flex}.game-hero{padding:22px 0 16px}.eyebrow,.micro-label,.card-overline,.question-foot,.map-legend,.map-coordinates,.result-good,.result-learn,.chip,.mode-tag,.mode-streak,.target-owner,.defend-note,.rank-cell small,.rank-cell span,.cat-bar small,.history-row,.shop-state,.player-name small,.player-score small,.player-place{font-family:var(--body);letter-spacing:.08em;font-weight:700}.eyebrow{color:#d8b072;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;display:flex}.eyebrow-line{background:linear-gradient(90deg,var(--gold-bright),transparent);width:26px;height:1px;display:block}h1{font-family:var(--display);font-weight:700;font-size:clamp(36px,4.6vw,56px)/1.12;letter-spacing:.01em;color:#f6e8cd;text-shadow:0 2px 18px #0006;margin:14px 0 6px;line-height:1.12}.game-title{font-size:clamp(24px,3vw,34px)}h1 span{color:var(--gold-bright)}.hero-copy{color:#cbb08c;margin:0;font-size:14px}.page-heading{align-items:center;gap:14px;padding:26px 0 16px;display:flex}.page-heading h2{font-family:var(--display);letter-spacing:.01em;color:#f6e8cd;flex:1;margin:0;font-size:28px;font-weight:600}.rank-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.rank-cell{background:linear-gradient(#3b2012,#291309);border:1px solid #6a4a2c;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff10,0 6px 18px #00000042}.rank-cell small{color:#c9a15a;letter-spacing:.14em;text-transform:uppercase;font-size:9px}.rank-cell strong{font-family:var(--display);color:#f6e8cd;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.rank-cell span{color:#b08c60;font-size:10px}.mode-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.mode-card{text-align:left;color:#ead9bd;cursor:pointer;font-family:var(--body);background:linear-gradient(165deg,#3d2212,#28120a);border:1px solid #6a4a2c;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px 16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0e,0 6px 18px #00000038}.mode-card:hover{border-color:var(--gold-bright);transform:translateY(-2px);box-shadow:0 10px 26px #00000052,inset 0 1px #ffffff0e}.mode-card:disabled{opacity:.55;cursor:not-allowed;transform:none}.mode-tag{letter-spacing:.16em;color:#ffd88a;text-transform:uppercase;background:#1e0d05;border:1px solid #8a6a30;border-radius:999px;padding:4px 9px;font-size:9px}.mode-card h3{font-family:var(--display);color:#f6e8cd;margin:0;font-size:19px;font-weight:600}.mode-card p{color:#c4a67e;margin:0;font-size:11.5px;line-height:1.6}.mode-streak{color:#c9a15a;font-size:9px;position:absolute;bottom:12px;right:14px}.setup-card{background:linear-gradient(165deg,#3d2212,#28120a);border:1px solid #6a4a2c;border-radius:14px;margin-bottom:18px;padding:18px;box-shadow:inset 0 1px #ffffff0e}.setup-card h3{font-family:var(--display);color:#f6e8cd;margin:0 0 12px;font-size:18px;font-weight:600}.setup-row{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#d8c4a4;cursor:pointer;background:#241109;border:1px solid #6a4a2c;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:11px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.chip-on{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 10px #ffb52e2a}.chip i{background:var(--player-color,#ccc);width:7px;height:7px;box-shadow:0 0 6px var(--player-color,#ccc);border-radius:50%}.menu-links{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.menu-links button{color:#e3cfa9;font:700 12px var(--body);letter-spacing:.04em;cursor:pointer;background:linear-gradient(#3b2012,#2b150a);border:1px solid #6a4a2c;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.menu-links button:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.play-layout{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:start;gap:30px;display:grid}.main-content.game-screen{width:min(1520px,100% - 48px)}.game-screen .play-layout{grid-template-columns:minmax(0,1.3fr) minmax(400px,1fr);gap:32px}.progress-rail{align-items:center;gap:11px;padding-bottom:6px;display:flex}.progress-dots{gap:4px;display:flex}.progress-dot{background:#54371f;border-radius:2px;width:14px;height:4px;display:block}.progress-dot.is-active{background:linear-gradient(90deg,#ffcf67,#f59a1c);box-shadow:0 0 8px #f5a01f66}.progress-round{font:700 11px var(--body);color:#ead9bd;font-variant-numeric:tabular-nums}.progress-round span{color:#a08050}.map-wrap{isolation:isolate;background:radial-gradient(80% 70% at 50% 40%,#4a2c18,#2a1409 75%);border:1px solid #7a5c42;border-radius:14px;width:auto;max-width:100%;height:clamp(430px,100vh - 250px,860px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #0006,0 8px 26px #00000042}.map-wrap:before{content:"";opacity:.1;background-image:radial-gradient(#e8d0a0 .8px,#0000 .8px);background-size:17px 17px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#0000,#000 30% 80%,#0000);mask-image:linear-gradient(120deg,#0000,#000 30% 80%,#0000)}.map-svg{width:100%;height:100%;position:absolute;inset:0}.graticule{fill:none;stroke:#3a4a3c;stroke-width:.6px;opacity:.5;pointer-events:none}.land-bg{fill:#232f22;stroke:#0e1610;stroke-width:.5px;pointer-events:none}.land-base{fill:#e9dab4;stroke:#8a6a48;stroke-width:.7px}.region{fill:color-mix(in srgb,var(--owner) 18%,#eadcb8);stroke:#7a5c42;stroke-width:.45px;cursor:default;transition:fill .35s}.region-owned{fill:color-mix(in srgb,var(--owner) 72%,#f2e6c8)}.region-you{fill:color-mix(in srgb,var(--owner) 82%,#f2e6c8)}.region-targetable{cursor:pointer;stroke:var(--gold-bright);stroke-width:.9px;animation:1.4s infinite regionPulse}.region-targetable:hover{fill:color-mix(in srgb,var(--owner) 48%,#f5ead0)}@keyframes regionPulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.25}}.region-flash{animation:.9s flashCapture}@keyframes flashCapture{0%{fill:#fff6dd}to{}}.region-selected{stroke:#fff3d0;stroke-width:2.4px;filter:drop-shadow(0 0 6px #ffb52e88)}.selection-arrow path:first-child{fill:#ffb52e;stroke:#4a2c10;stroke-width:1.6px;paint-order:stroke fill;animation:1s ease-in-out infinite arrowBob}.selection-arrow-stem{stroke:#4a2c10;stroke-width:2.4px;animation:1s ease-in-out infinite arrowBob}@keyframes arrowBob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.turn-banner{color:#ffd98f;font-family:var(--display);letter-spacing:.4px;text-align:center;background:linear-gradient(#3d2212,#251108);border:1px solid #8a6a30;border-radius:9px;margin:2px 0 12px;padding:9px 16px;font-size:15px;box-shadow:0 4px 14px #0006}.question-foot-actions{align-items:center;gap:12px;display:flex}.target-selected{background:linear-gradient(#fff6dd,#f3e2b8);border-color:#ffb52e;box-shadow:0 0 0 2px #ffb52e55,0 6px 16px #a86a1e33}.region-label{font-family:var(--body);letter-spacing:.2px;fill:#33200f;text-transform:uppercase;pointer-events:none;paint-order:stroke fill;stroke:#f4e7c8;stroke-width:2.6px;stroke-linejoin:round;font-size:13px;font-weight:700}.region-label-hot{fill:#8a2f10}.capital-mark{fill:#ffd54f;stroke:#4a2c10;stroke-width:2.6px;paint-order:stroke fill;pointer-events:none;font-size:24px}.tower-pips{fill:#ffe08a;stroke:#4a2c10;stroke-width:2px;paint-order:stroke fill;letter-spacing:2px;pointer-events:none;font-size:14px}.map-legend{color:#e3cfa9;z-index:3;text-transform:uppercase;gap:13px;font-size:9px;display:flex;position:absolute;bottom:12px;left:14px}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i{border:1px solid #00000030;border-radius:50%;width:7px;height:7px;display:block}.legend-you{background:#d0443e}.legend-open{background:#eadcb8}.legend-other{background:#3f7ac1}.legend-target{border:1px dashed var(--gold-bright);background:0 0}.map-coordinates{color:#c9a15a;z-index:3;font-size:8px;position:absolute;bottom:12px;right:12px}.war-log{border-top:1px solid #6a4a2c;margin-top:14px;padding-top:12px}.war-log .micro-label{color:#c9a15a;text-transform:uppercase;font-size:9px}.war-log ul{flex-direction:column;gap:6px;max-height:130px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.war-log li{color:#d8c4a4;border-left:2px solid #6a4a2c;padding-left:12px;font-size:12px;line-height:1.55}.war-log li:last-child{color:#f6e8cd;border-left-color:var(--gold-bright)}.question-card{color:var(--ink);background:linear-gradient(170deg,#fbf3e0,#f1e2c4);border:1px solid #8a6a48;border-radius:16px;flex-direction:column;padding:22px 22px 18px;display:flex;box-shadow:inset 0 0 0 1px #fffdf5,0 12px 30px #0000004d}.card-overline{color:#8a6a48;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}.card-overline>span:first-child{align-items:center;gap:7px;display:flex}.card-overline svg{color:#a86a1e}.question-category{color:#7a4c10;background:#f8edd2;border:1px solid #d9bf90;border-radius:999px;padding:5px 9px;font-size:8.5px}.panel-title{font-family:var(--display);font-weight:700;font-size:24px/1.3;color:#3b2416;margin:16px 0 6px;line-height:1.3}.panel-copy{color:#7a5c42;margin:0 0 14px;font-size:12.5px;line-height:1.65}.defend-note{font-style:italic;font-family:var(--display);color:#a04b1e;margin:12px 0 0;font-size:14px}.target-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.target-choice{color:#3b2416;text-align:left;cursor:pointer;background:linear-gradient(#f6ead0,#efe0c0);border:1px solid #c9b28c;border-radius:11px;flex-direction:column;align-items:flex-start;gap:4px;min-height:60px;padding:11px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.target-choice:hover{border-color:#a86a1e;transform:translateY(-1px);box-shadow:0 4px 14px #a86a1e2e}.target-name{font-family:var(--display);font-size:14px;font-weight:600}.target-owner{color:#8a6a48;font-size:9.5px}.target-choice>svg{color:#a08454;align-self:flex-end;margin-top:-14px;margin-left:auto}.question-foot{color:#a08454;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:9.5px;display:flex}.question-foot>span:first-child{align-items:center;gap:6px;display:flex}.skip-link{color:#7a5c42;font:700 10px var(--body);letter-spacing:.08em;cursor:pointer;background:#f6ead0;border:1px solid #c9b28c;border-radius:999px;padding:7px 11px}.skip-link:hover{color:#a04b1e;border-color:#a04b1e}.timer-row{align-items:center;gap:12px;margin-top:14px;display:flex}.timer-ring{width:54px;height:54px;transform:rotate(-90deg)}.timer-track{fill:none;stroke:#d9c49c;stroke-width:4.5px}.timer-fill{fill:none;stroke:#b3541e;stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:163.4;transition:stroke-dashoffset .12s linear}.timer-urgent .timer-fill{stroke:#8a2f10}.timer-value{font:800 17px var(--body);color:#6a4a2c;font-variant-numeric:tabular-nums}.timer-urgent-text{color:#8a2f10}.question-text{font-family:var(--display);font-weight:600;font-size:21px/1.42;color:#33200f;max-width:460px;margin:14px 0 16px;line-height:1.42}.answer-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.answer-choice{color:#3b2416;text-align:left;cursor:pointer;background:linear-gradient(#f6ead0,#efe0c0);border:1px solid #c9b28c;border-radius:11px;align-items:center;gap:10px;min-height:48px;padding:9px 12px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.answer-choice:hover{border-color:#a86a1e;transform:translateY(-1px);box-shadow:0 4px 14px #a86a1e2e}.answer-letter{color:#a86a1e;height:24px;font:700 11px var(--body);border:1px solid #c9a15a;border-radius:50%;flex:0 0 24px;place-items:center;display:grid}.answer-arrow{color:#a08454;opacity:0;margin-left:auto;transition:opacity .15s}.answer-choice:hover .answer-arrow{opacity:1}.numeric-row{gap:9px;margin-bottom:12px;display:flex}.numeric-input{color:#3b2416;font:700 16px var(--body);font-variant-numeric:tabular-nums;background:#fbf3e0;border:1px solid #c9b28c;border-radius:11px;outline:none;flex:1;min-width:0;padding:13px}.numeric-input:focus{border-color:#a86a1e;box-shadow:0 0 0 3px #e8a33d33}.explain-box{background:#f8edd2;border:1px solid #d9c49c;border-radius:11px;flex-direction:column;gap:5px;margin-bottom:13px;padding:13px;display:flex}.explain-box small{font:700 9px var(--body);letter-spacing:.12em;color:#a08454;text-transform:uppercase}.explain-box strong{font-family:var(--display);color:#33200f;font-size:16px;font-weight:700}.explain-box span{color:#7a5c42;font-size:11.5px;line-height:1.6}.result-cta{width:100%;margin-bottom:9px}.result-good{color:#8a5a10;font-size:9.5px}.result-learn{color:#a04b1e;font-size:9.5px}.standings-list{flex-direction:column;margin:4px 0 14px;display:flex}.standings-row{border-bottom:1px solid #d9c49c;align-items:center;gap:10px;min-height:48px;padding:7px 4px;display:flex}.standings-row:last-child{border-bottom:0}.player-self{background:linear-gradient(90deg,#e8a33d22,#0000 80%);border-radius:8px}.player-place{color:#a08454;width:15px;font-size:10px;font-family:var(--body);font-weight:800}.player-avatar{--frame-color:#c9a15a;border:1.5px solid var(--frame-color);color:#6a4a2c;width:32px;height:32px;font:700 13px var(--body);background:radial-gradient(circle at 35% 30%,#fff8,#e9dab4);border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #00000026}.standings-name{color:#3b2416;flex:1;font-size:13px;font-weight:700}.standings-name small{font:700 8.5px var(--body);color:#a08454;letter-spacing:.08em;margin-top:3px;display:block}.player-score{font:800 15px var(--body);color:#6a4a2c;text-align:right;font-variant-numeric:tabular-nums}.player-score small{color:#a08454;margin-top:2px;font-size:8px;display:block}.expeditions{margin-top:15px}.expeditions .micro-label{color:#c9a15a;text-transform:uppercase;font-size:9px}.standings-inline{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.chip{color:#e3cfa9;background:#241109;border:1px solid #6a4a2c;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;display:inline-flex}.pill{font:800 11px var(--body);border:1px solid #6a4a2c;border-radius:999px;padding:8px 13px}.pill-good{color:#ffd88a;background:#241109;border-color:#8a6a30}.pill-bad{color:#f3b98f;background:#241109;border-color:#6a4a2c}.cat-bars{flex-direction:column;gap:10px;display:flex}.cat-bar{color:#e3cfa9;grid-template-columns:90px 1fr 60px;align-items:center;gap:10px;font-size:11px;font-weight:700;display:grid}.cat-bar span{letter-spacing:.04em}.cat-bar small{color:#b08c60;text-align:right;font-variant-numeric:tabular-nums}.cat-track{background:#241109;border:1px solid #6a4a2c;border-radius:4px;height:8px;overflow:hidden}.cat-fill{background:linear-gradient(90deg,#c9861f,var(--gold-bright));height:100%}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.badge-card{opacity:.45;background:#241109;border:1px solid #6a4a2c;border-radius:12px;flex-direction:column;gap:5px;padding:13px;display:flex}.badge-card strong{font-family:var(--display);color:#e3cfa9;font-size:14px;font-weight:600}.badge-card span{color:#b08c60;font-size:10.5px}.badge-earned{opacity:1;border-color:var(--gold-bright);box-shadow:0 0 14px #ffb52e22}.badge-earned strong{color:var(--gold-bright)}.history-list{flex-direction:column;display:flex}.history-row{color:#d8c4a4;font-variant-numeric:tabular-nums;border-bottom:1px solid #4a2c1c;grid-template-columns:52px 84px 1fr 60px;align-items:center;gap:10px;min-height:42px;font-size:11px;display:grid}.history-row:last-child{border-bottom:0}.history-result{text-align:center;border:1px solid #6a4a2c;border-radius:999px;padding:5px 0;font-size:9px}.history-result.victory{color:#ffd88a;border-color:#8a6a30}.history-result.defeat{color:#f3b98f;border-color:#6a4a2c}.delta-up{color:#ffd88a;text-align:right}.delta-down{color:#f3b98f;text-align:right}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.shop-card{background:linear-gradient(170deg,#3d2212,#28120a);border:1px solid #6a4a2c;border-radius:12px;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;display:flex}.shop-card strong{font-family:var(--display);color:#f6e8cd;font-size:14px;font-weight:600}.shop-card small{color:#b08c60;min-height:22px;font-size:10px}.shop-emoji{filter:drop-shadow(0 2px 6px #0006);font-size:28px;line-height:1}.shop-swatch{border:1px solid #6a4a2c;border-radius:8px;width:100%;height:36px}.shop-equipped{border-color:var(--gold-bright)}.shop-state{font:700 9px var(--body);color:var(--gold-bright);letter-spacing:.12em}.modal-backdrop{z-index:20;background:#120602cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(500px,100%);color:var(--ink);background:linear-gradient(170deg,#fbf3e0,#f1e2c4);border:1px solid #8a6a48;border-radius:16px;padding:24px;box-shadow:0 24px 60px #00000080}.modal h2{color:#3b2416}.how-list{color:#5a4228;flex-direction:column;gap:11px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:flex}.footer{color:#a08050;letter-spacing:.1em;width:min(1120px,100% - 64px);font-size:10px;font-family:var(--body);text-transform:uppercase;justify-content:space-between;margin:28px auto 0;padding:16px 0 22px;font-weight:700;display:flex}.footer-dot{color:var(--gold-bright);padding:0 6px}.stat-chip-button{cursor:pointer}.copy-box{background:#f8edd2;border:1px solid #c9b28c;border-radius:10px;margin-bottom:9px;padding:10px 12px}.copy-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.copy-head small{font:700 9px var(--body);letter-spacing:.12em;color:#a08454;text-transform:uppercase}.copy-box code{color:#5a3a1c;word-break:break-all;-webkit-user-select:all;user-select:all;font:12px ui-monospace,monospace;display:block}.sig-image{border-radius:12px;width:460px;max-width:100%;margin:6px 0 12px;display:block;box-shadow:0 10px 26px #00000045}.sig-link{color:#ffd88a;word-break:break-all}.board-row{cursor:pointer;text-align:left;font-family:var(--body);background:0 0;border-bottom:1px solid #4a2c1c;grid-template-columns:44px 1fr 110px 100px 80px}.board-row:hover{background:#ffffff08}.board-handle{color:#f6e8cd;font-weight:800}.phase-label{font:700 9px var(--body);letter-spacing:.14em;color:#c9a15a;text-transform:uppercase}.price-tag{font-family:var(--body);fill:#fffaf0;stroke:#43200a;stroke-width:3.4px;paint-order:stroke fill;pointer-events:none;font-size:16px;font-weight:800}.price-tag.price-high{fill:#ffd9d9}.deal-note{font-style:italic;font-family:var(--display);color:#8a5a10;margin:10px 0 0;font-size:13px}.vote-row{align-items:center;gap:8px;margin-top:12px;display:flex}.vote-row .micro-label{color:#a08454;font-size:8px}.vote-button{color:#8a6a48;cursor:pointer;background:#f6ead0;border:1px solid #c9b28c;border-radius:50%;place-items:center;width:30px;height:30px;transition:color .15s,border-color .15s;display:grid}.vote-button:hover{color:#a86a1e;border-color:#a86a1e}.vote-on{color:#5a8a2e;border-color:#5a8a2e}.vote-down{color:#a04b1e;border-color:#a04b1e}.target-price{font:800 13px var(--body);color:#8a5a10;font-variant-numeric:tabular-nums;margin-left:auto}.target-price.price-high{color:#b3401f}.panel-anim{animation:.28s ease-out riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.button:active{filter:brightness(.98);transform:translateY(0)scale(.96)}.ghost-button:active,.mode-card:active,.answer-choice:active,.target-choice:active,.chip:active{transform:scale(.97)}.numeric-input{transition:border-color .15s,box-shadow .15s}.turn-banner{animation:.32s ease-out bannerIn}@keyframes bannerIn{0%{opacity:0;transform:translateY(-6px);box-shadow:0 0 #ffb52e00}55%{box-shadow:0 4px 22px #ffb52e44}to{opacity:1;transform:none;box-shadow:0 4px 14px #0006}}.conquest-ripple circle{fill:none;stroke:var(--gold-bright);stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.05s ease-out forwards rippleOut}.conquest-ripple .ripple-2{stroke-width:2px;animation-delay:.18s}@keyframes rippleOut{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(2.3)}}.region-contested{stroke:#c33;stroke-width:1.6px;animation:.8s ease-in-out infinite contestedPulse}@keyframes contestedPulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.2}}.progress-dot.is-active{animation:.3s ease-out dotPop}@keyframes dotPop{0%{opacity:.3;transform:scaleY(.2)}to{opacity:1;transform:none}}.row-in{opacity:0;animation:.32s ease-out forwards rowIn;animation-delay:calc(var(--i,0)*70ms)}@keyframes rowIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.target-choice{opacity:0;animation:.28s ease-out forwards rowIn;animation-delay:calc(var(--i,0)*45ms)}.chip-pop{animation:.38s cubic-bezier(.2,1.5,.4,1) chipPop}@keyframes chipPop{0%{transform:scale(1)}45%{border-color:var(--gold-bright);transform:scale(1.16);box-shadow:0 0 12px #ffb52e66}to{transform:scale(1)}}.timer-urgent .timer-fill{animation:.55s ease-in-out infinite urgentStroke}@keyframes urgentStroke{0%,to{stroke-width:4.5px}50%{stroke-width:7px}}.timer-urgent-text{animation:.55s ease-in-out infinite urgentBlink}@keyframes urgentBlink{0%,to{opacity:1}50%{opacity:.45}}.capital-mark{animation:2.6s ease-in-out infinite crownGlow}@keyframes crownGlow{0%,to{filter:drop-shadow(0 0 1px #ffd54f22)}50%{filter:drop-shadow(0 0 7px #ffd54fdd)}}.price-tag{animation:.3s ease-out fadeRise}@keyframes fadeRise{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.question-text{animation:.26s ease-out fadeRise}.duel-shake{animation:.28s ease-out riseIn,.45s ease-out 80ms duelShake}@keyframes duelShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.modal-backdrop{animation:.2s ease-out backdropIn}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal.panel-anim{animation:.3s cubic-bezier(.2,1.35,.4,1) modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:none}}.vote-on,.vote-down{animation:.28s cubic-bezier(.2,1.6,.4,1) votePop}@keyframes votePop{0%{transform:scale(.6)}to{transform:scale(1)}}.war-log li:last-child{animation:.3s ease-out logIn}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.crown-win{animation:.7s cubic-bezier(.2,1.5,.4,1) .15s backwards crownWin;display:inline-block}@keyframes crownWin{0%{opacity:0;transform:scale(.3)rotate(-14deg)}60%{opacity:1;transform:scale(1.25)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.main-content.game-screen{width:calc(100% - 40px)}.game-screen .play-layout{grid-template-columns:1fr;gap:22px}.map-wrap{width:100%;max-width:100%;height:auto;margin-inline:0}}@media (width<=860px){.rank-strip{grid-template-columns:repeat(2,1fr)}.mode-grid{grid-template-columns:1fr 1fr}.play-layout{grid-template-columns:1fr;gap:22px}.main-content{width:calc(100% - 44px)}.topbar{padding:0 20px}.footer{width:calc(100% - 44px)}.hero-line{flex-direction:column;align-items:flex-start;gap:12px;padding:26px 0 18px}}@media (width<=650px){.top-stats{gap:6px}.top-stats span.stat-chip{padding:6px 8px;font-size:9px}.top-stats span.stat-chip:nth-of-type(n+2),.top-stats span.stat-chip small{display:none}.stat-chip-button{text-overflow:ellipsis;white-space:nowrap;max-width:104px;overflow:hidden}.region-label{display:none}.region-label-capital{font-size:30px;display:block}.price-tag{font-size:30px}.capital-mark{font-size:40px}.tower-pips{font-size:24px}.topbar{height:84px;padding:0 16px}.brand{font-size:18px}.brand-logo{width:60px;height:auto}.stat-chip{padding:6px 9px;font-size:10px}.main-content{width:calc(100% - 32px)}.hero-line{padding:22px 0 16px}h1{font-size:36px}.mode-grid{grid-template-columns:1fr}.map-wrap{width:100%;height:auto;min-height:0}.question-card{padding:18px 16px 16px}.question-text{font-size:19px}.answer-grid,.target-grid{grid-template-columns:1fr}.cat-bar{grid-template-columns:74px 1fr 50px}.history-row{grid-template-columns:44px 66px 1fr 52px;font-size:9.5px}.footer{width:calc(100% - 32px);font-size:9px}.rank-strip{gap:9px}.setup-card{padding:15px}.numeric-input{font-size:15px}}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 7px #ffb52e44);width:180px;height:auto}.brand-wordmark{font-family:var(--display)}.tutorial-card{text-align:center;border-color:#c9a15a;max-width:560px;box-shadow:0 18px 70px #0008}.tutorial-logo{object-fit:contain;width:100px;height:100px;margin:0 auto 8px}.tutorial-card h2{font-family:var(--display);color:#3b2416}.tutorial-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.tutorial-steps div{background:#fbf3e0;border:1px solid #9a7748;border-radius:12px;gap:7px;padding:14px;display:grid}.tutorial-steps b{color:#5a3a1a;font-family:var(--display)}.tutorial-steps span{color:#3b2416;font-size:12px;line-height:1.4}.share-card{background:linear-gradient(135deg,#4b2912,#2c160b);border-color:#b98d43;grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.share-logo{object-fit:contain;grid-row:span 2;width:62px;height:62px}.share-card h3{color:#f6e8cd;font-family:var(--display);margin:4px 0}.share-card p{color:#d8c4a4;margin:0}.share-stats{color:#d8c4a4;flex-wrap:wrap;grid-column:1/-1;gap:18px;font-size:12px;display:flex}.share-stats b{color:var(--gold-bright);font-family:var(--display);margin-right:5px;font-size:20px}.share-card code{color:#c9b28c;overflow-wrap:anywhere;font-size:10px}.recap-list{gap:8px;display:grid}.recap-row{background:#291309;border:1px solid #6a4a2c;border-radius:10px;grid-template-columns:30px 1fr;gap:10px;padding:12px;display:grid}.recap-mark{font-size:22px;font-weight:800}.recap-right .recap-mark{color:#9bd27c}.recap-wrong .recap-mark{color:#df8065}.recap-row div{gap:4px;display:grid}.recap-row b{color:#f6e8cd}.recap-row small,.recap-row span{color:#c4a67e;font-size:11px}.reaction-palette{align-items:center;gap:6px;margin:0 0 12px;display:flex}.reaction-palette button{cursor:pointer;background:#32190c;border:1px solid #6a4a2c;border-radius:10px;width:40px;height:36px;font-size:18px}.reaction-palette button:hover{border-color:var(--gold-bright);transform:translateY(-1px)}.shop-lock{color:#df9a73;font-size:10px;line-height:1.3}@media (width<=760px){.topbar{align-items:flex-start;gap:10px;height:auto;min-height:70px;padding:10px 14px}.brand-logo{width:60px;height:auto}.brand-wordmark{font-size:17px}.top-stats{flex-wrap:wrap;justify-content:flex-end;gap:5px}.stat-chip{padding:7px 8px;font-size:10px}.stat-chip small{display:none}.main-content{width:min(100% - 24px,1120px)}.play-layout{grid-template-columns:1fr!important}.world-column{order:1}.play-column{order:2}.map-wrap{width:100%;min-height:300px}.map-svg{max-height:52vh}.rank-strip,.mode-grid{grid-template-columns:repeat(2,1fr)}.question-card{padding:16px}.question-text{font-size:21px;line-height:1.25}.answer-grid{grid-template-columns:1fr!important}.answer-choice,.target-choice,.button,.ghost-button{min-height:46px}.tutorial-steps{grid-template-columns:1fr}.share-card{grid-template-columns:auto 1fr}.share-card .button,.share-card code{grid-column:1/-1;width:100%}.page-heading h2{font-size:23px}}@media (width<=420px){.brand-wordmark{display:none}.top-stats .icon-button{width:34px;height:34px}.mode-grid{grid-template-columns:1fr}.hero-line{padding-top:24px}.game-title{font-size:23px}.question-foot{flex-direction:column;align-items:stretch}.question-foot-actions{flex-wrap:wrap}.timer-row{justify-content:center}.target-grid{grid-template-columns:1fr!important}.reaction-palette{overflow-x:auto}}.room-badge{font:700 9px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#ffd88a;background:#1e0d05;border:1px solid #8a6a30;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.room-badge svg{color:var(--gold-bright)}.room-badge-private{border-color:var(--gold-bright);box-shadow:0 0 12px #ffb52e2a}.room-badge-open{color:#c4a67e;border-color:#6a4a2c}.room-badge-open svg{color:#c4a67e}.room-head{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:10px;display:flex}.room-code{font-family:var(--display);letter-spacing:.14em;color:#f6e8cd;font-size:15px;font-weight:700}.room-host-tag{font:700 9px var(--body);letter-spacing:.14em;color:#ffd88a;background:#241109;border:1px solid #8a6a30;border-radius:999px;padding:5px 9px}.room-rejoined{font:700 9px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#c6e08a;background:#1b220c;border:1px solid #7f9a4a;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.room-card{border-color:#b98d43;box-shadow:inset 0 1px #ffffff10,0 8px 22px #00000042}.room-strip{flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 10px;display:flex}.copy-chip{font:700 9px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#ffd88a;cursor:pointer;background:linear-gradient(#3b2012,#2b150a);border:1px solid #9a7748;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;display:inline-flex}.copy-chip:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.link-chip{font:700 9px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#c6e08a;background:#241109;border:1px solid #6a4a2c;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.link-chip-down{color:#f3b98f;border-color:#8a4a2c}.link-dot{background:#9bd27c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #9bd27c99}.invite-note{color:#ffd88a;background:#2a1509;border:1px dashed #8a6a30;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.invite-note b{font-family:var(--display);letter-spacing:.12em}.rejoin-badge{font:700 9px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#ffcf9a;background:#2a1509;border:1px dashed #b07a3a;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.rejoin-badge svg{color:#e8a33d}.rejoin-badge b{font-variant-numeric:tabular-nums;color:#ffd88a}.rejoin-you{color:#ffc9b4;border-style:solid;border-color:#b3401f;animation:1.3s ease-in-out infinite rejoinPulse}@keyframes rejoinPulse{0%,to{opacity:1}50%{opacity:.6}}.rejoin-banner{border:1px solid #8a4a2c;border-left:3px solid var(--gold-bright);color:#f0d6b4;background:linear-gradient(#3d2212,#251108);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;font-size:11.5px;display:flex;box-shadow:0 4px 14px #0006}.rejoin-banner svg{color:#e8a33d}.rejoin-banner b{font-family:var(--display);letter-spacing:.1em;color:#ffd88a}.rejoin-banner .ghost-button{padding:7px 12px;font-size:10px}.rejoin-note{color:#b08c60;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;display:inline-flex}.rejoin-self{border-color:var(--gold-bright);animation:1.6s ease-in-out infinite rejoinGlow}@keyframes rejoinGlow{0%,to{box-shadow:0 4px 14px #0006}50%{box-shadow:0 4px 20px #ffb52e55}}.rejoin-card{border-color:var(--gold-bright);background:linear-gradient(150deg,#4b2912,#2a1509)}.rejoin-card-head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.rejoin-card-head svg{color:var(--gold-bright);margin-top:3px}.rejoin-card h3{margin:0 0 4px}.chip-absent{opacity:.62;border-style:dashed;border-color:#b07a3a}.tower-pip-group{pointer-events:none}.tower-pip{stroke-width:.6px}.tower-pip-full{fill:#ffd54f;stroke:#4a2c10;filter:drop-shadow(0 0 2px #ffb52e88)}.tower-pip-gone{fill:#0005;stroke:#e8d0a0;stroke-dasharray:2 1.4}.tower-count{font-family:var(--body);letter-spacing:.06em;fill:#ffe9b8;stroke:#4a2c10;stroke-width:2.6px;paint-order:stroke fill;pointer-events:none;font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:800}.tower-count-low{fill:#ffb0a0}.tower-pips-ui{vertical-align:middle;align-items:center;gap:2.5px;display:inline-flex}.tower-pips-ui i{background:linear-gradient(#ffe08a,#e8a33d);border-radius:1.5px;width:4px;height:11px;display:block;box-shadow:0 0 5px #ffb52e55}.tower-pips-ui i.tower-gone{box-shadow:none;background:#0000002e;border:1px dashed #a08454}.tower-pips-ui b{font:800 10px var(--body);letter-spacing:.06em;color:#8a6a48;font-variant-numeric:tabular-nums;margin-left:5px}.towers-damaged i.tower-full{background:linear-gradient(#ffd08a,#e08a2c)}.towers-critical i.tower-full{background:linear-gradient(#ffb3a0,#c8403a);box-shadow:0 0 7px #c8403a88}.map-tooltip{z-index:4;pointer-events:none;background:linear-gradient(170deg,#fbf3e0,#f1e2c4);border:1px solid #c9a15a;border-radius:10px;flex-direction:column;gap:4px;min-width:160px;max-width:220px;padding:10px 12px;animation:.18s ease-out riseIn;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 10px 24px #00000059}.map-tooltip strong{font-family:var(--display);color:#33200f;font-size:14px;font-weight:700}.map-tooltip span{letter-spacing:.06em;text-transform:uppercase;color:#8a6a48;font-size:10.5px;font-weight:700}.map-tooltip small{color:#7a5c42;font-size:10.5px;line-height:1.45}.map-tooltip .tower-pips-ui b{color:#a08454}.map-tooltip .tooltip-warn{color:#a04b1e;font-style:italic}.tower-strip{background:#f8edd2;border:1px solid #d9c49c;border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:13px;padding:11px 13px;display:flex}.tower-strip .micro-label{color:#a08454;font-size:8.5px}.tower-strip-note{color:#7a5c42;font-size:11px}.tower-strip-fallen{background:#fbeee6;border-color:#c8403a}.tower-strip-fallen .tower-strip-note{color:#a04b1e;font-weight:700}.log-tower{color:#ffd88a;border-left-color:var(--gold-bright)}.log-tower-icon{color:#e8a33d;vertical-align:-1px;margin-right:3px}.tower-feed{border:1px solid #6a4a2c;border-left:3px solid var(--gold-bright);background:#2a1509;border-radius:10px;margin-top:12px;padding:10px 12px}.tower-feed .micro-label{color:#ffd88a;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;display:flex}.tower-feed ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.tower-feed li{color:#f0d6b4;align-items:baseline;gap:8px;font-size:11px;line-height:1.5;display:flex}.tower-feed-dot{background:var(--gold-bright);border-radius:1px;flex:0 0 6px;width:6px;height:6px;transform:translateY(-1px);box-shadow:0 0 6px #ffb52e88}.capital-strip{border-top:1px solid #6a4a2c;margin-top:12px;padding-top:10px}.capital-strip .micro-label{color:#c9a15a;text-transform:uppercase;font-size:9px}.capital-strip-rows{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.capital-chip{font:700 10px var(--body);letter-spacing:.06em;color:#e3cfa9;background:#241109;border:1px solid #6a4a2c;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;display:inline-flex}.capital-chip i{border:1px solid #0003;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #0005}.capital-chip-threatened{color:#ffc9b4;border-color:#c8403a}.capital-chip .tower-pips-ui i{width:3px;height:9px}.breakdown-card{border-color:#b98d43}.breakdown-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.breakdown-head h3{margin:0}.breakdown-table{border:1px solid #4a2c1c;border-radius:11px;flex-direction:column;display:flex;overflow:hidden}.breakdown-row{font-variant-numeric:tabular-nums;background:#241109;border-bottom:1px solid #4a2c1c;grid-template-columns:1fr 96px 108px;align-items:center;gap:10px;padding:10px 13px;display:grid}.breakdown-row:nth-child(2n){background:#2a1509}.breakdown-row:last-child{border-bottom:0}.breakdown-label{font:700 11.5px var(--body);letter-spacing:.04em;color:#f6e8cd;flex-direction:column;gap:3px;display:flex}.breakdown-label small{font:700 8.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#b08c60}.breakdown-xp,.breakdown-coin{text-align:right;font:800 11.5px var(--body);letter-spacing:.02em}.breakdown-xp{color:var(--gold-bright)}.breakdown-coin{color:#e3cfa9}.breakdown-total{background:linear-gradient(90deg,#3d2212,#2a1509);border-top:1px solid #8a6a30}.breakdown-total .breakdown-label{font-family:var(--display);letter-spacing:.06em;font-size:13px}.breakdown-total .breakdown-xp,.breakdown-total .breakdown-coin{font-size:13px}.breakdown-tallies{font:700 9.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#b08c60;flex-wrap:wrap;gap:14px;margin-top:11px;display:flex}.breakdown-tallies span{align-items:center;gap:6px;display:inline-flex}.breakdown-tallies svg{color:var(--gold-bright)}.breakdown-credited{color:#c6e08a}.score-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.score-cell{background:#241109;border:1px solid #6a4a2c;border-radius:12px;flex-direction:column;gap:4px;padding:13px 14px;display:flex;box-shadow:inset 0 1px #ffffff10}.score-cell small{font:700 9px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#c9a15a}.score-cell strong{font-family:var(--display);color:#f6e8cd;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.score-cell span{color:#b08c60;font-size:10px}.score-cell strong.delta-up{color:#ffd88a}.score-cell strong.delta-down{color:#f3b98f}.avatar{border:1.5px solid var(--frame-color);color:#6a4a2c;vertical-align:middle;background:radial-gradient(circle at 35% 30%,#fff8,#e9dab4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #00000026}.avatar-img{object-fit:cover;display:block}.avatar-emoji{line-height:1}.stat-chip-avatar{gap:8px}.stat-chip-avatar .avatar{border-width:1px;width:18px;height:18px}.profile-hero{background:linear-gradient(165deg,#3d2212,#28120a);border:1px solid #6a4a2c;border-radius:14px;align-items:center;gap:18px;margin-bottom:22px;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff10}.profile-hero .avatar{background:linear-gradient(160deg,#4b2912,#2c160b);border-width:2px;width:96px;height:96px;box-shadow:0 0 14px #ffb52e2a}.profile-hero h3{font-family:var(--display);color:#f6e8cd;margin:0;font-size:22px}.profile-hero p{color:#b08c60;margin:4px 0 0;font-size:13px}.profile-hero-public{justify-content:flex-start}.avatar-picker-card{margin-bottom:18px}.avatar-picker-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;margin-top:12px;display:grid}.avatar-option{color:#e3cfa9;cursor:pointer;background:#241109;border:1px solid #6a4a2c;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:12px 8px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.avatar-option:hover:not(:disabled){border-color:var(--gold-bright);transform:translateY(-2px)}.avatar-option:disabled{opacity:.55;cursor:not-allowed;transform:none}.avatar-option-selected{border-color:var(--gold-bright);box-shadow:0 0 0 2px #ffb52e55,inset 0 0 0 1px #ffb52e33}.my-rank-card{margin-bottom:18px}.my-rank-hero{background:linear-gradient(165deg,#3d2212,#28120a);border:1px solid #6a4a2c;border-radius:12px;align-items:center;gap:14px;margin-bottom:12px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff10}.my-rank-grade{border:2px solid var(--gold-bright);width:64px;height:64px;font-family:var(--display);color:var(--gold-bright);text-shadow:0 2px 6px #0006;background:linear-gradient(160deg,#4b2912,#2c160b);border-radius:50%;place-items:center;font-size:18px;font-weight:700;display:grid}.my-rank-grade.my-rank-officer{border-color:#ffd88a;box-shadow:0 0 16px #ffb52e44}.my-rank-grade.my-rank-staff{background:linear-gradient(160deg,#5a3a1a,#3d2212);border-color:#ffcf67;box-shadow:0 0 20px #ffb52e66}.my-rank-hero strong{font-family:var(--display);color:#f6e8cd;font-size:20px;display:block}.my-rank-hero span{color:#b08c60;font-size:12px}.rank-requirements{gap:8px;display:grid}.rank-req{color:#c9a15a;background:#241109;border:1px solid #6a4a2c;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.rank-req.rank-req-met{color:#c6e08a;border-color:#7fbf6a}.avatar-option-locked{filter:grayscale(.7)}.avatar-option-name{font:700 11px var(--body);color:#f6e8cd}.avatar-option-state{font:700 8px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#b08c60}.board-avatar{align-items:center;display:flex}@media (width<=760px){.breakdown-row{grid-template-columns:1fr 74px 86px;padding:9px 11px}.breakdown-xp,.breakdown-coin{font-size:10.5px}.map-tooltip{max-width:170px;padding:8px 10px}.score-grid{grid-template-columns:repeat(2,1fr)}.room-strip{gap:6px}.rejoin-banner{padding:9px 11px;font-size:11px}}@media (width<=480px){.map-tooltip{max-width:150px;top:8px;left:8px}.map-tooltip .tower-pips-ui b{display:none}.breakdown-row{grid-template-columns:1fr 62px 72px;gap:7px}.breakdown-tallies{gap:9px}.score-grid{grid-template-columns:1fr}.room-head{gap:6px}}