:root{--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--ui-display:"Cinzel", "Trajan Pro", "Palatino Linotype", "Book Antiqua", Palatino, "Noto Serif", Georgia, "Times New Roman", serif;--ui-bg:#120e0acc;--ui-bg-strong:#16110cf0;--ui-bg-raised:#ffecc812;--ui-bg-hover:#ffdc9624;--ui-scrim:#0604028c;--ui-border:#e8be6e52;--ui-border-strong:#f4cc7acc;--ui-gold:#f2c86b;--ui-gold-hi:#ffe2a0;--ui-gold-lo:#b9822f;--ui-text:#f7efe1;--ui-text-dim:#cbbfa8;--ui-text-faint:#918672;--ui-good:#94e37f;--ui-bad:#ff7d5e;--ui-info:#86c8ff;--ui-mana:#6fb6ff;--tribe-0:#5a88ff;--tribe-1:#ff4a3a;--tribe-2:#ffe040;--tribe-3:#40e060;--ui-radius:16px;--ui-radius-m:12px;--ui-radius-s:8px;--ui-shadow:0 12px 32px #00000080, 0 2px 8px #00000059;--ui-glow:0 0 0 1px #ffd68240, 0 0 18px #ffc45a33;--ui-blur:blur(14px) saturate(1.25);--ui-tap:44px;--ui-ease:cubic-bezier(.2, .8, .2, 1);--ui-fast:.14s;--ui-med:.22s}.ui-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);color:var(--ui-text);font:15px/1.45 var(--ui-font)}.ui-card.ui-glass{-webkit-backdrop-filter:var(--ui-blur);background:#120e0aad}.ui-card.strong{background:var(--ui-bg-strong)}.ui-title{font-family:var(--ui-display);color:var(--ui-gold);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #0009;margin:0;font-weight:700}.ui-dim{color:var(--ui-text-dim)}.ui-faint{color:var(--ui-text-faint)}.ui-btn{min-height:var(--ui-tap);min-width:var(--ui-tap);border-radius:var(--ui-radius-m);border:1px solid var(--ui-border);background:var(--ui-bg-raised);color:var(--ui-text);font:600 15px/1.2 var(--ui-font);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;transition:background var(--ui-fast) var(--ui-ease), border-color var(--ui-fast) var(--ui-ease), transform var(--ui-fast) var(--ui-ease);justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.ui-btn:hover{background:var(--ui-bg-hover);border-color:var(--ui-border-strong)}.ui-btn:active{transform:scale(.97)}.ui-btn:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:2px}.ui-btn:disabled{opacity:.4;cursor:default;transform:none}.ui-btn.primary{color:#2a1606;box-shadow:var(--ui-glow);background:linear-gradient(#ffdc8e,#d99a3c);border-color:#7a4c12}.ui-btn.primary:hover{background:linear-gradient(#ffe7ad,#e7aa4c)}.ui-btn.danger{color:#ffd2c4;border-color:#ff7d5e99}.ui-btn.icon{width:var(--ui-tap);padding:0;font-size:20px}.ui-chip{background:var(--ui-bg-raised);border:1px solid var(--ui-border);font:600 13px/1.2 var(--ui-font);color:var(--ui-text);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.ui-bar{background:#ffffff1a;border-radius:999px;height:8px;position:relative;overflow:hidden}.ui-bar>i{border-radius:inherit;background:linear-gradient(90deg, var(--ui-gold-lo), var(--ui-gold-hi));width:0;transition:width var(--ui-med) var(--ui-ease);position:absolute;inset:0 auto 0 0}.ui-bar.good>i{background:linear-gradient(90deg, #4fae45, var(--ui-good))}.ui-bar.bad>i{background:linear-gradient(90deg, #c2402a, var(--ui-bad))}.ui-bar.mana>i{background:linear-gradient(90deg, #2d6fd0, var(--ui-mana))}.ui-stats{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:6px 18px;display:grid}.ui-stats>:nth-child(odd){color:var(--ui-text-dim)}.ui-stats>:nth-child(2n){color:var(--ui-text);text-align:right;font-weight:700}.ui-scrim{background:var(--ui-scrim);position:fixed;inset:0}@keyframes ui-pop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}@keyframes ui-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.ui-pop{animation:ui-pop var(--ui-med) var(--ui-ease) both}.ui-rise{animation:ui-rise var(--ui-med) var(--ui-ease) both}.ui-fade{animation:ui-fade var(--ui-med) var(--ui-ease) both}@media (prefers-reduced-motion:reduce){.ui-pop,.ui-rise,.ui-fade{animation:none}.ui-btn{transition:none}}#menu{z-index:16;padding:max(12px, var(--safe-t)) max(12px, var(--safe-r)) max(12px, var(--safe-b)) max(12px, var(--safe-l));color:var(--ui-text);font:15px/1.45 var(--ui-font);cursor:var(--fe-pointer,default), default;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#menu button,#menu input,#menu label{cursor:inherit}#menu[data-backdrop=game]{-webkit-backdrop-filter:blur(6px)saturate(.9);backdrop-filter:blur(6px)saturate(.9);animation:ui-fade var(--ui-med) var(--ui-ease) both;background:radial-gradient(130% 100% at 50% 40%,#0e09045c,#060402cc)}#menu[data-backdrop=none]{pointer-events:none;padding:0}html canvas#fe{pointer-events:none}.ic{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}:is(#menu,#loading) .ui-btn{text-align:left;-webkit-tap-highlight-color:transparent}:is(#menu,#loading) .ui-btn:active{border-color:var(--ui-border-strong);background:#ffdc9633}:is(#menu,#loading) .ui-btn.primary:active{background:linear-gradient(#ffe7ad,#e7aa4c);border-color:#7a4c12}.ui-btn>.ic{width:20px;height:20px}.ui-btn>.ic.trail{opacity:.55;width:18px;height:18px;margin-left:auto}.btn-label{min-width:0}.btn-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.btn-text>small{font:500 12.5px/1.25 var(--ui-font);color:var(--ui-text-dim);opacity:1;margin-top:2px;display:block}.ui-btn.primary .btn-text>small{color:#2a1606c7}.ui-btn.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16100aa8;border-color:#f4cc7a4d}.ui-btn.glass:hover{border-color:var(--ui-border-strong);background:#342514cc}:is(#menu,#loading) .ui-btn.glass:active{background:#46321ad9}.ui-btn.ghost{background:0 0;border-color:#0000}.ui-btn.ghost:hover{background:var(--ui-bg-hover);border-color:#0000}.ui-btn.danger{background:#7820104d}.ui-btn.danger>.ic{color:var(--ui-bad)}.ui-btn.danger.solid{color:#fff4ee;background:linear-gradient(#e2593d,#a8321e);border-color:#5e170a}.ui-btn.danger.solid>.ic{color:inherit}:is(#menu,#loading) .ui-btn.danger:active{background:#a0301880}:is(#menu,#loading) .ui-btn.danger.solid:active{background:linear-gradient(#ee6c50,#b93c25)}.ui-btn.icon>.ic{width:22px;height:22px}.ui-chip .ic{width:15px;height:15px}.ui-chip.good{color:var(--ui-good);border-color:#94e37f66}.ui-chip.new{color:var(--ui-gold-hi);border-color:#f2c86b73}.scr-card{width:min(100%, var(--w,520px));border-color:#f4cc7a57;flex-direction:column;max-height:100%;display:flex;overflow:hidden}.scr-head{border-bottom:1px solid #e8be6e24;align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.scr-head>.ui-btn.icon:first-child{margin-left:-6px}.scr-icon{width:26px;height:26px;color:var(--ui-gold);margin-left:2px}.scr-titles{flex:1;min-width:0}.scr-titles .ui-title{font-size:clamp(21px,5.6vw,26px);line-height:1.15}.scr-sub{color:var(--ui-text-dim);margin:2px 0 0;font-size:13.5px;line-height:1.35}.scr-sub.dim{color:var(--ui-text-faint)}.scr-body{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#f2c86b59 transparent;flex:auto;min-height:0;padding:14px 14px 16px;overflow-y:auto}.scr-foot{border-top:1px solid #e8be6e24;padding:10px 14px 14px;display:flex}.scr-foot .ui-btn{flex:1;justify-content:center;min-height:50px;font-size:16px}.title-page{flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,4vh,40px);width:100%;height:100%;display:flex}.title-brand{flex-direction:column;flex:none;align-items:center;display:flex}.title-logo{aspect-ratio:294/111;flex:none;width:min(88vw,560px)}.title-sub{text-align:center;text-shadow:0 2px 6px #000000e6,0 0 18px #0009;flex-direction:column;align-items:center;margin:2px 0 0;display:flex}.title-sub span{font:700 clamp(15px, 2.4vh, 24px)/1.1 var(--ui-display);letter-spacing:.34em;text-transform:uppercase;color:var(--ui-gold-hi);margin-right:-.34em}.title-sub small{font:600 12px/1.2 var(--ui-font);letter-spacing:.14em;color:#ffeecdc7;margin-top:5px}.title-nav{flex-direction:column;gap:10px;width:min(100%,380px);display:flex}.title-nav .ui-btn{border-radius:14px;justify-content:flex-start;gap:12px;min-height:58px;padding:9px 14px 9px 16px;font-size:17px}.title-nav .ui-btn>.ic:first-child{width:24px;height:24px;color:var(--ui-gold)}.title-nav .ui-btn.primary>.ic{color:#3a1f08}.title-nav .ui-btn.primary{box-shadow:var(--ui-glow), 0 8px 24px #00000073}@media (width>=1000px) and (height>=700px){.title-logo{width:min(70.4vh,760px)}.title-nav{gap:12px;width:420px}.title-nav .ui-btn{min-height:64px;font-size:18px}}.title-foot{left:0;right:0;bottom:max(8px, var(--safe-b));text-align:center;color:#ffeecdb3;text-shadow:0 1px 3px #000000e6;margin:0;padding:0 16px;font-size:12px;position:absolute}.set-card{--w:580px}.set-section{break-inside:avoid}.set-section+.set-section{margin-top:16px}.set-section>h3{font:700 11.5px/1.2 var(--ui-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-gold);margin:0 0 6px 4px}.set-group{border-radius:var(--ui-radius-m);background:#ffecc80b;border:1px solid #e8be6e29}.set-row{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:56px;padding:8px 12px;display:flex}.set-row+.set-row{border-top:1px solid #e8be6e1a}.set-row>.ic{width:22px;height:22px;color:var(--ui-gold)}.set-label{flex-direction:column;flex:60px;min-width:0;display:flex}.set-label>span{font-size:15.5px;font-weight:600}.set-label>small{color:var(--ui-text-dim);font-size:12.5px;line-height:1.3}.set-row>.seg{flex:270px}.set-row>.range{flex:160px;min-width:0}.set-row>.ui-btn.wide{flex:1;justify-content:center}.seg{--i:0;--n:3;isolation:isolate;background:#00000061;border:1px solid #e8be6e38;border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:3px;display:grid;position:relative}.seg:before{content:"";z-index:-1;top:3px;bottom:3px;left:calc(3px + (100% - 6px) / var(--n) * var(--i));width:calc((100% - 6px) / var(--n));transition:left var(--ui-med) var(--ui-ease);background:linear-gradient(#ffdc8e,#d99a3c);border-radius:9px;position:absolute;box-shadow:0 2px 8px #00000073,inset 0 1px #ffffff73}.seg.none:before{opacity:0}.seg>button{all:unset;box-sizing:border-box;font:600 clamp(13.5px, 3.8vw, 14.5px)/40px var(--ui-font);color:var(--ui-text-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:inherit;transition:color var(--ui-fast) var(--ui-ease);border-radius:9px;padding:0 6px;display:block;overflow:hidden}.seg>button:hover{color:var(--ui-text)}.seg>button[aria-checked=true]{color:#2a1606}.seg>button:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:-1px}button.switch{all:unset;box-sizing:border-box;width:52px;height:32px;cursor:inherit;transition:background var(--ui-fast) var(--ui-ease), border-color var(--ui-fast) var(--ui-ease);background:#ffffff24;border:1px solid #e8be6e4d;border-radius:999px;flex:none;position:relative}button.switch:after{content:"";width:24px;height:24px;transition:transform var(--ui-med) var(--ui-ease), background var(--ui-fast);background:#e9dcc5;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000008c}button.switch[aria-checked=true]{background:linear-gradient(#ffd27a,#c98a2e);border-color:#7a4c12}button.switch[aria-checked=true]:after{background:#fffaf0;transform:translate(20px)}button.switch:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:2px}.range{align-items:center;gap:12px;display:flex}.range input{--v:50%;appearance:none;width:0;min-width:0;height:44px;cursor:inherit;background:0 0;flex:1;margin:0}.range input:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:2px;border-radius:8px}.range input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ui-gold-lo), var(--ui-gold-hi)) 0 0 / var(--v) 100% no-repeat, #ffffff24;border-radius:999px;height:8px}.range input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff6e2;border:2px solid #c98a2e;border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 2px 8px #0000008c}.range input::-moz-range-track{background:#ffffff24;border-radius:999px;height:8px}.range input::-moz-range-progress{background:linear-gradient(90deg, var(--ui-gold-lo), var(--ui-gold-hi));border-radius:999px;height:8px}.range input::-moz-range-thumb{background:#fff6e2;border:2px solid #c98a2e;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #0000008c}.range-val{text-align:right;font-variant-numeric:tabular-nums;min-width:3.4em;color:var(--ui-gold-hi);font-weight:700}.pause-card{--w:420px;width:min(100%, var(--w));overscroll-behavior:contain;flex-direction:column;gap:12px;max-height:100%;padding:16px;display:flex;overflow-y:auto}.pause-head{align-items:flex-start;gap:8px;display:flex}.pause-head .ui-title{font-size:28px}.pause-head>.ui-btn{margin:-6px -6px 0 0}.pause-resume{min-height:56px;font-size:17px}.pause-speed{background:#ffecc80b;border:1px solid #e8be6e29;border-radius:14px;align-items:center;gap:10px;padding:4px 4px 4px 12px;display:flex}.pause-speed>.ic{width:20px;height:20px;color:var(--ui-gold)}.pause-speed>span{flex:1;font-weight:600}.pause-speed>.seg{flex:0 210px}.pause-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pause-grid .ui-btn{justify-content:flex-start;min-height:50px}.pause-grid .ui-btn>.ic{color:var(--ui-gold)}.pause-grid .ui-btn.danger>.ic{color:var(--ui-bad)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.list-card{--w:760px}.map-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;display:grid}.ui-btn.map{justify-content:flex-start;gap:12px;min-height:60px;padding:8px 14px 8px 10px}.ui-btn.map>.ic.trail{color:var(--ui-gold);opacity:.85}.map-num{width:36px;height:36px;color:var(--ui-gold-hi);font:700 15px/1 var(--ui-font);font-variant-numeric:tabular-nums;background:#f2c86b21;border:1px solid #f2c86b59;border-radius:10px;flex:none;place-items:center;display:grid}.res-card{--w:560px;width:min(100%, var(--w));overscroll-behavior:contain;text-align:center;flex-direction:column;gap:16px;max-height:100%;padding:22px 18px 18px;display:flex;position:relative;overflow:hidden auto}.res-card.won{box-shadow:var(--ui-shadow), 0 0 70px #ffbe5029;border-color:#ffd6828c}.res-card.lost{border-color:#ff7d5e73}.res-head{flex-direction:column;align-items:center;gap:4px;display:flex}.res-badge{color:#3a1f08;width:64px;height:64px;animation:res-badge .7s var(--ui-ease) 80ms both;background:radial-gradient(circle at 35% 30%,#fff1c4,#f2c86b 45%,#b9822f);border-radius:50%;place-items:center;margin-bottom:6px;display:grid;box-shadow:0 0 0 4px #f2c86b29,0 0 36px #ffc45a73}.res-badge .ic{stroke-width:1.7px;width:34px;height:34px}.res-card.lost .res-badge{color:#ffe1d8;background:radial-gradient(circle at 35% 30%,#c96a52,#7a2a1a 60%,#4a160c);box-shadow:0 0 0 4px #ff7d5e24}.res-eyebrow{font:800 12.5px/1.2 var(--ui-font);letter-spacing:.32em;text-transform:uppercase;color:var(--ui-gold);margin:0}.res-card.lost .res-eyebrow{color:var(--ui-bad)}.res-title{font:700 clamp(24px, 6.6vw, 34px)/1.15 var(--ui-display);color:var(--ui-text);text-wrap:balance;text-shadow:0 2px 12px #00000080;margin:0}.res-card.won .res-title{background:linear-gradient(#fff6dc,#f2c86b);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.res-level{color:var(--ui-text-dim);margin:2px 0 0;font-size:14.5px}.res-note{color:#ffc9b8;margin:0;font-size:14px}.res-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.ui-chip.best{color:#2a1606;animation:ui-pop var(--ui-med) var(--ui-ease) .65s both, res-shine 2.8s linear 1s infinite;background:linear-gradient(100deg,#f2c86b 20%,#fff1c4 40%,#f2c86b 60%) 0 0/250% 100%;border-color:#7a4c12}.res-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.res-stat{background:#ffecc80d;border:1px solid #e8be6e26;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px 4px 9px;display:flex}.res-stat .ic{width:20px;height:20px;color:var(--ui-gold)}.res-stat b{font:800 22px/1.15 var(--ui-font);font-variant-numeric:tabular-nums;color:var(--ui-text)}.res-stat span{color:var(--ui-text-dim);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;font-size:11.5px;line-height:1.2}.res-actions{flex-direction:column;gap:10px;display:flex}.res-primary{justify-content:flex-start;gap:12px;min-height:58px;font-size:17px}.res-more{flex-wrap:wrap;gap:10px;display:flex}.res-more .ui-btn{flex:200px;justify-content:center;min-height:48px;padding:8px 12px;font-size:14.5px}.btn-planet{border-radius:50%;flex:none;width:40px;height:40px;box-shadow:0 0 0 2px #3a1f0859,0 2px 8px #00000059}@keyframes res-badge{0%{opacity:0;transform:scale(.4)rotate(-20deg)}60%{opacity:1;transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:none}}@keyframes res-shine{0%{background-position:100% 0}to{background-position:-150% 0}}#menu[data-page=planets]{display:block}.pl-page{position:absolute;inset:0}.pl-space{pointer-events:auto;touch-action:none;position:absolute;inset:0}.pl-top{z-index:1;top:max(10px, var(--safe-t));left:max(10px, var(--safe-l));right:max(10px, var(--safe-r));pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.pl-top>*{pointer-events:auto}.pl-back{padding:8px 16px 8px 10px}.pl-progress{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120d08b3;padding:7px 12px}.pl-progress .ic{color:var(--ui-gold)}.pl-card{--pl-dock:bottom;z-index:1;left:0;right:0;bottom:max(10px, var(--safe-b));width:min(640px, calc(100% - 20px - var(--safe-l) - var(--safe-r)));pointer-events:auto;flex-direction:column;gap:10px;margin:0 auto;padding:12px;display:flex;position:absolute}.pl-row{align-items:center;gap:8px;display:flex}.pl-row>.ui-btn.icon{border-radius:50%}.pl-name{text-align:center;flex:1;min-width:0}.pl-name.swap{animation:pl-swap .26s var(--ui-ease) both}.pl-eyebrow{font:700 11.5px/1.2 var(--ui-font);letter-spacing:.16em;text-transform:uppercase;color:var(--ui-gold);margin:0}.pl-title{font:700 clamp(20px, 5.4vw, 26px)/1.15 var(--ui-display);color:var(--ui-text);text-wrap:balance;margin:3px 0 6px}.pl-meta{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pl-meta .ui-chip{padding:3px 9px;font-size:12.5px}.pl-bar{aspect-ratio:608/61;touch-action:none;width:100%;cursor:inherit;filter:drop-shadow(0 2px 6px #00000080);display:block}.pl-actions{flex-wrap:wrap;gap:10px;display:flex}.pl-actions>.seg{flex:250px}.pl-play{flex:200px;justify-content:center;min-height:50px;font-size:17px}@keyframes pl-swap{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.dlg-layer{z-index:5;padding:max(16px, var(--safe-t)) max(16px, var(--safe-r)) max(16px, var(--safe-b)) max(16px, var(--safe-l));pointer-events:auto;background:#0604028c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dlg{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(100%,380px);padding:20px 18px 16px;display:flex}.dlg-icon{width:52px;height:52px;color:var(--ui-gold);background:#f2c86b24;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.dlg.danger .dlg-icon{color:var(--ui-bad);background:#ff7d5e29}.dlg-icon .ic{width:28px;height:28px}.dlg-title{font:700 20px/1.25 var(--ui-font);color:var(--ui-text);margin:0}.dlg-text{color:var(--ui-text-dim);margin:0;font-size:14.5px}.dlg-actions{gap:10px;width:100%;margin-top:10px;display:flex}.dlg-actions .ui-btn{flex:1;justify-content:center;min-height:48px}#help{--w:720px}.help-cols{columns:2 300px;column-gap:12px}.help-sec{break-inside:avoid;border-radius:var(--ui-radius-m);background:#ffecc80b;border:1px solid #e8be6e26;margin:0 0 12px;padding:12px 14px;container-type:inline-size}.help-sec.goal{column-span:all;background:linear-gradient(135deg,#f2c86b29,#f2c86b0d);border-color:#f2c86b66}.help-sec h3{font:700 16px/1.2 var(--ui-font);color:var(--ui-gold-hi);align-items:center;gap:8px;margin:0 0 8px;display:flex}.help-sec h3 .ic{width:22px;height:22px;color:var(--ui-gold)}.help-sec h3 small{font:600 10.5px/1 var(--ui-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-text-faint);border:1px solid #e8be6e38;border-radius:999px;padding:3px 7px}.help-sec p{margin:0;font-size:15px;line-height:1.55}.help-keys{grid-template-columns:fit-content(46%) 1fr;align-items:baseline;gap:7px 12px;margin:0;display:grid}.help-keys>div{display:contents}.help-keys dt{font:600 13.5px/1.3 var(--ui-font);color:var(--ui-gold-hi);background:#00000052;border:1px solid #e8be6e38;border-radius:8px;justify-self:start;padding:3px 8px}.help-keys dd{margin:0;font-size:14.5px;line-height:1.4}@container (width<=440px){.help-keys,.help-keys>div{display:block}.help-keys>div+div{margin-top:9px}.help-keys dt{margin-right:6px;display:inline-block}.help-keys dd{display:inline}}@media (width>=1100px) and (height>=600px){#help{--w:1040px}}#loading{z-index:30;padding:max(20px, var(--safe-t)) max(20px, var(--safe-r)) max(20px, var(--safe-b)) max(20px, var(--safe-l));background:radial-gradient(120% 90% at 50% 42%, #1e130880, #060402eb), var(--fe-backdrop,linear-gradient(#2a1a0a, #0d0804)) center / cover no-repeat, #120c06;color:var(--ui-text);font:15px/1.45 var(--ui-font);text-align:center;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ld-card{flex-direction:column;align-items:center;gap:10px;width:min(100%,440px);display:flex}.ld-eyebrow{font:700 12px/1.2 var(--ui-font);letter-spacing:.28em;text-transform:uppercase;color:var(--ui-gold);margin:0}.ld-eyebrow:empty{display:none}#ld-title{text-wrap:balance;font-size:clamp(24px,7vw,36px);line-height:1.15}.ld-bar{width:min(340px,76vw);height:6px;margin-top:8px;box-shadow:0 0 18px #f2c86b29}#ld-text{min-height:1.45em;color:var(--ui-text-dim);margin:0;font-size:14.5px}#ld-planet{border-radius:50%;width:112px;height:112px;margin-bottom:8px;animation:.4s both ui-fade,3.2s ease-in-out infinite alternate ld-float;box-shadow:0 0 0 1px #ffffff14,0 0 48px #82afff40}@keyframes ld-float{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.ld-alert{display:none}#ld-retry{justify-content:center;min-height:48px;margin-top:6px;padding:10px 28px;font-size:16px}#loading.error .ld-card{border-radius:var(--ui-radius);background:var(--ui-bg-strong);box-shadow:var(--ui-shadow);border:1px solid #ff7d5e80;padding:22px 18px 18px}#loading.error .ld-alert{width:44px;height:44px;color:var(--ui-bad);display:block}#loading.error .ld-bar{display:none}#loading.error .ld-eyebrow{color:var(--ui-bad)}#loading.error #ld-title{color:var(--ui-text);font-size:22px}#loading.error #ld-text{color:#ffd2c4;text-align:left;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;width:100%;max-height:40vh;padding:10px 12px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}@media (width<=400px){.res-card{padding:18px 14px 14px}.res-stats{gap:6px}.res-stat{padding:9px 2px 8px}.res-stat b{font-size:20px}.res-stat span{font-size:11px}}@media (orientation:portrait) and (width<=600px){#menu[data-page=pause]{padding:max(12px, var(--safe-t)) 0 0;justify-content:flex-end}.pause-card{width:100%;padding:10px 16px max(16px, calc(10px + var(--safe-b)));border-bottom:0;border-radius:22px 22px 0 0;animation-name:sheet-up;animation-duration:.28s}.pause-card:before{content:"";background:#ffffff40;border-radius:2px;align-self:center;width:40px;height:4px;margin-bottom:2px}}@media (orientation:landscape) and (height<=560px){.title-page{flex-direction:row;gap:clamp(16px,5vw,56px)}.title-logo{width:min(44vw,420px)}.title-nav{gap:8px;width:min(44vw,360px)}.title-nav .ui-btn{min-height:50px;padding:6px 14px}.scr-head{padding:8px 12px 6px}.scr-body{padding:10px 12px 12px}.set-card{--w:900px}.set-cols{columns:2;column-gap:14px}.set-section,.set-section+.set-section{margin:0 0 12px}.set-row{min-height:50px;padding:5px 12px}.list-card{--w:860px}.pause-card{--w:640px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.pause-head,.pause-grid{grid-column:1/-1}.pause-grid{grid-template-columns:repeat(4,1fr)}.pause-grid .ui-btn{justify-content:center;gap:7px;padding:8px 10px}.pause-resume{min-height:50px}.res-card{--w:840px;grid-template-columns:1fr 1.3fr;grid-template-areas:"head stats""head actions";align-items:center;gap:14px 20px;padding:16px 18px;display:grid}.res-head{grid-area:head}.res-stats{grid-area:stats}.res-actions{grid-area:actions}.res-badge{width:52px;height:52px}.res-badge .ic{width:28px;height:28px}.res-stat{padding:7px 4px 6px}.res-stat b{font-size:19px}.res-primary{min-height:52px}.res-more .ui-btn{min-height:44px}.pl-card{--pl-dock:right;top:max(10px, var(--safe-t));right:max(10px, var(--safe-r));bottom:max(10px, var(--safe-b));justify-content:center;width:min(330px,44vw);margin:0;left:auto;overflow-y:auto}.pl-top{right:calc(max(10px, var(--safe-r)) + min(330px, 44vw) + 10px)}.pl-title{font-size:21px}.help-sec{padding:10px 12px}#help .scr-sub{display:none}#help .scr-titles .ui-title{font-size:21px}.scr-foot{padding:6px 12px 8px}.scr-foot .ui-btn{min-height:44px}}@media (width>=1600px) and (height>=900px){#menu,#loading{zoom:1.2}}@media (width>=2300px) and (height>=1300px){#menu,#loading{zoom:1.5}}@media (width>=3200px) and (height>=1800px){#menu,#loading{zoom:2}}@media (prefers-reduced-motion:reduce){.pl-name.swap,.res-badge,.ui-chip.best,#ld-planet,#menu[data-backdrop=game]{animation:none}.seg:before,button.switch,button.switch:after{transition:none}}.bubble{--tip:50%;--bb-line:#f4cc7a99;--bb-bottom:#19120a;z-index:3;pointer-events:auto;touch-action:manipulation;min-width:172px;max-width:288px;color:var(--ui-text);font:12.5px/1.25 var(--ui-font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;will-change:transform;position:absolute;top:0;left:0}.bubble.off{visibility:hidden}.bubble .bb-in{transform-origin:var(--tip) calc(100% + 9px);position:relative}.bubble[data-side=below] .bb-in{transform-origin:var(--tip) -9px}.bubble[data-side=right] .bb-in{transform-origin:-9px var(--tip)}.bubble[data-side=left] .bb-in{transform-origin:calc(100% + 9px) var(--tip)}.bubble .bb-in.pop{animation:bb-pop .19s var(--ui-ease) both}@keyframes bb-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}.bubble .bb-card{border:1px solid var(--bb-line);background:linear-gradient(#3e2b13e6,#19120ae0);border-radius:12px;flex-direction:column;gap:4px;padding:5px 6px 6px 8px;display:flex;box-shadow:0 6px 18px #00000073,0 0 0 1px #0000004d,inset 0 1px #ffe8b029}.bubble .bb-tip{left:var(--tip);background:var(--bb-bottom);border-right:1px solid var(--bb-line);border-bottom:1px solid var(--bb-line);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;transform:rotate(45deg)}.bubble[data-side=below] .bb-tip{background:#3c2a13;top:-5px;bottom:auto;transform:rotate(225deg)}.bubble[data-side=right] .bb-tip,.bubble[data-side=left] .bb-tip{bottom:auto;top:var(--tip);background:#2c1f0f;margin:-5px 0 0}.bubble[data-side=right] .bb-tip{left:-5px;transform:rotate(135deg)}.bubble[data-side=left] .bb-tip{left:auto;right:-5px;transform:rotate(-45deg)}.bubble .bb-head{align-items:center;gap:6px;min-height:26px;display:flex}.bubble .bb-pic{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #0009);flex:none}.bubble .bb-pic.symbol{width:20px;height:20px;margin:0 2px}.bubble .bb-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ui-gold-hi);text-shadow:0 1px 2px #0009;flex:auto;font-size:13px;font-weight:700;overflow:hidden}.bubble .bb-dot{background:var(--c);width:9px;height:9px;box-shadow:0 0 0 1.5px #00000080, 0 0 6px var(--c);border-radius:50%;flex:none}.bubble .bb-act,.bubble .bb-flag,.bubble .bb-x,.bubble .bb-slot,.bubble .bb-side{appearance:none;min-width:0;min-height:0;font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;margin:0;padding:0;position:relative}.bubble button{cursor:pointer}.bubble button:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:1px}.bubble .bb-ico{flex:none;width:15px;height:15px}.bubble .bb-act{white-space:nowrap;background:#ffecc814;border:1px solid #f4cc7a8c;flex:none;align-items:center;gap:4px;height:26px;padding:0 9px 0 7px;font-size:12px;font-weight:650;display:inline-flex}.bubble .bb-act.icon-only{justify-content:center;width:30px;padding:0}.bubble .bb-act.primary,.bubble .bb-side.text.primary{color:#2a1606;background:linear-gradient(#ffdc8e,#d99a3c);border-color:#7a4c12}.bubble .bb-act.danger{color:#ffc7b6;border-color:#ff7d5e99}.bubble .bb-act:after,.bubble .bb-flag:after,.bubble .bb-x:after{content:"";position:absolute;inset:-6px -3px}.bubble .bb-x{width:26px;height:26px;color:var(--ui-text-dim);flex:none;place-items:center;margin-right:-2px;display:grid}.bubble .bb-x .bb-ico{width:16px;height:16px}.bubble .bb-flag{width:28px;height:26px;color:var(--ui-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;display:grid}.bubble .bb-flag .bb-ico{width:16px;height:16px}.bubble .bb-flag.on{color:var(--ui-gold-hi);background:#f2c86b24;border-color:#f2c86b99}.bubble .bb-row{align-items:center;gap:6px;display:flex}.bubble .bb-slots{gap:3px;display:flex}.bubble .bb-slot{background:#00000052;border:1px solid #f4cc7a6b;border-radius:7px;place-items:end center;width:28px;height:32px;padding-bottom:2px;display:grid;box-shadow:inset 0 1px 3px #00000080}.bubble .bb-slot img{object-fit:contain;width:auto;max-width:24px;height:26px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #0009)}.bubble .bb-slot.free{box-shadow:none;background:0 0;border:1px dashed #f4cc7a73}.bubble .bb-slot.free img{opacity:.22;filter:grayscale()}.bubble .bb-slot.coming{background:#0000002e;border-style:dashed}.bubble .bb-slot.coming img{animation:1.1s ease-in-out infinite alternate bb-come}@keyframes bb-come{0%{opacity:.3}to{opacity:.75}}.bubble .bb-aside{color:var(--ui-text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px}.bubble .bb-side{background:#00000040;border:1px solid #f4cc7a73;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.bubble .bb-side img{object-fit:contain;width:26px;height:26px;image-rendering:pixelated}.bubble .bb-side.text{white-space:nowrap;align-items:center;gap:3px;width:auto;height:30px;padding:0 8px 0 5px;font-size:12px;font-weight:650;display:inline-flex}.bubble .bb-side.on{border-color:var(--ui-bad);animation:.9s steps(2,jump-none) infinite bb-blink;box-shadow:0 0 8px #ff7d5e8c}@keyframes bb-blink{50%{box-shadow:none;border-color:#ff7d5e59}}.bubble .bb-slot.tap:active,.bubble .bb-act:active,.bubble .bb-side:active{transform:scale(.94)}@media (hover:hover){.bubble .bb-slot.tap:hover,.bubble .bb-side:hover{border-color:var(--ui-gold-hi);background:#ffdc961f}.bubble .bb-act:hover{border-color:var(--ui-gold-hi);background:#ffdc962e}.bubble .bb-act.primary:hover,.bubble .bb-side.text.primary:hover{background:linear-gradient(#ffe7ad,#e7aa4c)}.bubble .bb-x:hover,.bubble .bb-flag:hover{color:var(--ui-gold-hi)}}.bubble .bb-bars{grid-template-columns:auto minmax(36px,1fr) auto;grid-auto-flow:dense;align-items:center;gap:5px 8px;display:grid}.bubble .bb-bar{display:contents}.bubble .bb-bar .bb-l{text-overflow:ellipsis;min-width:0;color:var(--ui-text-dim);white-space:nowrap;grid-column:1;font-size:11px;font-weight:650;overflow:hidden}.bubble .bb-bar .bb-v{text-align:right;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;grid-column:3;max-width:9.5em;font-size:11px;overflow:hidden}.bubble .bb-bar.stalled .bb-v{color:#ffc27a}.bubble .bb-track{background:#ffffff1f;border-radius:999px;grid-area:auto/2;height:5px;position:relative;overflow:hidden}.bubble .bb-track>i{border-radius:inherit;background:var(--bb-fill);width:0;transition:width var(--ui-med) var(--ui-ease);position:absolute;inset:0 auto 0 0}.bubble .tone-birth{--bb-fill:linear-gradient(90deg, #2f9a4e, #6fe07c)}.bubble .tone-grow{--bb-fill:linear-gradient(90deg, #b8402c, #ff7d5e)}.bubble .tone-gold{--bb-fill:linear-gradient(90deg, var(--ui-gold-lo), var(--ui-gold-hi))}.bubble .tone-mana{--bb-fill:linear-gradient(90deg, #2d6fd0, var(--ui-mana))}.bubble .tone-life.good{--bb-fill:linear-gradient(90deg, #4fae45, var(--ui-good))}.bubble .tone-life.bad{--bb-fill:linear-gradient(90deg, #c2402a, var(--ui-bad))}.bubble .bb-line{color:var(--ui-text-dim);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}@media (prefers-reduced-motion:reduce){.bubble .bb-in.pop,.bubble .bb-slot.coming img,.bubble .bb-side.on{animation:none}.bubble .bb-track>i{transition:none}}#hud{--row:32px;--map:84px;--medal:52px;--tab-w:32px;--slot-w:48px;--slot-h:56px;--bar-pad:3px;--edge:6px;--gap:6px;--bar-h:calc(var(--slot-h) + 2 * var(--bar-pad) + 2px);--hud-surface:#110d09eb;--hud-chip:#0f0b08c2;z-index:10;pointer-events:none;font:15px/1.4 var(--ui-font);color:var(--ui-text);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#hud[data-orient=landscape]{--map:76px}@media (width>=1100px) and (height>=700px){#hud[data-orient]{--row:34px;--map:156px;--medal:60px;--tab-w:38px;--slot-w:56px;--slot-h:64px;--edge:10px;--gap:8px;font-size:15.5px}}@media (width>=1600px) and (height>=950px){#hud[data-orient]{--row:36px;--map:170px;--medal:64px;--tab-w:40px;--slot-w:60px;--slot-h:68px}}#hud button{font-family:var(--ui-font);-webkit-tap-highlight-color:transparent;min-width:0;min-height:0}#hud .ui-btn:active,#hud .ui-btn.on{background:var(--ui-bg-hover);border-color:var(--ui-border-strong)}#hud .ui-btn.primary:active{background:linear-gradient(#ffe7ad,#e7aa4c)}#hud .ui-btn.on{color:var(--ui-gold-hi)}#hud .ico{flex:none;width:22px;height:22px}#hud img{-webkit-user-drag:none}#hud>#overlay{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}#hud>.hud-layer{z-index:1;pointer-events:none;position:absolute;inset:0}#hud>.hud-layer>*{pointer-events:auto}#hud>#panel{touch-action:none;z-index:2;pointer-events:auto;position:absolute;top:0;left:0}#hud>#minimap{touch-action:none;z-index:3;pointer-events:auto;background:#000;border-radius:50%;position:absolute}#hud[data-layout=modern]>#panel,#hud[data-layout=classic] .hud-tray,#hud[data-layout=classic] .hud-stats,#hud[data-layout=classic] .hud-map{display:none}#hud .hud-free{z-index:4;pointer-events:none;position:absolute;inset:0}#hud[data-layout=classic] .hud-free{left:var(--view-inset,0px)}#hud .hud-free:before{content:"";height:calc(var(--safe-t) + var(--edge) + var(--row) + 18px);pointer-events:none;background:linear-gradient(#08060457,#0806041f 60%,#08060400);position:absolute;inset:0 0 auto}#hud[data-layout=classic] .hud-free:before{display:none}#hud .hud-top{top:calc(var(--safe-t) + var(--edge));left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge) + var(--map) + var(--gap));align-items:center;gap:var(--gap);flex-wrap:wrap;min-width:0;display:flex;position:absolute}#hud .hud-row{flex:none;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}#hud .hud-stats{align-items:center;gap:4px;min-width:0;display:flex}#hud .hud-menu{pointer-events:auto;width:var(--row);height:var(--row);background:var(--hud-chip);min-width:0;min-height:0;color:var(--ui-gold-hi);border-radius:50%;flex:none;box-shadow:0 2px 6px #0000004d}#hud .hud-menu .ico{width:18px;height:18px}@media (hover:hover){#hud .hud-menu:hover{background:#281e12e6}}#hud .hud-stat{pointer-events:auto;height:var(--row);background:var(--hud-chip);border:1px solid var(--ui-border);color:var(--ui-text);font:700 14px/1 var(--ui-font);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;border-radius:999px;outline:none;flex:none;align-items:center;gap:5px;padding:0 10px 0 7px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000047}#hud .hud-stat .si{object-fit:contain;flex:none;width:18px;height:18px}#hud .hud-stat.st-wood .si{color:var(--ui-gold);width:16px;height:16px}#hud .hud-stat .sv{letter-spacing:.01em}#hud .hud-stat .sb{background:#ffffff1f;height:2px;position:absolute;bottom:3px;left:9px;right:9px}#hud .hud-stat.st-mana .sv{color:#cfe6ff}#hud .hud-stat.waste .sb>i{background:var(--ui-bad);animation:.6s steps(2,jump-none) infinite hud-blink;width:100%!important}#hud .hud-stat.full .sb>i{background:linear-gradient(90deg, #c78a2a, var(--ui-gold-hi))}#hud .hud-stat.low .sv{color:#ffc27a}#hud .hud-stat.st-tribes{gap:5px;padding:0 9px}#hud .st-tribes .tdot{background:var(--c);width:11px;height:11px;box-shadow:0 0 0 1.5px #00000073, 0 0 6px var(--c);border-radius:50%}#hud .st-tribes .tdot.ally{border:2.5px solid var(--c);background:0 0}#hud .st-tribes .tdot.flash{animation:.5s steps(2,jump-none) infinite hud-dot}#hud .st-tribes.flash{animation:.5s steps(2,jump-none) 3 hud-flash}@media (width<=374px){#hud .hud-stat{gap:4px;padding:0 8px 0 6px;font-size:13px}#hud .hud-stat .si{width:16px;height:16px}#hud .hud-row,#hud .hud-stats{gap:3px}}#hud .hud-chips{align-items:center;gap:var(--gap);flex:1 1 0;min-width:0;display:flex}#hud[data-orient=portrait] .hud-chips{flex-basis:100%}#hud .hud-chip{pointer-events:auto;background:var(--hud-chip);min-width:0;max-width:100%;height:30px;color:var(--ui-text);font:600 13.5px/1 var(--ui-font);border:1px solid #f2c86b73;border-radius:999px;flex:0 auto;align-items:center;margin:0;padding:0;display:inline-flex;box-shadow:0 2px 8px #0000004d}#hud .task-chip .tc-text{min-width:0;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;margin:0;padding:0 4px 0 5px;display:inline-flex}#hud .task-chip .tc-line{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}#hud .task-chip .tc-num{color:#2a1606;width:20px;height:20px;font:800 12px/1 var(--ui-font);background:linear-gradient(#ffdc8e,#d99a3c);border-radius:50%;flex:none;place-items:center;display:grid}#hud .task-chip .tc-ic{width:18px;height:18px;color:var(--ui-info);margin-left:2px;display:none}#hud .task-chip.hint{border-color:#86c8ff80}#hud .task-chip.hint .tc-ic{display:block}#hud .task-chip:not(.hint) .tc-text{padding-left:5px}#hud .task-chip .tc-x{width:26px;min-width:0;height:26px;min-height:0;color:var(--ui-text-dim);cursor:pointer;background:#ffecc814;border:none;border-radius:50%;flex:none;place-items:center;margin:0 2px 0 0;padding:0;display:grid}#hud .task-chip .tc-x .ico{width:14px;height:14px}#hud .task-chip.hint .tc-x,#hud .task-chip .tc-x.hidden{display:none}#hud .task-chip.hint .tc-text{padding-right:12px}#hud .msg-chip{width:30px;color:var(--ui-gold-hi);cursor:pointer;flex:none;justify-content:center;position:relative}#hud[data-layout=modern][data-orient=portrait] .msg-chip{top:calc(max(var(--map), 2 * var(--row) + var(--gap)) + var(--gap));right:calc(-1 * (var(--map) + var(--gap)));position:absolute}#hud .msg-chip .ico{width:17px;height:17px}#hud .msg-chip b{color:#2a1606;min-width:16px;height:16px;font:800 10.5px/16px var(--ui-font);text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(#ffdc8e,#d99a3c);border-radius:8px;padding:0 4px;position:absolute;top:-5px;right:-6px}@media (hover:hover){#hud .hud-chip:hover{border-color:var(--ui-border-strong)}}#hud .hud-map{z-index:6;top:calc(var(--safe-t) + var(--edge));right:calc(var(--safe-r) + var(--edge));width:var(--map);height:var(--map);pointer-events:auto;box-shadow:0 0 0 1.5px #120c06, 0 0 0 3px var(--ui-gold-lo), 0 0 0 4px #0000008c, 0 6px 16px #0006;background:#10202a;border-radius:50%;position:absolute}#hud .hud-map>canvas{touch-action:none;border-radius:50%;width:100%;height:100%;display:block}#hud .map-zoom{border-color:var(--ui-border-strong);width:30px;min-width:30px;height:30px;min-height:30px;color:var(--ui-gold-hi);background:#140f0af0;border-radius:50%;position:absolute;bottom:-4px;left:-6px}#hud .map-zoom:before{content:"";border-radius:50%;position:absolute;inset:-7px}#hud .map-zoom .ico{width:15px;height:15px}#hud .hud-map.alarm:after{content:"";border:2.5px solid var(--ui-bad);pointer-events:none;border-radius:50%;animation:.9s ease-out 2 hud-ping;position:absolute;inset:-3px}#hud .hud-map.big{z-index:31;width:min(88vw,82vh,560px);height:min(88vw,82vh,560px);animation:ui-fade var(--ui-med) var(--ui-ease) both;margin:0;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}#hud .hud-map.big .map-zoom{width:46px;height:46px;inset:0 0 auto auto}#hud .hud-map.big .map-zoom .ico{width:20px;height:20px}#hud .hud-map-scrim{z-index:30;background:var(--ui-scrim);pointer-events:auto;position:absolute;inset:0}#hud .hud-upper{top:calc(var(--safe-t) + var(--edge) + var(--row) + var(--gap));left:calc(var(--safe-l) + var(--edge) + var(--map) + var(--gap));right:calc(var(--safe-r) + var(--edge) + var(--map) + var(--gap));align-items:center;gap:var(--gap);pointer-events:none;flex-direction:column;display:flex;position:absolute}#hud[data-orient=portrait] .hud-upper{top:calc(var(--safe-t) + var(--edge) + max(var(--map), 2 * var(--row) + var(--gap)) + var(--gap));left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge))}#hud[data-layout=classic] .hud-upper{left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge))}#hud .hud-msg{pointer-events:auto;background:var(--hud-surface);cursor:pointer;border:1px solid #f2c86b6b;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"face title count next""body body body body";align-items:center;gap:5px 8px;width:100%;max-width:520px;padding:7px 7px 9px 9px;display:grid;box-shadow:0 8px 22px #0000006b}#hud .msg-face{width:32px;height:32px;box-shadow:0 0 0 1.5px #120c06, 0 0 0 2.5px var(--ui-gold-lo);background:radial-gradient(circle at 50% 30%,#2d4f94,#0c1428 72%);border-radius:50%;grid-area:face}#hud .msg-title{min-width:0;font:700 12px/1.2 var(--ui-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-gold);white-space:nowrap;text-overflow:ellipsis;grid-area:title;overflow:hidden}#hud .msg-count{font:600 12px/1 var(--ui-font);color:var(--ui-text-dim);font-variant-numeric:tabular-nums;grid-area:count}#hud .msg-next{min-width:0;height:28px;min-height:0;color:var(--ui-gold-hi);font:700 13px/1 var(--ui-font);cursor:pointer;background:#f2c86b29;border:1px solid #f2c86b80;border-radius:999px;grid-area:next;align-items:center;gap:1px;margin:0;padding:0 6px 0 11px;display:inline-flex}#hud .msg-next .ico{width:15px;height:15px}#hud .msg-body{overscroll-behavior:contain;touch-action:pan-y;max-height:5.68em;font:14px/1.42 var(--ui-font);color:var(--ui-text);white-space:pre-line;scrollbar-width:thin;scrollbar-color:#f2c86b59 transparent;grid-area:body;overflow-y:auto}#hud #toasts{pointer-events:none;flex-direction:column;align-items:center;width:100%;display:flex}#hud .toast{pointer-events:none;border:1px solid var(--ui-border);min-width:0;max-width:min(100%,520px);min-height:34px;color:var(--ui-text);font:600 14px/1.3 var(--ui-font);text-align:left;animation:ui-pop var(--ui-med) var(--ui-ease) both;background:#110d09e6;border-radius:17px;align-items:center;gap:8px;margin:0;padding:6px 14px 6px 10px;display:inline-flex;box-shadow:0 6px 18px #0006}#hud .toast .msg{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}#hud .toast .ico{width:18px;height:18px;color:var(--ui-info)}#hud .toast.t-alert{box-shadow:inset 3px 0 0 var(--ui-bad), 0 6px 18px #0006;background:#2c0e08eb;border-color:#ff7d5ecc}#hud .toast.t-alert .ico{color:var(--ui-bad)}#hud .toast.t-good .ico{color:var(--ui-good)}#hud .toast.click{pointer-events:auto;cursor:pointer}#hud .toast.click:active{transform:scale(.98)}#hud .toast.out{animation:.2s ease-in forwards hud-out}#hud .toast.bump{animation:hud-bump .3s var(--ui-ease)}#hud .hud-pills{left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge));bottom:calc(var(--safe-b) + var(--edge) + var(--bar-h) + var(--gap));pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute}#hud[data-layout=classic] .hud-pills{bottom:calc(var(--safe-b) + var(--edge))}#hud .hud-pill{pointer-events:auto;background:var(--hud-surface);border:1px solid #f2c86b80;border-radius:999px;align-items:center;min-width:0;max-width:100%;display:inline-flex;box-shadow:0 4px 14px #0006}#hud .sel-pill{gap:2px;height:36px;padding:0 3px 0 4px;position:relative;overflow:hidden}#hud .sel-main{min-width:0;height:100%;color:var(--ui-text);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;margin:0;padding:0 6px;display:inline-flex}#hud .sel-main.down{background:var(--ui-bg-hover)}#hud .sel-kind{font:700 14px/1 var(--ui-font);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}#hud .sel-kind img{object-fit:contain;width:auto;max-width:22px;height:26px}#hud .sel-x{background:#ffecc814;border-color:#0000;border-radius:50%;width:30px;min-width:30px;height:30px;min-height:30px;padding:0}#hud .sel-x .ico{width:15px;height:15px}#hud .sel-life{pointer-events:none;background:#ffffff1a;border-radius:1px;height:2px;position:absolute;bottom:2px;left:14px;right:40px;overflow:hidden}#hud .sel-life>i{background:var(--ui-good);width:0;height:100%;transition:width var(--ui-med) var(--ui-ease);display:block}#hud .sel-life.bad>i{background:var(--ui-bad)}@media (hover:hover){#hud .sel-main:hover{background:var(--ui-bg-hover)}}#hud .hud-mode{border-color:#f2c86ba6;gap:8px;height:44px;padding:0 4px 0 6px}#hud .mode-ic{object-fit:contain;filter:drop-shadow(0 0 6px #ffd27880);flex:none;width:32px;height:32px}#hud .mode-text{flex-direction:column;gap:2px;min-width:0;padding-right:2px;display:flex}#hud .mode-line{align-items:center;gap:6px;min-width:0;display:flex}#hud .mode-line b{min-width:0;font:700 14px/1.15 var(--ui-font);color:var(--ui-gold-hi);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#hud .mode-chip{color:#cfe6ff;font:600 11px/1.3 var(--ui-font);font-variant-numeric:tabular-nums;background:#6fb6ff24;border:1px solid #6fb6ff66;border-radius:999px;flex:none;padding:1px 6px}#hud .mode-chip.short{color:#ffc2b0;background:#ff7d5e24;border-color:#ff7d5e8c}#hud .mode-sub{min-width:0;color:var(--ui-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.2;overflow:hidden}#hud .mode-build{border-radius:999px;flex:none;gap:5px;height:34px;min-height:34px;padding:0 12px 0 9px;font-size:14px}#hud .mode-build .ico{width:17px;height:17px}#hud .mode-x,#hud .mode-turn{border-radius:50%;flex:none;width:34px;min-width:34px;height:34px;min-height:34px}#hud .mode-turn{color:var(--ui-gold-hi)}#hud .mode-clear{border-radius:999px;flex:none;height:34px;min-height:34px;padding:0 12px;font-size:13px}#hud .mode-turn .ico{width:18px;height:18px}#hud .mode-x .ico{width:17px;height:17px}#hud .hud-tray{z-index:5;left:calc(var(--safe-l) + var(--edge));right:calc(var(--safe-r) + var(--edge));bottom:calc(var(--safe-b) + var(--edge));height:var(--bar-h);padding:var(--bar-pad);pointer-events:auto;touch-action:manipulation;background:linear-gradient(#1f170ff2,#0f0b08f5);border:1px solid #f2c86b57;border-radius:20px;align-items:center;gap:3px;display:flex;position:absolute;box-shadow:0 8px 24px #00000073}#hud[data-orient=landscape] .hud-tray{max-width:max(60%, calc(var(--medal) + 3 * var(--tab-w) + 4 * var(--slot-w) + 48px));right:auto}#hud .medal{width:var(--medal);height:var(--medal);min-width:0;min-height:0;box-shadow:0 0 0 1.5px var(--ui-gold-lo), 0 4px 12px #00000080;cursor:pointer;touch-action:manipulation;transition:transform var(--ui-fast) var(--ui-ease), box-shadow var(--ui-fast);background:#140f0a;border:none;border-radius:50%;flex:none;margin:0 1px;padding:0;position:relative}#hud .medal-disc{background:radial-gradient(circle at 50% 28%,#3a63b0,#0d1730 70%);border-radius:50%;position:absolute;inset:5px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #0a0703}#hud .medal-face{width:100%;height:100%;display:block}#hud .medal-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}#hud .medal-ring circle{fill:none;stroke-width:4.5px}#hud .medal-ring .track{stroke:#0009}#hud .medal-ring .life{stroke:var(--ui-good);stroke-linecap:round;transition:stroke-dasharray var(--ui-med) var(--ui-ease)}#hud .medal.hurt .medal-ring .life{stroke:var(--ui-bad)}#hud .medal.on{box-shadow:0 0 0 2px var(--ui-gold-hi), 0 0 16px #ffd278cc, 0 4px 12px #00000080;transform:scale(1.06)}#hud .medal.on:after{content:"✕";width:19px;height:19px;box-shadow:0 0 0 1.5px var(--ui-gold-hi), 0 1px 3px #0009;color:var(--ui-gold-hi);font:700 11px/1 var(--ui-font);pointer-events:none;background:#1b140d;border-radius:50%;place-items:center;display:grid;position:absolute;top:-2px;right:-3px}#hud .medal.down{transform:scale(.94)}#hud .medal.dead .medal-disc{filter:grayscale()brightness(.45)}#hud .medal-respawn{font:700 17px/1 var(--ui-font);color:var(--ui-text);text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}#hud .medal-badge{width:19px;height:19px;box-shadow:0 0 0 1.5px var(--ui-gold-lo), 0 1px 3px #0009;color:var(--ui-good);pointer-events:none;background:#1b140d;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-3px}#hud .medal-badge .ico{stroke-width:2.6px;width:12px;height:12px}#hud .medal-badge.cast{color:var(--ui-mana)}#hud .medal-badge.pray{color:#d2b4ff}#hud .medal-badge.fight{color:var(--ui-bad)}#hud .tray-tabs{height:var(--slot-h);background:#00000052;border:1px solid #e8be6e24;border-radius:14px;flex:none;gap:1px;padding:2px;display:flex}#hud .tr-tab{width:calc(var(--tab-w) - 2px);cursor:pointer;touch-action:manipulation;min-width:0;height:100%;min-height:0;transition:background var(--ui-fast) var(--ui-ease);background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;margin:0;padding:0;display:grid}#hud .tr-tab img{object-fit:contain;opacity:.55;filter:grayscale(.4);width:22px;height:22px;transition:opacity var(--ui-fast);pointer-events:none}#hud .tr-tab.on{background:linear-gradient(#f2c86b42,#f2c86b1a);border-color:#f2c86b8c}#hud .tr-tab.on img{opacity:1;filter:drop-shadow(0 0 5px #ffd27899)}@media (hover:hover){#hud .tr-tab:hover img{opacity:.85}}#hud .tray-sep{background:linear-gradient(#f2c86b00,#f2c86b59,#f2c86b00);flex:none;align-self:stretch;width:1px;margin:8px 1px}#hud .tray-strip{min-width:0;height:var(--slot-h);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;border-radius:12px;flex:auto;gap:3px;display:flex;overflow:auto hidden}#hud .tray-strip::-webkit-scrollbar{display:none}#hud .tr-pane{display:contents}#hud .tr-pane.hidden{display:none!important}#hud .tr-empty{color:var(--ui-text-dim);white-space:normal;align-self:center;min-width:160px;margin:0 8px;font-size:12.5px;line-height:1.3}#hud .tr-slot{scroll-snap-align:start;width:var(--slot-w);height:var(--slot-h);min-width:0;min-height:0;color:var(--ui-text);cursor:pointer;touch-action:pan-x;transition:transform var(--ui-fast) var(--ui-ease), border-color var(--ui-fast), background var(--ui-fast);background:linear-gradient(#ffecc813,#ffecc805);border:1px solid #e8be6e33;border-radius:12px;flex:none;place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:hidden}@media (hover:hover){#hud .tr-slot:hover{background:linear-gradient(#ffecc81f,#ffecc80a);border-color:#f4cc7a8c}}#hud .tr-slot.down{transform:scale(.93)}#hud .tr-slot:focus-visible{outline:2px solid var(--ui-gold-hi);outline-offset:-2px}#hud .tr-slot.on{border-color:var(--ui-gold-hi);box-shadow:inset 0 0 0 1px var(--ui-gold-hi), 0 0 12px #ffc45a59;background:radial-gradient(circle at 50% 45%,#ffd68257,#ffc45a14 70%)}#hud .tr-slot .tr-ic{object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1.5px #000000b3);width:38px;height:34px;transition:opacity var(--ui-fast)}#hud .tr-slot.unknown{background:#0000002e;border-style:dashed}#hud .tr-slot.unknown .tr-ic{opacity:.55}#hud .tr-slot .tr-meter{background:#00000080;height:3px;position:absolute;bottom:0;left:0;right:0}#hud .tr-slot .tr-meter>i{width:0;height:100%;transition:width var(--ui-med) linear;display:block}#hud .tr-slot.spell .tr-ic{margin-top:4px}#hud .tr-slot.spell .tr-pips{justify-content:center;gap:3px;display:flex;position:absolute;top:5px;left:0;right:0}#hud .tr-slot.spell .tr-pips i{background:#00000073;border-radius:50%;width:6px;height:6px;box-shadow:inset 0 0 0 1px #ffffff47}#hud .tr-slot.spell .tr-pips i.shot{background:radial-gradient(circle at 35% 35%, #d8ecff, var(--ui-mana) 60%, #2d6fd0);box-shadow:0 0 5px #6fb6ffcc}#hud .tr-slot.spell .tr-pips i.gift{background:radial-gradient(circle at 35% 35%,#ffd6c8,#ff5a3c 60%,#b02a14);box-shadow:0 0 5px #ff5a3cbf}#hud .tr-slot.spell .tr-meter>i{background:linear-gradient(90deg, #2d6fd0, var(--ui-mana));box-shadow:0 0 6px #6fb6ffb3}#hud .tr-slot.spell.full .tr-meter>i{background:linear-gradient(90deg, var(--ui-mana), #d8ecff)}#hud .tr-slot.spell.faded .tr-ic{opacity:.5}#hud .tr-slot.spell.ready:not(.on){border-color:#6fb6ff61}#hud .tr-slot.spell.gift{border-color:#ff6e508c}#hud .tr-slot.spell.paused .tr-ic{filter:grayscale()drop-shadow(0 1px 1.5px #000000b3);opacity:.45}#hud .tr-slot.spell.paused .tr-meter>i{box-shadow:none;background:#8a8aa0}#hud .tr-slot.spell.paused:after{content:"AUS";font:700 9.5px/1.2 var(--ui-font);letter-spacing:.06em;color:var(--ui-text);background:#0a0806d9;border:1px solid #ffffff40;border-radius:5px;padding:1px 4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}#hud .tr-slot.build .tr-ic{width:40px;height:40px}#hud .tr-slot.build .tr-meter>i{background:linear-gradient(90deg, var(--ui-gold-lo), var(--ui-gold-hi))}#hud .tr-slot.build.short .tr-meter>i{background:linear-gradient(90deg,#a5562c,#ff9a64)}#hud .tr-slot.build.unknown:after{content:"?";font:800 13px/1 var(--ui-font);color:var(--ui-text-faint);position:absolute;top:3px;right:6px}#hud .tr-slot.unit,#hud .tr-slot.filter{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}#hud .tr-slot.unit .tr-ic{width:24px;height:30px}#hud .tr-slot.unit .tr-n{font:700 14px/1 var(--ui-font);font-variant-numeric:tabular-nums;color:var(--ui-text)}#hud .tr-slot.unit.zero{opacity:.42}#hud .tr-slot.filter{width:calc(var(--slot-w) - 4px);background:#00000042;border-color:#e8be6e47}#hud .tr-slot.filter .tr-ic{width:22px;height:24px}#hud .tr-slot.filter .tr-label{max-width:100%;font:600 9.5px/1.1 var(--ui-font);color:var(--ui-text-dim);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;overflow:hidden}#hud .tr-slot.filter .tr-cycle{width:10px;height:10px;color:var(--ui-gold-lo);position:absolute;top:2px;right:2px}#hud .tr-slot.filter.on{border-color:#f2c86bb3}#hud .tr-slot.filter.on .tr-label{color:var(--ui-gold-hi)}#hud[data-layout=classic] .hud-top{left:auto;right:calc(var(--safe-r) + var(--edge));max-width:calc(100% - 2 * var(--edge));flex-flow:row-reverse}#hud[data-layout=classic] .hud-chips{flex-basis:auto;justify-content:flex-end}#hud[data-layout=classic] .hud-menu{border-radius:var(--ui-radius-m);width:44px;height:44px}#hud .hud-tip{z-index:40;pointer-events:none;max-width:min(320px,100vw - 16px);box-shadow:var(--ui-shadow);font:13.5px/1.42 var(--ui-font);color:var(--ui-text-dim);background:#0e0b08f5;border:1px solid #f4cc7a8c;border-radius:12px;padding:9px 12px 10px;position:absolute}#hud .hud-tip b{color:var(--ui-gold-hi);margin-bottom:3px;font-size:14.5px;font-weight:700;display:block}#hud .hud-pop-scrim{z-index:41;pointer-events:auto;background:#04030247;position:absolute;inset:0}#hud .hud-pop{z-index:42;pointer-events:auto;flex-direction:column;gap:9px;width:min(290px,100vw - 16px);padding:12px;display:flex;position:absolute}#hud .pop-title{font:700 16.5px/1.25 var(--ui-display);color:var(--ui-gold-hi);letter-spacing:.02em}#hud .pop-lines{color:var(--ui-text-dim);gap:2px;font-size:13.5px;line-height:1.4;display:grid}#hud .pop-actions{gap:6px;display:grid}#hud .pop-actions .ui-btn{justify-content:flex-start;width:100%;min-height:46px;padding:10px 14px}#selbox{border:1.5px solid var(--ui-gold,#f2c86b);pointer-events:none;z-index:11;background:#f2c86b1f;border-radius:3px;position:fixed;box-shadow:0 0 0 1px #00000073}#holdring{border:3px solid var(--ui-gold,#f2c86b);pointer-events:none;z-index:11;border-radius:50%;width:76px;height:76px;margin:-38px 0 0 -38px;position:fixed;box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080}#holdring.grow{animation:.32s linear both hold-grow}#holdring.armed{background:#f2c86b40;animation:.2s ease-out both hold-armed}@keyframes hold-grow{0%{opacity:.2;transform:scale(1.9)}to{opacity:1;transform:scale(1)}}@keyframes hold-armed{0%{transform:scale(.75)}to{transform:scale(1)}}@keyframes hud-blink{50%{opacity:.25}}@keyframes hud-flash{50%{background:#ff5a3c73;border-color:#ff8c6ee6}}@keyframes hud-dot{50%{opacity:.2}}@keyframes hud-ping{0%{opacity:1;transform:scale(.94)}to{opacity:0;transform:scale(1.3)}}@keyframes hud-out{to{opacity:0;transform:translateY(-6px)}}@keyframes hud-bump{40%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){#hud .tr-slot,#hud .tr-tab,#hud .medal,#hud .toast,#hud .hud-map.big{transition:none;animation:none}#hud .st-tribes .tdot.flash,#hud .st-tribes.flash,#hud .hud-stat.waste .sb>i,#hud .hud-map.alarm:after{animation:none}}