:root{--bg: #0b0e13;--panel: #141925;--panel-2: #1c2330;--border: #34405a;--gold: #e6c067;--gold-bright: #f3d98a;--gold-dim: #b2924a;--text: #ece6da;--muted: #93a0b4;--green: #5bbd8a;--red: #c44a5e;--blue: #6a86c0;--line: rgba(227, 193, 104, .22);--dim: #9a958c;--display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--fancy: var(--display-fancy, var(--display));--font-display: var(--display);--ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 10px;--sp-6: 12px;--sp-7: 14px;--sp-8: 16px;--sp-9: 20px;--sp-10: 24px;--sp-11: 32px;--r-xs: 4px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 16px;--r-pill: 999px;--r-round: 50%;--fs-1: 10px;--fs-2: 11px;--fs-3: 12px;--fs-4: 13px;--fs-5: 14px;--fs-6: 16px;--fs-7: 18px;--fs-8: 20px;--fs-9: 26px;--el-1: 0 1px 4px rgba(0,0,0,.4);--el-2: 0 2px 10px rgba(0,0,0,.45);--el-3: 0 6px 22px rgba(0,0,0,.5);--el-4: 0 12px 40px rgba(0,0,0,.55);--el-5: 0 20px 60px rgba(0,0,0,.6);--el-bevel: inset 0 1px 0 rgba(255,255,255,.05);--el-ring: 0 0 0 1px var(--gold-dim);--el-ring-in: inset 0 0 0 1px var(--gold-dim);--dur-1: .12s;--dur-2: .16s;--dur-3: .3s;--ease: cubic-bezier(.32, .72, 0, 1);--tr-state: background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);--tr-press: transform var(--dur-1) var(--ease);--ink: rgba(6, 9, 14, .92);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--hud-h: calc(106px + var(--sat));--dock-clear: calc(max(16px, var(--sab)) + 78px) ;--dock-h: 80px;--z-world: 0;--z-panels: 15;--z-hud: 20;--z-map-chrome: 25;--z-world-ctls: 30;--z-lane: 40;--z-popover: 46;--z-alarms: 55;--z-toasts: 60;--z-celebrations: 70;--z-modal: 80;--z-fx: 90;--z-auth: 100;--z-shell: 200;--z-crash: 210}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:var(--r-xs)}body{margin:0;background:radial-gradient(1100px 520px at 50% -12%,#20283a,#14192500 62%),radial-gradient(900px 600px at 92% 110%,#1a1320,#0b0e1300 60%),linear-gradient(180deg,#0c0f15 0%,var(--bg) 100%);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased}h1,h2,h3,.brand h1,.drawer-head h2{font-family:var(--display);letter-spacing:.3px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-8);flex-wrap:wrap;padding:var(--sp-7) var(--sp-9);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg)}.brand .sigil{font-size:var(--fs-9)}.brand h1{margin:0;font-size:var(--fs-8);letter-spacing:.5px;color:var(--gold)}.resbar{display:flex;gap:var(--sp-5);flex-wrap:wrap}@keyframes shield-breathe{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}.res{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md)}.res-val{font-weight:700}.panel{background:linear-gradient(180deg,#ffffff08,#0000000a),var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-9);margin-bottom:var(--sp-8);box-shadow:var(--el-bevel),var(--el-3);animation:fade-in .28s ease both}.panel h2{margin:0 0 6px;color:var(--gold);font-size:var(--fs-8)}.panel h3{margin:4px 0 8px;font-size:var(--fs-6);color:var(--gold-bright)}.muted{color:var(--muted)}.small{font-size:var(--fs-3)}.btn{padding:var(--sp-5) var(--sp-6);min-height:38px;border-radius:var(--r-md);border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),#161c27);color:var(--text);cursor:pointer;font-size:var(--fs-4);font-weight:600;transition:var(--tr-state),var(--tr-press),box-shadow var(--dur-2) var(--ease);width:100%;box-shadow:var(--el-bevel)}.btn:hover:not(:disabled){border-color:var(--gold-dim);color:#fff;transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover:not(:disabled),.btn:active:not(:disabled){transform:none}}.btn.primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold-dim));color:#1a1408;border-color:var(--gold);font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.25)}.btn.gem{background:#2a2150;border-color:#4b3f86;width:auto}.row{display:flex;gap:var(--sp-5);align-items:center;margin-top:var(--sp-4)}.row.wrap{flex-wrap:wrap}.col>.panel{margin-bottom:0}.row.tight,.col.tight{gap:var(--sp-3)}.row.flush{margin-top:0}input[type=range]{flex:1;accent-color:var(--gold)}@keyframes fanfare-rise{0%{transform:translateY(6px) scale(.7);opacity:0}25%{transform:translateY(0) scale(1.15);opacity:1}75%{opacity:1}to{transform:translateY(-14px) scale(1);opacity:0}}.trophy-toast{position:absolute;bottom:150px;left:50%;transform:translate(-50%);z-index:60;max-width:min(92vw,440px);text-align:center;cursor:pointer;background:linear-gradient(180deg,#2e260ef7,#1e1808f7);color:#f0d7a0;border:1px solid rgba(230,192,103,.5);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-8);font-size:var(--fs-5);font-weight:600;box-shadow:var(--el-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:battle-pop .4s ease both,fade-in .4s ease both}.build-toast{position:absolute;bottom:198px;left:50%;transform:translate(-50%);z-index:60;max-width:min(92vw,440px);text-align:center;cursor:pointer;background:linear-gradient(180deg,#14221af7,#0c1610f7);color:#cfe8d4;border:1px solid rgba(127,191,138,.45);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-8);font-size:var(--fs-5);font-weight:600;box-shadow:var(--el-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:battle-pop .4s ease both,fade-in .4s ease both}@keyframes levelup-drop{0%{transform:translateY(-60px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes resource-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}65%{opacity:1}to{transform:translate(calc(var(--tx) - var(--fx) - 50%),calc(var(--ty) - var(--fy) - 50%)) scale(.5);opacity:0}}.daily-modal .btn.ghost{margin-top:var(--sp-3)}.coming-soon{display:inline-block;font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.5px;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);font-weight:700;background:#e8c66a26;color:var(--gold);border:1px solid rgba(232,198,106,.35)}.coming-soon.corner{position:absolute;top:10px;right:10px}.seat-reinforce .btn.primary{align-self:flex-start}.obj .btn{width:auto}.chart .axis.x{text-anchor:middle}.muted.small{font-size:var(--fs-3);line-height:1.5}html,body,#root{height:100%}.game{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh}.hud-top{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);padding:calc(12px + var(--sat)) 60px 12px max(18px,env(safe-area-inset-left,0px));pointer-events:none;background:linear-gradient(180deg,#060a10eb,#060a1000)}.hud-top .brand h1{font-size:var(--fs-8);color:var(--gold-bright);text-shadow:0 0 18px rgba(230,192,103,.35),0 2px 4px rgba(0,0,0,.6)}.hud-top .resbar{background:#0a0f16a8;border:1px solid rgba(230,192,103,.12);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.season-banner{position:absolute;top:calc(var(--hud-h) + 6px);left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-pill);font-size:var(--fs-5);font-weight:600;color:#dceaff;background:#0a101ab8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--el-3)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.raven-toast .row{align-items:center;justify-content:space-between}.rail.right,.drawer{position:absolute;top:calc(var(--hud-h) + 4px);bottom:calc(var(--dock-clear) + 8px);z-index:15;width:360px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--sp-6);padding-right:var(--sp-2);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.drawer{width:420px;padding:var(--sp-7);gap:var(--sp-6);background:linear-gradient(180deg,#28211438,#090e1500),#090d14f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(230,192,103,.18);border-radius:var(--r-xl);box-shadow:var(--el-5),var(--el-bevel)}.drawer.left{left:16px;animation:drawer-in-left var(--dur-3) var(--ease) backwards}.drawer.right{right:16px;animation:drawer-in-right var(--dur-3) var(--ease) backwards}.drawer.wide{width:560px}.drawer.console{width:min(1160px,calc(100vw - 32px))}@keyframes drawer-in-left{0%{opacity:0;transform:translate(-22px) scale(.99)}to{opacity:1;transform:none}}@keyframes drawer-in-right{0%{opacity:0;transform:translate(22px) scale(.99)}to{opacity:1;transform:none}}.drawer.is-closing,.rail.right.is-closing{pointer-events:none}.drawer.is-closing.left{animation:drawer-out-left var(--dur-3) var(--ease) forwards}.drawer.is-closing.right{animation:drawer-out-right var(--dur-3) var(--ease) forwards}@keyframes drawer-out-left{to{opacity:0;transform:translate(-22px) scale(.99)}}@keyframes drawer-out-right{to{opacity:0;transform:translate(22px) scale(.99)}}.drawer-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-14px;z-index:3;margin:-14px -14px 0;padding:var(--sp-7) var(--sp-7) var(--sp-5);background:#090d14f5;border-radius:var(--r-xl) var(--r-xl) 0 0}.drawer-head h2{margin:0;color:var(--gold);font-size:var(--fs-7)}.drawer-back{flex:0 0 auto;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);cursor:pointer;background:#e6c0671a;color:var(--gold-bright);border:1px solid rgba(230,192,103,.4);font:inherit;font-size:var(--fs-4);font-weight:600;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:var(--tr-state),var(--tr-press)}.drawer-back:active{transform:scale(.94)}@media (prefers-reduced-motion: reduce){.drawer-back{transition:none}.drawer-back:active{transform:none}}.drawer{scroll-padding-top:56px}@media (prefers-reduced-motion: reduce){.drawer.left,.drawer.right,.rail.right,.drawer.is-closing.left,.drawer.is-closing.right,.rail.right.is-closing{animation-duration:.01ms}}.drawer .x,.rail .x{pointer-events:auto;background:#e6c0671a;color:var(--text);border:1px solid rgba(230,192,103,.4);border-radius:var(--r-md);width:40px;height:40px;cursor:pointer;font-size:var(--fs-7);line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:var(--tr-state),var(--tr-press)}.drawer .x:hover,.rail .x:hover{background:#e6c06738;border-color:var(--gold-bright)}.drawer .x:active,.rail .x:active{transform:scale(.9)}.rail .panel,.drawer .panel{background:#0d121be6;border-color:#e6c0671f}.rail.right .panel{background:#0d121bf0;box-shadow:var(--el-4)}.drawer .grid-2{grid-template-columns:1fr}.drawer .map3d,.drawer .keep3d-panel{display:none}.rail.right::-webkit-scrollbar,.drawer::-webkit-scrollbar{width:8px}.rail.right::-webkit-scrollbar-thumb,.drawer::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--r-sm)}.warroom .row{display:flex;gap:var(--sp-4);align-items:center}@keyframes rarity-shimmer{0%,55%{transform:translate(-42%)}85%,to{transform:translate(42%)}}.notables-court .notable-row .btn{margin-top:var(--sp-3)}.research-row .btn{flex:0 0 auto;white-space:nowrap;width:auto}.drawer .forge-row,.rail .forge-row,.drawer .research-row,.rail .research-row,.drawer .house-row,.rail .house-row{flex-direction:column;align-items:stretch}.drawer .research-row .btn,.drawer .house-row .btn,.rail .research-row .btn,.rail .house-row .btn{width:100%}.drawer .forge-btns,.rail .forge-btns{flex-wrap:wrap}.forge-btns{display:flex;gap:var(--sp-3)}.forge-row .btn,.house-row .btn,.talents-free{margin:0 0 6px;font-size:var(--fs-6);color:var(--gold-bright, #e6c067)}.talent-row .btn,.notable-row .btn{width:auto}@keyframes radial-pop{0%{opacity:0;transform:rotate(var(--a)) translate(20px) rotate(calc(-1 * var(--a))) scale(.4)}to{opacity:1}}@keyframes forge-flash{0%{transform:scale(.3);opacity:.95}to{transform:scale(1.7);opacity:0}}@keyframes forge-spark{0%{transform:rotate(var(--a)) translate(0) scale(1);opacity:1}70%{opacity:1}to{transform:rotate(var(--a)) translate(var(--d)) translateY(10px) scale(.2);opacity:0}}@keyframes strike-mote{0%{transform:rotate(var(--a)) translate(0) scale(1);opacity:.9}to{transform:rotate(var(--a)) translate(calc(var(--d) * .7)) translateY(-24px) scale(.3);opacity:0}}.mail-foot .btn.gem{margin-top:0}.drawer.drawer--fill{display:flex;flex-direction:column;overflow:hidden}.drawer.drawer--fill .drawer-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.drawer.drawer--fill .chat-view,.drawer.drawer--fill .chat-panel,.drawer.drawer--fill .chat-log{flex:1 1 auto;min-height:0}.drawer.drawer--fill .chat-input{flex:0 0 auto}.row.standing.benched{opacity:.55}.offering .btn{width:100%}.chat-ticker{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--dock-clear) + 8px);z-index:calc(var(--z-world-ctls, 30) + 8);max-width:min(560px,calc(100vw - 24px));display:flex;flex-direction:column;gap:var(--sp-1);align-items:flex-start;padding:var(--sp-4) var(--sp-11) var(--sp-4) var(--sp-6);text-align:left;cursor:pointer;color:var(--text);font-size:var(--fs-3);line-height:1.35;background:#0a0e16b8;border:1px solid rgba(230,192,103,.28);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--el-3);transition:var(--tr-state);max-height:56px;overflow:hidden}.chat-ticker .ct-line.muted{color:var(--muted)}@media (max-width: 760px){.chat-ticker{bottom:calc(84px + var(--sab));left:64px;transform:none;max-width:calc(100vw - 204px)}.momentum{left:64px;transform:none;bottom:calc(150px + var(--sab));max-width:calc(100vw - 204px)}.travel{bottom:calc(96px + var(--sab))}.flight-launch{bottom:calc(170px + var(--sab))}.coordbar{bottom:calc(132px + var(--sab))}.map-compass{bottom:calc(198px + var(--sab))}.toast{bottom:calc(96px + var(--sab))}.trophy-toast{bottom:calc(150px + var(--sab))}.build-toast{bottom:calc(198px + var(--sab))}}.roster-acts .btn.small{padding:var(--sp-1) var(--sp-4);min-width:0}.btn.small.danger{color:#e0685f;border-color:#e0685f66}.btn.small.danger.armed{color:#fff;background:#c44a5ed9;border-color:#d76276;animation:armed-pulse 1.1s ease-in-out infinite}@keyframes armed-pulse{0%,to{box-shadow:0 0 #d762768c}50%{box-shadow:0 0 0 6px #d7627600}}@media (prefers-reduced-motion: reduce){.btn.small.danger.armed{animation:none}}.drawer.drawer--fill .version-line{display:none}.chat-log{flex:1 1 auto;min-height:120px;max-height:min(40vh,44dvh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.chat-log{scroll-behavior:auto}}@media (max-width: 760px){.chat-log{max-height:34dvh;min-height:90px}}.dock{position:absolute;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:var(--z-map-chrome, 25);display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-xl);max-width:calc(100vw - 16px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:linear-gradient(180deg,#1410098c,#080c12e0);border:1px solid rgba(230,192,103,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--el-4),var(--el-bevel)}@media (max-height: 700px){.dockbtn{min-width:62px;padding:var(--sp-3) var(--sp-5);font-size:var(--fs-2)}.dockbtn .ico{font-size:var(--fs-6)}.dock{padding:var(--sp-3);gap:var(--sp-2)}.map-compass{grid-template-columns:repeat(3,29px);grid-template-rows:repeat(3,29px);width:93px;height:93px;bottom:calc(var(--dock-clear) + 92px)}.compass-btn{font-size:var(--fs-2)}.compass-btn.c{font-size:var(--fs-4)}}.dockbtn{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);min-width:78px;padding:var(--sp-4) var(--sp-6);border-radius:var(--r-md);cursor:pointer;background:transparent;color:#c7d1de;border:none;font-size:var(--fs-3);font-weight:600;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:var(--tr-state),var(--tr-press),box-shadow var(--dur-2) var(--ease)}.dockbtn .ico{transition:transform var(--dur-2) var(--ease)}.dockbtn .ico{font-size:var(--fs-8);line-height:1}.enter-exit{position:absolute;top:calc(var(--hud-h) + 6px);left:16px;z-index:24;background:#080c12d1;border:1px solid rgba(255,255,255,.14);color:#e7ecf3;border-radius:var(--r-md);padding:var(--sp-5) var(--sp-8);font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--el-3)}.enter-exit{transition:var(--tr-state),var(--tr-press);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.throne-flag{position:absolute;top:calc(var(--hud-h) + 6px);right:16px;z-index:22;background:#e8c66a29;color:var(--gold);border:1px solid var(--gold-dim);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-6);font-weight:700}.map-quick{position:absolute;top:calc(var(--hud-h) + 6px);left:16px;z-index:22;display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}.map-quick-btn{display:inline-flex;align-items:center;gap:var(--sp-4);background:#121620bd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-7);font-weight:700;font-size:var(--fs-5);cursor:pointer;box-shadow:var(--el-2);transition:border-color var(--dur-2) var(--ease),var(--tr-press)}.map-quick-btn.primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold-dim));color:#1a1408;border-color:var(--gold)}.map-quick-btn.primary:hover{border-color:var(--gold-bright)}@media (max-width: 760px){.hud-top{padding:var(--sp-4) 58px var(--sp-4) var(--sp-5)}.hud-top .brand h1{font-size:var(--fs-6)}.hud-top .tagline,.hud-top .brand h1{display:none}.hud-top .resbar{max-width:74vw;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hud-top .resbar .res-rate{display:none}.hud-top .resbar .res{padding:var(--sp-2) var(--sp-4);gap:var(--sp-2)}.hud-top .resbar .res-ambient .res-rate{display:inline}.hud-top .resbar::-webkit-scrollbar{display:none}.hud-top .resbar .res{flex:0 0 auto}.season-banner{font-size:var(--fs-3);padding:var(--sp-3) var(--sp-6)}.throne-flag{top:calc(var(--hud-h) + 52px);right:max(10px,env(safe-area-inset-right,0px))}.map-quick{top:calc(var(--hud-h) + 52px);left:max(10px,env(safe-area-inset-left,0px));gap:var(--sp-3)}.enter-exit{top:calc(var(--hud-h) + 52px);left:max(10px,env(safe-area-inset-left,0px))}.raid-warning,.raven-toast,.inbound-warnings,.war-horn{left:152px;right:8px;transform:none;width:auto;max-width:none}.raid-warning,.raven-toast,.inbound-warnings,.war-horn{top:calc(var(--hud-h) + 52px)}.inbound-warnings{top:calc(var(--hud-h) + 110px)}.war-horn{top:calc(var(--hud-h) + 168px)}.map-quick-btn{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-4)}.rail.right,.drawer,.drawer.left,.drawer.right,.drawer.wide{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));width:auto;top:auto;bottom:calc(var(--dock-clear) + 8px);max-height:56vh;border-radius:var(--r-xl)}.dock{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));transform:none;max-width:none;justify-content:flex-start;bottom:calc(10px + var(--sab))}.dockbtn{min-width:62px;padding:var(--sp-4) var(--sp-5);font-size:var(--fs-2);white-space:nowrap}.dockbtn .ico{font-size:var(--fs-8)}.research-row,.forge-row,.house-row{flex-direction:column;align-items:stretch}.research-row .btn,.house-row .btn{width:100%}.forge-btns,.row.standing{flex-wrap:wrap}}.crash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:radial-gradient(900px 500px at 50% -10%,#2a1c1c,#0b0e1300 60%),linear-gradient(180deg,#0c0f15,var(--bg))}.crash-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--sp-7);padding:var(--sp-10);border-radius:var(--r-xl);text-align:center;background:#0d121bf5;border:1px solid rgba(230,192,103,.22);box-shadow:var(--el-5),var(--el-bevel);animation:fade-in .3s ease both}.crash-card h1{margin:0;font-family:var(--display);color:var(--gold-bright);font-size:var(--fs-8)}.crash-actions{display:flex;gap:var(--sp-5);justify-content:center;flex-wrap:wrap}.crash-inline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-9);border-radius:var(--r-lg);text-align:center;background:#0d121be6;border:1px solid rgba(230,192,103,.2);box-shadow:var(--el-4);max-width:min(420px,86vw)}.crash-inline .crash-why{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-2);line-height:1.4;opacity:.75;margin:0;max-width:100%;overflow-wrap:anywhere}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:radial-gradient(900px 500px at 50% -10%,#20283a,#0b0e1300 60%),linear-gradient(180deg,#0c0f15,var(--bg))}.auth-card{width:100%;max-width:380px;margin:auto;display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-10);border-radius:var(--r-xl);background:#0d121bf2;border:1px solid rgba(230,192,103,.18);box-shadow:var(--el-5),var(--el-bevel);animation:battle-pop .4s ease both,fade-in .4s ease both}.auth-brand{display:flex;align-items:center;gap:var(--sp-5)}.auth-brand .sigil{font-size:var(--fs-9)}.auth-brand h1{margin:0;font-family:var(--display);color:var(--gold-bright);font-size:var(--fs-9);letter-spacing:.2px;line-height:1.1}.auth-promise{margin:10px 0 2px;font-size:var(--fs-6);line-height:1.4;letter-spacing:-.1px;color:var(--text, #e7ecf3);text-wrap:balance}.auth-promise span{display:block;margin-top:var(--sp-3);font-size:var(--fs-4);line-height:1.45;letter-spacing:0;color:var(--muted, #9aa6ba);text-wrap:pretty}.auth-field{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-4);color:var(--muted)}.auth-field input{background:#00000059;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);padding:var(--sp-5) var(--sp-6);font-size:var(--fs-6)}.auth-field input:focus{border-color:var(--gold-dim)}.auth-field input:focus:not(:focus-visible){outline:none}.auth-err{color:var(--red);font-size:var(--fs-4);margin:0}.auth-pinned{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-sm);border:1px solid rgba(230,192,103,.28);background:#e6c0670f}.auth-pinned p{margin:0}.auth-pinned code{font-size:var(--fs-2);word-break:break-all;color:var(--gold-bright, #e6c067)}.auth-switch{background:none;border:none;color:var(--gold);cursor:pointer;font-size:var(--fs-4);padding:var(--sp-2)}.auth-realm{border-top:1px solid rgba(255,255,255,.08);margin-top:var(--sp-3);padding-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.auth-realm-row{display:flex;gap:var(--sp-3)}.auth-realm-row input{flex:1;background:#00000059;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);padding:var(--sp-5) var(--sp-6);font-size:var(--fs-5)}.auth-realm-row input:focus{border-color:var(--gold-dim)}.auth-realm-row input:focus:not(:focus-visible){outline:none}.coach{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--dock-clear) + 62px);z-index:45;display:flex;align-items:center;gap:var(--sp-5);max-width:min(92vw,560px);background:linear-gradient(180deg,#14100999,#090d14f2);border:1px solid rgba(230,192,103,.3);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-6);box-shadow:var(--el-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise-in-centered .3s ease both}.coach .btn.small{flex:0 0 auto;width:auto}@media (max-width: 760px){.coach{bottom:calc(190px + var(--sab))}body.coach-open .map-compass{display:none!important}body.coach-open .flight-launch{bottom:calc(144px + var(--sab))}body.coach-open .flight-launch .take-wing.war,body.coach-open .flight-launch .flight-menu{display:none!important}}.battle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#04060a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s ease}.clash-row.left span{animation:clash-in-left .5s ease both}@keyframes clash-in-left{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes clash-in-right{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes clash-spark-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.4);opacity:1}to{transform:scale(1);opacity:1}}@keyframes bar-grow{0%{width:0}}@keyframes battle-pop{0%{transform:scale(.85);opacity:0}}@keyframes fade-in{0%{opacity:0}}.battle-share-link{width:100%;font-size:var(--fs-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.raid-warning{position:absolute;top:calc(var(--hud-h) + 100px);left:50%;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:var(--sp-7);max-width:min(94vw,520px);background:linear-gradient(180deg,#3c1216f5,#260c10f5);border:1px solid rgba(196,74,94,.55);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-7);box-shadow:var(--el-4),0 0 0 1px #c44a5e26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:raid-pulse 1.8s ease-in-out infinite,fade-in .4s ease both}.raid-stances{display:flex;gap:var(--sp-2)}.raid-stances .btn{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-6);line-height:1;min-width:44px;min-height:44px}@media (max-width: 520px){.raid-warning{flex-direction:column;align-items:stretch;gap:var(--sp-4);max-width:min(96vw,380px)}.raid-stances{justify-content:center}}.row.standing.chronicle{width:100%;text-align:left;cursor:pointer;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:inherit;font:inherit;padding:var(--sp-3) var(--sp-1);gap:var(--sp-5)}.row.standing.chronicle:hover{background:#e6c06714;border-radius:var(--r-sm)}.btn.danger{background:linear-gradient(180deg,#c44a5e,#8f3242);color:#fff;border-color:#d76276;white-space:nowrap}@keyframes raid-pulse{0%,to{box-shadow:var(--el-4),0 0 0 1px #c44a5e26}50%{box-shadow:var(--el-4),0 0 0 2px #c44a5e80}}.boot-splash,.backdrop-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 20%,#131a26,#0a0e15 70%);color:var(--gold-bright, #e6c067);font-size:var(--fs-7);font-weight:700;letter-spacing:.5px;z-index:5;animation:fade-in .35s ease both}.boot-splash{z-index:80}.lore-loading{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);max-width:min(88vw,420px);text-align:center;padding:0 var(--sp-8)}.lore-loading.tall{gap:var(--sp-7)}.lore-sigil{font-size:34px;filter:drop-shadow(0 0 10px rgba(230,192,103,.35));animation:lore-breathe 3.2s ease-in-out infinite}.lore-label{font-family:"Cinzel",var(--font-display, serif);font-size:var(--fs-6);font-weight:700;letter-spacing:.5px;color:var(--gold-bright, #e6c067)}.lore-quote{font-size:var(--fs-4);font-style:italic;color:#cbb98a;line-height:1.5;min-height:2.6em;opacity:.9}.lore-bar{width:160px;height:4px;border-radius:var(--r-xs);background:#e6c0671f;overflow:hidden}.lore-bar-fill{width:40%;height:100%;border-radius:var(--r-xs);background:linear-gradient(90deg,transparent,#e6c067,transparent);animation:lore-sweep 1.6s ease-in-out infinite}@keyframes lore-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@keyframes lore-sweep{0%{transform:translate(-160%)}to{transform:translate(360%)}}@media (prefers-reduced-motion: reduce){.lore-sigil{animation:none}.lore-bar-fill{animation:none;width:100%;opacity:.5}}.toast{position:absolute;bottom:calc(var(--dock-clear) + 8px);left:50%;transform:translate(-50%);z-index:60;max-width:min(92vw,460px);text-align:center;background:#090d14f0;color:var(--text);border:1px solid rgba(230,192,103,.3);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-8);font-size:var(--fs-5);font-weight:600;box-shadow:var(--el-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise-in-centered .25s ease both}@keyframes rise-in-centered{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%)}}.travel{position:absolute;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(var(--dock-clear) + 8px);z-index:46;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4)}.auth-credit{margin:14px 0 0;text-align:center;font-size:var(--fs-3);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);opacity:.8}.auth-version{margin:4px 0 0;text-align:center;font-size:var(--fs-2);color:var(--muted);opacity:.55;font-variant-numeric:tabular-nums}.map-compass{position:absolute;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(var(--dock-clear) + 108px);z-index:var(--z-world-ctls, 30);display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:var(--sp-2);width:114px;height:114px}.compass-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-4);color:var(--text);border:1px solid rgba(230,192,103,.4);background:#090d14e6;box-shadow:var(--el-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--r-sm);padding:0;-webkit-tap-highlight-color:transparent}.compass-btn.c{grid-column:2;grid-row:2;font-size:var(--fs-6);border-radius:var(--r-round)}.coordbar{position:absolute;bottom:calc(var(--dock-clear) + 8px);right:max(12px,env(safe-area-inset-right,0px));z-index:var(--z-world-ctls, 30);cursor:pointer;font-size:var(--fs-4);font-weight:700;letter-spacing:.6px;color:var(--text);background:#090d14eb;border:1px solid rgba(230,192,103,.45);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-7);box-shadow:var(--el-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.coordbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3)}@media (max-width: 760px){.coordbar{bottom:calc(var(--dock-clear) + 56px)}}.inbound-warnings{position:absolute;top:calc(var(--hud-h) + 152px);left:50%;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;gap:var(--sp-3);align-items:center;pointer-events:none}@keyframes inbound-pulse{0%,to{border-color:#ff503c8c}50%{border-color:#ff8c78f2}}@media (prefers-reduced-motion: reduce){.drawer.left,.drawer.right,.rail.right,.boot-splash,.backdrop-loading,.panel,.toast,.coach,.auth-card,.crash-card{animation:none}.dockbtn,.dockbtn .ico,.dockbtn:active,.menu-tile,.enter-exit:active,.drawer .x:active,.rail .x:active{transition:none;transform:none}}.house-row .btn.small,.trophy .btn.small{min-width:64px}.talent-row .btn.small{min-width:44px}@keyframes siege-pulse{0%,to{border-color:#e04a3a80}50%{border-color:#ff8c78e6}}@keyframes chest-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes chest-spin{0%{transform:scale(.4) rotate(-25deg)}to{transform:scale(1) rotate(0)}}.sound-signout-confirm .btn{flex:1;justify-content:center}@keyframes lastlight-throb{0%,to{opacity:1}50%{opacity:.62}}.panel.foldable{padding-top:0}.panel.foldable.folded{padding-bottom:var(--sp-3)}@media (min-width: 1280px){.drawer.wide{width:900px}.drawer.wide .drawer-body{column-count:2;column-gap:var(--sp-6)}.drawer.wide .drawer-body>*{break-inside:avoid;-webkit-column-break-inside:avoid;display:block;margin-bottom:var(--sp-6)}}@media (max-width: 1279px){.drawer.wide .drawer-body{column-count:1}}.empty-act .btn{margin-top:0}.btn:focus-visible,.chip:focus-visible,.dockbtn:focus-visible,.menu-tile:focus-visible,.drawer .x:focus-visible,.rail .x:focus-visible{outline-offset:3px}.drawer:focus-visible{outline:none;box-shadow:var(--el-5),var(--el-ring-in)}.btn.small{width:auto;margin-top:var(--sp-3);min-height:36px;padding:var(--sp-3) var(--sp-6);font-size:var(--fs-3);text-transform:capitalize}.flight-launch{position:absolute;bottom:148px;left:12px;z-index:32;display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}.flight-menu-item .small{font-weight:500}@keyframes unlock-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.momentum{position:fixed;left:50%;transform:translate(-50%);bottom:calc(152px + var(--sab));z-index:40;pointer-events:none;max-width:min(94vw,460px);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-sm);background:#0c0a07bd;border:1px solid rgba(216,178,106,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;transition:border-color var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}@keyframes momentum-rise{0%{opacity:0;transform:translate(-50%,14px) scale(.94)}12%{opacity:1;transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(.98)}}.momentum{display:flex;align-items:center;gap:var(--sp-3);pointer-events:auto}.auth-consent{margin:2px 0 0;font-size:var(--fs-2);line-height:1.5;color:var(--muted);text-align:center}.auth-consent a{color:var(--gold-bright, #e6c067);text-decoration:underline}.war-horn{position:absolute;top:calc(var(--hud-h) + 204px);left:50%;transform:translate(-50%);z-index:44;width:min(560px,calc(100vw - 20px));display:flex;flex-direction:column;gap:var(--sp-3);pointer-events:none}.source .btn{margin-top:var(--sp-4)}.ledger-row .btn{flex:0 0 auto}.a2hs .btn{flex:0 0 auto;width:auto;min-height:30px;padding:var(--sp-2) var(--sp-5);align-self:flex-start}.auth-h2{font-family:var(--fancy);color:var(--gold);font-size:var(--fs-8);margin:2px 0 6px;text-align:center}.auth-switch.auth-forgot{opacity:.78;font-size:var(--fs-4)}.auth-switch.auth-forgot:hover{opacity:1}.keep-panel-actions .btn{flex:1 1 auto}@media (max-width: 640px){.chat-ticker{max-width:calc(100vw - 140px)}.coordbar{bottom:calc(var(--dock-clear) + 58px)}.coach{bottom:calc(var(--dock-clear) + 108px);max-width:calc(100vw - 20px)}}.auth-door{width:100%;min-height:48px;height:auto;display:flex;align-items:center;justify-content:center;gap:var(--sp-5);padding:var(--sp-6) var(--sp-8);border-radius:var(--r-lg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--fs-6);font-weight:600;letter-spacing:.1px;line-height:1.3;text-align:center;text-decoration:none;text-transform:none;font-variant:normal;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;cursor:pointer;transition:var(--tr-state),var(--tr-press)}.auth-door:active:not(:disabled){transform:scale(.98)}@media (prefers-reduced-motion: reduce){.auth-door{transition:none}.auth-door:active:not(:disabled){transform:none}}.auth-door svg{flex:0 0 auto;width:18px;height:18px;opacity:.9}.auth-door.primary{background:linear-gradient(180deg,#f0d089,var(--gold-dim, #b2924a));border:1px solid rgba(255,235,180,.55);color:#1a1408;font-weight:700;box-shadow:0 6px 20px #e6c06738,inset 0 1px #ffffff73}.auth-door.primary:hover:not(:disabled){background:linear-gradient(180deg,#f6dda3,#c2a055)}.auth-door.primary:disabled{opacity:.45;cursor:not-allowed}.auth-door.secondary{background:linear-gradient(180deg,#e6c0671a,#e6c06708);border:1px solid rgba(230,192,103,.42);color:var(--gold-bright, #f3d98a)}.auth-door.secondary:hover{border-color:var(--gold, #e6c067);background:#e6c06729}.auth-door.ghost{background:#ffffff05;border:1px solid rgba(255,255,255,.1);color:var(--muted, #9aa6ba);font-weight:500;font-size:var(--fs-5)}.auth-door.ghost:hover{border-color:#e6c06759;color:var(--gold-bright, #f3d98a)}.auth-doors{display:flex;flex-direction:column;gap:var(--sp-5);margin-top:var(--sp-2)}.auth-doors+.auth-consent{margin-top:var(--sp-7)}.drawer .panel,.rail .panel,.commanders-view .panel{content-visibility:auto;contain-intrinsic-size:auto 320px}.drawer,.rail.right,.chat-log,.sop-view,.cmd-pick{contain:layout paint}@media (prefers-reduced-motion: no-preference){.drawer .panel,.rail .panel{animation-duration:.18s}}@media (prefers-reduced-motion: reduce){.drawer .panel,.rail .panel,.commanders-view .panel{animation:none}}.admin-attn li>.btn{flex:0 0 auto;width:auto}.btn.ghost{background:transparent;border-color:#e6c06738;color:var(--muted);box-shadow:none}.btn.ghost:hover:not(:disabled){background:#e6c06714;border-color:var(--gold-dim);color:var(--text)}.btn.ghost:disabled{border-color:#ffffff14}@media (pointer: coarse){.btn,.btn.small,.chip,.a2hs .btn{min-height:44px}.drawer .x,.rail .x{width:44px;height:44px}.drawer-back,.menu-tile,.dockbtn,.council-reco,.cmd-pick-tile{min-height:44px}.momentum-dismiss,.wh-x{min-width:44px;min-height:44px}.sound-gfx-tiers .chip,.sound-lang-tiers .chip{position:relative}.sound-gfx-tiers .chip:after,.sound-lang-tiers .chip:after{content:"";position:absolute;top:50%;left:0;right:0;height:44px;transform:translateY(-50%);background:transparent}}.rewards-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-7);border:1px solid var(--line);border-radius:var(--r-md);border-left-width:4px;border-left-color:var(--line)}.rewards-row .btn{flex:0 0 auto;min-height:40px;min-width:88px}.btn.wide{width:100%;margin-top:var(--sp-5);min-height:44px}@media (max-width: 420px){.rewards-row{flex-wrap:wrap}.rewards-row .btn,.rewards-done{width:100%}}.update-ready{position:fixed;left:50%;bottom:calc(var(--dock-h, 72px) + 14px);transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;max-width:min(92vw,520px);background:#0e121cf0;color:#f1e9d6;border:1px solid rgba(202,168,74,.45);box-shadow:0 6px 24px #00000073;font-size:14px}.update-ready-btn{flex:none;padding:6px 12px;border-radius:8px;border:1px solid #caa84a;background:#caa84a;color:#1a1408;font-weight:700;cursor:pointer}.update-ready-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}@font-face{font-family:Cinzel;src:url(/fonts/cinzel/cinzel-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Cinzel Decorative;src:url(/fonts/cinzel/cinzel-decorative-latin.woff2) format("woff2");font-weight:700;font-display:swap}:root{--display: "Cinzel", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--display-fancy: "Cinzel Decorative", "Cinzel", Georgia, serif;--gold: #e3c168;--gold-bright: #f6e2a0;--gold-dim: #9c7f3e;--stone-1: #1a1e28;--stone-2: #10141c;--stone-edge: #05070b;--filigree: rgba(227, 193, 104, .55);--filigree-soft: rgba(227, 193, 104, .22);--grad-gold: linear-gradient(180deg, #f8e6a8 0%, #e3c168 42%, #b98f3c 78%, #8a6626 100%);--grad-stone: linear-gradient(180deg, var(--stone-1) 0%, var(--stone-2) 100%)}body{background:radial-gradient(1200px 560px at 50% -14%,#232a3c,#14192500 60%),radial-gradient(1000px 640px at 94% 112%,#241726,#0b0e1300 58%),linear-gradient(180deg,#0b0e14,#080a0f)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}h1,h2,h3,.brand h1,.drawer-head h2,.panel>h2,.panel>h3,.fairplay h2,.charter-panel h2{font-family:var(--display);letter-spacing:.6px;text-transform:uppercase}.drawer-head h2,.panel>h2,.fairplay h2,.charter-panel h2,.brand h1{background:linear-gradient(180deg,#f8ecc0,#e3c168 55%,#b48a38);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.55);filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.panel,.topbar,aside.drawer,.fair-stat,.product,.house-row,.charter-panel{background:var(--grad-stone);border:1px solid rgba(227,193,104,.28);box-shadow:0 0 0 1px #0009,inset 0 1px #ffecbe0f,inset 0 0 22px #00000073,0 8px 22px #0006}.panel,.charter-panel{position:relative}.panel:after,aside.drawer:after,.charter-panel:after{content:"";position:absolute;left:10px;right:10px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--filigree) 18%,var(--gold-bright) 50%,var(--filigree) 82%,transparent);border-radius:var(--r-xs);opacity:.75;pointer-events:none}.topbar{border-radius:var(--r-lg)}.res{background:linear-gradient(180deg,#1c2130,#0c0f16);border:1px solid rgba(227,193,104,.42);box-shadow:inset 0 1px #ffecbe14,inset 0 -6px 10px #00000080,0 2px 6px #0006;border-radius:var(--r-pill);padding:var(--sp-4) var(--sp-7)}.res-val{font-family:var(--display);letter-spacing:.4px;color:var(--gold-bright)}.btn,.chip,.tab,.dockbtn,.compass-btn{font-family:var(--display);letter-spacing:.4px}.btn.primary{background:var(--grad-gold);color:#2a1c06;border:1px solid #7a5a22;font-weight:700;text-shadow:0 1px 0 rgba(255,240,200,.5);box-shadow:inset 0 1px #fff8dcb3,inset 0 -3px 6px #7850148c,0 3px 8px #00000073}.btn.primary:hover:not(:disabled){filter:brightness(1.07)}.btn.primary:active:not(:disabled){filter:brightness(.95);box-shadow:inset 0 2px 6px #50320a99}.btn:not(.primary){background:linear-gradient(180deg,#232a38,#141922);border:1px solid rgba(227,193,104,.34);color:var(--text);box-shadow:inset 0 1px #ffffff0d,0 2px 6px #0006}.btn:not(.primary):hover:not(:disabled){border-color:#e3c16899}.btn:disabled{filter:grayscale(.5) brightness(.7)}.tab,.dockbtn{background:linear-gradient(180deg,#1b2130,#0e131c);border:1px solid rgba(227,193,104,.22)}.tab.active,.dockbtn.active{border-color:#e3c168bf;box-shadow:inset 0 0 12px #e3c1682e,0 0 0 1px #e3c16859;color:var(--gold-bright)}.badge,.chip,.fair-badge,.rec-chip{border:1px solid rgba(227,193,104,.4)}.map3d-label,.realm-keep-label{border-color:#e3c16880!important;box-shadow:0 2px 8px #00000080}.map-compass .compass-btn,.keep-compass .compass-btn{background:linear-gradient(180deg,#232a38,#10141c);border:1px solid rgba(227,193,104,.45);color:var(--gold-bright)}.brand h1{font-family:var(--display-fancy);font-weight:700}.gicon{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.28em;background:linear-gradient(180deg,#f8e6a8,#e3c168 48%,#b98f3c);-webkit-mask:var(--gi) center / contain no-repeat;mask:var(--gi) center / contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.gicon.silver{background:linear-gradient(180deg,#eef2f7,#b9c2ce,#7d8794)}.gicon.threat{background:linear-gradient(180deg,#f7b3aa,#d9564a 60%,#9c2f26)}.res .gicon{width:1.35em;height:1.35em;vertical-align:-.32em}.gear-ring{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-5);margin:6px 0 2px}.gear-col{display:flex;flex-direction:column;gap:var(--sp-7);align-items:center}.gear-center{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.gear-medallion-frame{width:152px;height:152px;border-radius:var(--r-round);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#2a3244,#0d1119 72%);border:3px solid transparent;background-origin:border-box;box-shadow:0 0 0 2px #0009,0 0 26px #e3c16847,inset 0 0 18px #0009;position:relative}.gear-medallion-frame:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--r-round);padding:var(--sp-2);background:conic-gradient(from 210deg,#f8e6a8,#b98f3c,#f8e6a8,#8a6626,#f8e6a8);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sigil-medallion{border-radius:var(--r-round);box-shadow:inset 0 0 12px #00000080}.gear-center-name{font-family:var(--display);font-size:var(--fs-6);letter-spacing:.4px;color:var(--gold-bright);text-align:center}.gear-center-house{font-size:var(--fs-3);font-weight:700;text-align:center}.gear-slot{width:78px;min-height:78px;border-radius:var(--r-round);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:radial-gradient(circle at 50% 38%,#222a3a,#0c1016 74%);border:2px solid rgba(227,193,104,.5);box-shadow:0 0 14px #e3c1682e,inset 0 1px #ffecbe14,inset 0 0 12px #0000008c;padding:var(--sp-3) var(--sp-2);text-align:center;position:relative}.gear-slot.empty{border-color:#78829659;box-shadow:inset 0 0 12px #00000080;opacity:.72}.gear-slot-emblem{font-size:var(--fs-8);line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.gear-slot-name{font-size:var(--fs-1);color:var(--muted);max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-slot.filled .gear-slot-name{color:#d9cdb0}.gear-slot-lvl{font-family:var(--display);font-size:var(--fs-1);font-weight:700;color:#2a1c06;background:var(--grad-gold);border-radius:var(--r-pill);padding:0 var(--sp-3);line-height:14px;box-shadow:0 1px 3px #0006;position:absolute;bottom:-7px}@media (max-width: 420px){.gear-medallion-frame{width:122px;height:122px}.gear-slot{width:66px;min-height:66px}.gear-slot-emblem{font-size:var(--fs-8)}}.coming-soon{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--display);font-size:var(--fs-2);letter-spacing:.4px;padding:var(--sp-1) var(--sp-4);border-radius:var(--r-pill);white-space:nowrap;color:#1c1508;background:linear-gradient(180deg,var(--gold-bright, #f0d98a),var(--gold-dim, #c9a441));border:1px solid rgba(120,92,30,.6);box-shadow:inset 0 1px #ffffff59}.coming-soon.corner{position:absolute;top:8px;right:8px;z-index:2;pointer-events:none}html,body{max-width:100%;overflow-x:hidden}.battle-modal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.battle-card,.auth-card,.chest-reveal,.coach,.raid-coach,.faith-card,.dragon-card{max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.backdrop{height:100vh;height:100dvh}@media (min-width: 761px){.chat-log{max-height:38dvh}}.row,.row.standing,.row.wrap,.btns,.btn-row,.actions,.buff-chips,.store-grid,.fair-stats,.cmd-head{flex-wrap:wrap}.drawer-head{flex-wrap:nowrap;gap:var(--sp-5);align-items:flex-start}.drawer-head h2{min-width:0;overflow-wrap:anywhere}.drawer-head .x{flex:0 0 auto}.btn,input,select{max-width:100%}.panel,.drawer,.rail.right,.battle-card{overflow-wrap:anywhere}.battle-share-link{max-width:100%;box-sizing:border-box}@media (max-width: 760px){.rail.right,.drawer,.drawer.left,.drawer.right,.drawer.wide{max-height:60vh;max-height:62dvh}.resbar{max-width:100%}}@media (max-height: 520px){.rail.right,.drawer,.drawer.left,.drawer.right,.drawer.wide{max-height:82dvh}.battle-card,.auth-card,.chest-reveal,.coach,.raid-coach{max-height:94dvh}}.resbar{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-width:100%}.resbar::-webkit-scrollbar{display:none}.resbar .res{flex:0 0 auto}aside.drawer,.drawer,.rail.right{position:absolute}.rail.right>.rail-head{position:sticky;top:0;z-index:3}@media (max-width: 760px){.dock{gap:var(--sp-2);padding:var(--sp-3)}.dock .dockbtn{flex:1 1 0;min-width:40px;padding:6px 1px;font-family:var(--ui);letter-spacing:0;font-size:clamp(8px,2.5vw - 2px,10.5px);overflow:hidden;white-space:nowrap}.dock .dockbtn .ico{font-size:var(--fs-7)}.dock .dock-badge{right:2px}.coach{flex-wrap:wrap;row-gap:var(--sp-3)}.coach>.btn,.coach .btn.small{order:4;flex:1 1 100%}}@supports (height: 100dvh){.game{inset:0 0 auto 0;height:100dvh}}.hud-top{padding-top:max(10px,env(safe-area-inset-top))}.drawer,.rail.right,.battle-card,.auth-card,.chest-reveal,.coach,.raid-coach,.faith-card,.dragon-card{min-width:min(280px,calc(100vw - 16px))}