@font-face{font-family:Oswald;src:url(/fonts/oswald-latin.woff2)format("woff2");font-weight:200 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Oswald;src:url(/fonts/oswald-latin-ext.woff2)format("woff2");font-weight:200 700;font-display:swap;unicode-range:U+100-24F,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--metal-hi:#67737d;--metal:#3d464e;--metal-lo:#252b31;--metal-edge:#0b0e11;--screen:#0a0f13;--screen-top:#121b22;--glow:#ffb43a;--glow-dim:#ffb43a66;--glow-faint:#ffb43a1f;--ink:#e9eef2;--ink-dim:#a9b4bc;--accent:#f2b233;--face:"Oswald", "Arial Narrow", sans-serif;--bolt:radial-gradient(circle, #e3e9ed 0 .8px, #8e99a1 1.4px 2px, #1c2126 2.5px 3px, transparent 3.3px);--brush:repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 3px, #00000009 3px 4px);--scan:repeating-linear-gradient(0deg, #ffffff07 0 1px, transparent 1px 3px);--hazard:repeating-linear-gradient(-45deg, var(--glow) 0 5px, transparent 5px 10px);--chamfer:polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px)}html[data-bloc=allies]{--metal-hi:#66798c;--metal:#3a4b5d;--metal-lo:#222f3c;--screen:#07111a;--screen-top:#0e1d2b;--glow:#5cc8ff;--glow-dim:#5cc8ff66;--glow-faint:#5cc8ff1f}html[data-bloc=comintern]{--metal-hi:#7d655d;--metal:#503b35;--metal-lo:#302320;--screen:#130a09;--screen-top:#201210;--glow:#ff6a4d;--glow-dim:#ff6a4d66;--glow-faint:#ff6a4d1f}html[data-bloc=neutral]{--metal-hi:#6d745a;--metal:#484e3c;--metal-lo:#2c3125;--screen:#0b1009;--screen-top:#131c10;--glow:#a8e66a;--glow-dim:#a8e66a66;--glow-faint:#a8e66a1f}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--face);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#14181c;margin:0;overflow:hidden}#app{--side:0px;--bottom:calc(132px + env(safe-area-inset-bottom));position:fixed;inset:0}@media (min-width:701px) and (min-aspect-ratio:1){#app{--side:calc(212px + env(safe-area-inset-right));--bottom:0px}}#view{width:calc(100% - var(--side));height:calc(100% - var(--bottom));touch-action:none;display:block;position:absolute;top:0;left:0}button{touch-action:manipulation}.topbar{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));max-width:calc(100% - var(--side) - 24px);white-space:nowrap;pointer-events:none;align-items:center;gap:12px;padding:6px 7px 6px 16px;display:flex;position:absolute}.topbar .brand{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:linear-gradient(#fff0b8, var(--accent) 50%, #b07412 52%, #f5c457);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #000c);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.topbar-screen{background:var(--scan), linear-gradient(var(--screen-top), var(--screen));border:1px solid #000;align-items:center;gap:14px;min-width:0;min-height:40px;padding:0 12px;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px #000c,0 1px #ffffff24}.topbar .date,.topbar .phase{letter-spacing:.15em;text-transform:uppercase;font-size:15px}.topbar .date{color:var(--glow);text-shadow:0 0 8px var(--glow-dim)}.topbar .phase{color:var(--ink-dim)}.resources{gap:14px;display:flex}.resources,.topbar-points{letter-spacing:.06em;font-size:15px}.resource{pointer-events:auto;align-items:baseline;gap:5px;display:flex}.resource-label{color:var(--ink-dim)}.resource-value{font-variant-numeric:tabular-nums;color:var(--glow);text-shadow:0 0 8px var(--glow-dim)}.resource-change{color:#8fd07a;font-size:12px}.resource-change.falling,.resource.dry .resource-value{color:#ff7a66}.end-turn{min-height:40px;font-family:var(--face);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;pointer-events:auto;padding:0 24px;font-size:15px;font-weight:600}.end-turn:before,.end-turn:after{content:"";background:repeating-linear-gradient(-45deg,#1a1306bf 0 4px,#0000 4px 8px);width:10px;position:absolute;top:0;bottom:0}.end-turn{position:relative}.end-turn:before{left:0}.end-turn:after{right:0}.end-turn:disabled{--key-ink:var(--ink-dim);--key-face:linear-gradient(#ffffff1a, transparent 50%, #0003), var(--metal);--key-edge:var(--metal-edge);--key-bevel:inset 1px 1px 0 #ffffff26;cursor:default}.end-turn:disabled:before,.end-turn:disabled:after{opacity:.25}.month-short{display:none}@media (max-width:560px){.topbar{gap:5px;padding:5px}.topbar-screen{gap:7px;padding:0 6px}.topbar .brand,.topbar .phase,.month-long,.resource-change{display:none}.month-short{display:inline}.resources{gap:7px}.resources,.topbar-points{letter-spacing:.02em;font-size:14px}.resource{gap:3px}.topbar .date,.end-turn{letter-spacing:.08em;font-size:13px}.end-turn{padding:0 12px}}@media (max-width:340px){.resource.manpower,.resource.points{display:none}}.loading{letter-spacing:.15em;text-align:center;text-transform:uppercase;background:#14181c;place-items:center;margin:0;padding:0 24px;font-size:20px;line-height:1.6;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.card{left:max(12px, env(safe-area-inset-left));bottom:max(calc(var(--bottom) + 12px), env(safe-area-inset-bottom));max-width:min(434px, calc(100% - var(--side) - 180px));pointer-events:none;flex-direction:column;gap:8px;padding:9px 12px;display:flex;position:absolute}.card-main,.card-odds,.card-war{align-items:center;gap:12px;display:flex}.card-link{border-top:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;display:flex}.card-link-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-right:4px;font-size:13px}.card-link-unit{letter-spacing:.04em;text-transform:none;pointer-events:auto;min-height:34px;padding:0 12px;font-size:14px}.card-odds,.card-war{border-top:1px solid #ffffff1f;justify-content:space-between;padding-top:8px}.card-war-note{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:14px}.card[hidden],.card-flag[hidden],.card-extra[hidden],.card-link[hidden],.card-odds[hidden],.card-war[hidden]{display:none}.card-on{font-size:15px;font-weight:600}.card-exchange{color:#ffb3a8;letter-spacing:.03em;font-size:14px}.card-attack{min-height:44px;font-family:var(--face);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;pointer-events:auto;padding:0 20px;font-size:16px;font-weight:600}.select-box{pointer-events:none;background:#d8ff4a1a;border:1px solid #d8ff4a;position:absolute}.select-box[hidden]{display:none}.select-box.holding:after{content:"";border:2px solid #d8ff4a;border-radius:50%;width:60px;height:60px;animation:.25s ease-out hold-ring;position:absolute;top:-30px;left:-30px}@keyframes hold-ring{0%{opacity:0;transform:scale(.4)}}.float-number{letter-spacing:.04em;text-shadow:0 0 3px #000,0 2px 4px #000;pointer-events:none;opacity:0;font-size:20px;font-weight:700;animation:.9s ease-out forwards float-up;position:absolute;transform:translate(-50%,-100%)}.float-number.hit{color:#ff6a55}.float-number.miss{color:var(--ink-dim)}.float-number.heal{color:#7be36f;font-size:16px}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-100%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-100% - 36px))}}.card-flag{border:1px solid #000;flex:none;width:54px;height:36px;box-shadow:0 0 0 1px #ffffff26}.card-title{letter-spacing:.04em;color:var(--glow);text-shadow:0 0 8px var(--glow-dim);font-size:19px;font-weight:600}.card-sub,.card-extra{color:var(--ink-dim);font-size:14px}.card-extra{color:#8fe08a;letter-spacing:.04em}.perf-overlay{top:max(12px, env(safe-area-inset-top));right:max(calc(var(--side) + 12px), env(safe-area-inset-right));white-space:pre;color:#d8f5d0;pointer-events:none;background:#0009;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,Menlo,monospace;position:absolute}.frame{color:var(--ink);font-family:var(--face);background:var(--bolt) left 2px top 2px / 8px 8px no-repeat, var(--bolt) right 2px top 2px / 8px 8px no-repeat, var(--bolt) left 2px bottom 2px / 8px 8px no-repeat, var(--bolt) right 2px bottom 2px / 8px 8px no-repeat, var(--brush), linear-gradient(var(--metal-hi), var(--metal) 22px, var(--metal-lo));border:1px solid var(--metal-edge);box-shadow:inset 0 1px #ffffff4d,inset 1px 0 #ffffff1a,inset -1px 0 #00000059,inset 0 -2px #0006,0 6px 18px #0000008c}dialog.frame,.title-panel,.card{background:var(--bolt) left -.5px top -.5px / 8px 8px no-repeat border-box, var(--bolt) right -.5px top -.5px / 8px 8px no-repeat border-box, var(--bolt) left -.5px bottom -.5px / 8px 8px no-repeat border-box, var(--bolt) right -.5px bottom -.5px / 8px 8px no-repeat border-box, var(--scan) padding-box, radial-gradient(ellipse 120% 70% at 50% 0%, var(--glow-faint), transparent 70%) padding-box, linear-gradient(var(--screen-top), var(--screen)) padding-box, linear-gradient(#ffffff4d, #ffffff4d) top / 100% 1px no-repeat border-box, linear-gradient(var(--metal-hi), var(--metal) 18px, var(--metal-lo)) border-box;box-shadow:0 0 0 1px var(--metal-edge), inset 0 0 0 1px #000000e6, inset 0 3px 10px #000000b3, 0 8px 24px #0009;border:7px solid #0000}:where(:where(dialog.frame,.title-panel) button,.frame-button,.card-link-unit,.sidebar-tab,.end-turn,.card-attack){--key-ink:var(--ink);--key-lit:var(--glow);--key-glow:var(--glow-dim);--key-face:linear-gradient(#ffffff29, transparent 50%, #0000003d), var(--metal);--key-face-lit:linear-gradient(#ffffff3d, transparent 50%, #00000029), var(--metal);--key-edge:var(--metal-edge);--key-bevel:inset 1px 1px 0 #ffffff42, inset -1px -1px 0 #00000080;font-family:var(--face);text-transform:uppercase;color:var(--key-ink);background:var(--key-face);border:1px solid var(--key-edge);box-shadow:var(--key-bevel);clip-path:var(--chamfer);cursor:pointer}:where(:where(dialog.frame,.title-panel) button,.frame-button,.card-link-unit,.sidebar-tab,.end-turn,.card-attack):where(:hover,:focus-visible):where(:not(:disabled)){color:var(--key-lit);text-shadow:0 0 8px var(--key-glow);background:var(--key-face-lit);outline:none}:where(:where(dialog.frame,.title-panel) button,.frame-button,.card-link-unit,.sidebar-tab,.end-turn,.card-attack):where(:focus-visible){box-shadow:inset 0 0 0 1px var(--key-lit), var(--key-bevel)}:where(:where(dialog.frame,.title-panel) button,.frame-button,.card-link-unit,.sidebar-tab,.end-turn,.card-attack):where(:active):where(:not(:disabled)){background:linear-gradient(#00000047, transparent 70%), var(--key-face);box-shadow:inset 1px 2px 3px #0009}.end-turn,:where(dialog.frame,.title-panel) button:is(.victory-again,.title-go,.confirm-yes,.title-continue),:where(dialog.frame,.title-panel) button.segment[aria-pressed=true]{--key-ink:#1a1306;--key-lit:#1a1306;--key-glow:#fff6;--key-face:linear-gradient(#ffe590, var(--accent) 48%, #c48616);--key-face-lit:linear-gradient(#fff2bf, #ffc94d 48%, #d8961c);--key-edge:#4a3105;--key-bevel:inset 1px 1px 0 #ffffffa6, inset -1px -1px 0 #00000059}.card-attack{--key-ink:#fff;--key-lit:#fff;--key-glow:#ffffff80;--key-face:linear-gradient(#ef6a55, #c23a28 48%, #7f1a10);--key-face-lit:linear-gradient(#ff8a72, #d84a35 48%, #932216);--key-edge:#2e0804;--key-bevel:inset 1px 1px 0 #ffffff73, inset -1px -1px 0 #0006}.frame-button{right:max(calc(var(--side) + 16px), env(safe-area-inset-right));bottom:max(calc(var(--bottom) + 16px), env(safe-area-inset-bottom));letter-spacing:.15em;min-height:44px;padding:0 22px;font-size:16px;position:absolute}dialog.frame{width:min(560px,100% - 32px);max-height:calc(100% - 32px);color:var(--ink);padding:18px 22px 20px;font-size:15px;line-height:1.45}dialog.frame::backdrop{background:radial-gradient(at 50% 45%,#00000059,#000000bf)}:is(dialog.frame,.title-panel) h2{letter-spacing:.15em;text-transform:uppercase;color:var(--glow);text-shadow:0 0 10px var(--glow-dim);margin:0 0 12px;font-size:22px}:is(dialog.frame,.title-panel)>h2:first-child{background:var(--brush), linear-gradient(var(--metal), var(--metal-lo));border-bottom:1px solid var(--glow-dim);margin:-18px -22px 16px;padding:10px 76px 9px 22px;font-size:19px;line-height:1.3;position:relative;box-shadow:inset 0 1px #ffffff24,0 2px #00000080}:is(dialog.frame,.title-panel)>h2:first-child:after{content:"";background:var(--hazard);opacity:.3;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);width:60px;position:absolute;top:0;bottom:0;right:0}dialog.frame ul{margin:0;padding-left:18px}dialog.frame li{margin-bottom:8px}dialog.frame .what{color:var(--ink-dim)}dialog.frame a{color:var(--ink)}dialog.frame .note{color:var(--ink-dim);margin:12px 0 16px}:is(dialog.frame,.title-panel) button{letter-spacing:.15em;min-height:40px;padding:0 18px;font-size:15px}.sidebar{height:var(--bottom);padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-width:1px 0 0;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff4d,0 -4px 16px #0006}.sidebar-badge,.sidebar-resources{display:none}.sidebar-tabs{flex:none;gap:4px;display:flex}.sidebar-tab{--key-ink:var(--ink-dim);--chamfer:polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);letter-spacing:.1em;white-space:nowrap;flex:1;min-height:26px;padding:0 6px;font-size:12px}.sidebar-tab[aria-selected=true]{--key-ink:var(--glow);--key-face:linear-gradient(#0000004d, transparent 70%), var(--metal-lo);--key-face-lit:var(--key-face);--key-bevel:inset 1px 2px 3px #0009, inset 0 -2px 0 var(--glow);text-shadow:0 0 8px var(--glow-dim)}.sidebar-grid{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;background:repeating-linear-gradient(0deg, #00000073 0 2px, transparent 2px 7px), linear-gradient(var(--screen-top), var(--screen));border:1px solid #000;flex:1;gap:6px;min-height:0;padding:3px 5px;display:flex;overflow:auto hidden;box-shadow:inset 0 2px 8px #000000d9,0 1px #ffffff24}.sidebar-grid::-webkit-scrollbar{display:none}.build-icon{width:76px;font-family:var(--face);color:var(--ink);border:2px solid;border-color:var(--metal-hi) var(--metal-edge) var(--metal-edge) var(--metal-hi);cursor:pointer;background:radial-gradient(circle at 50% 32%,#ffffff21,#0000 60%),linear-gradient(#3b454e,#171c21);flex-direction:column;flex:none;align-items:center;padding:2px 2px 3px;display:flex;position:relative;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #00000080}.build-icon[hidden]{display:none}.build-icon img{flex:none;width:44px;height:44px}.build-name,.build-price{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.15;overflow:hidden}.build-name{letter-spacing:.02em;text-align:center;background:#00000073;align-self:stretch;font-size:12px}.build-price{font-variant-numeric:tabular-nums;color:var(--glow);text-shadow:0 0 6px var(--glow-dim);font-size:10px}.build-note{letter-spacing:.04em;text-align:center;text-transform:uppercase;color:var(--accent);background:#000000c7;border-block:1px solid #f2b23359;padding:1px 2px;font-size:9px;line-height:1.2;position:absolute;top:26px;left:2px;right:2px}.build-note:empty{display:none}.build-icon[data-state=locked] img{filter:grayscale()brightness(.55)}.build-icon[data-state=short] .build-price{color:#ff7a66;text-shadow:none}.build-icon[data-state=used] img,.build-icon[data-state=short] img{opacity:.55}.build-icon:not(:disabled):hover,.build-icon:focus-visible{border-color:var(--glow);outline:none}.build-icon.picked{border-color:var(--glow);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--glow), inset 0 0 14px var(--glow-dim), 0 0 10px var(--glow-dim)}.build-icon:disabled{cursor:default;opacity:.6}@media (min-width:701px) and (min-aspect-ratio:1){.topbar-resources{display:none}.sidebar{width:var(--side);height:auto;padding:max(12px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) 14px;box-shadow:inset 4px 0 0 var(--metal-lo), inset 5px 0 0 #ffffff29, inset 1px 0 0 #ffffff1f, -4px 0 16px #0006;border-width:0 0 0 1px;gap:9px;top:0;left:auto}.sidebar-badge{align-items:center;gap:9px;padding:0 2px;display:flex}.sidebar-flag{border:1px solid #000;flex:none;width:39px;height:26px;box-shadow:0 0 0 1px #ffffff2e}.sidebar-nation{flex-direction:column;min-width:0;line-height:1.15;display:flex}.sidebar-name{letter-spacing:.07em;text-transform:uppercase;font-size:15px;font-weight:600}.sidebar-bloc{letter-spacing:.2em;text-transform:uppercase;color:var(--glow);font-size:11px}.sidebar-resources{background:var(--scan), linear-gradient(var(--screen-top), var(--screen));border:1px solid #000;flex-direction:column;gap:3px;padding:7px 10px;font-size:17px;display:flex;box-shadow:inset 0 2px 6px #000c,0 1px #ffffff24}.sidebar-resources .resource{justify-content:space-between}.sidebar-resources .resource-value{margin-left:auto;font-size:19px}.sidebar-resources .resource-change{text-align:right;min-width:44px}.sidebar-tabs{grid-template-columns:1fr 1fr;display:grid}.sidebar-tab{min-height:30px}.sidebar-grid{touch-action:pan-y;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;align-content:start;padding:5px;display:grid;overflow:hidden auto}.build-icon{width:auto;padding:4px 0}.build-icon img{width:64px;height:64px}.build-note{top:40px}.build-name{font-size:13px}.build-price{font-size:11px}}.toasts{top:78px;left:calc((100% - var(--side)) / 2);pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%)}.toast{letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:var(--glow);text-shadow:0 0 8px var(--glow-dim), 0 1px 2px #000;background:linear-gradient(90deg,#0000,#0009 22% 78%,#0000);padding:4px 36px;font-size:15px;animation:3.2s linear forwards toast}@keyframes toast{0%{opacity:0}2%,6%{opacity:1}4%{opacity:.15}8%{opacity:.45}10%,82%{opacity:1}to{opacity:0}}dialog.war-dialog p{margin:0 0 10px}.war-label{letter-spacing:.12em;text-transform:uppercase;color:var(--glow);margin-right:4px;font-size:13px}.dialog-buttons{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.news-date{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin:-6px 0 10px;font-size:13px}dialog.news-dialog p{margin:0 0 12px}.news-outcome{color:var(--glow);border-left:2px solid var(--glow-dim);padding-left:10px}.news-choices{flex-direction:column;gap:8px;margin-top:16px;display:flex}dialog.frame .news-choices button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:8px 16px;display:flex}.news-choice-text{letter-spacing:.02em;text-transform:none;color:var(--ink-dim);text-shadow:none;font-size:13px}:is(dialog.frame,.title-panel) button:disabled{opacity:.5;cursor:default}dialog.victory-dialog>h2:first-child{font-size:24px}dialog.victory-dialog h2.defeat{--glow:#ff6a4d;--glow-dim:#ff6a4d66;--hazard:repeating-linear-gradient(-45deg, var(--glow) 0 5px, transparent 5px 10px);color:var(--glow)}dialog.victory-dialog p{margin:0 0 14px}.victory-points{letter-spacing:.08em;font-variant-numeric:tabular-nums;text-transform:uppercase;color:var(--ink-dim);grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;font-size:14px;display:grid}.victory-points .yours{color:var(--glow);text-shadow:0 0 8px var(--glow-dim)}.victory-track{border:1px solid var(--metal-edge);background:#000;height:14px;padding:2px;box-shadow:inset 0 1px 3px #000000e6,0 1px #ffffff14}.victory-bar{background:repeating-linear-gradient(90deg, var(--ink-dim) 0 5px, transparent 5px 7px);opacity:.55;height:100%;display:block}.victory-track.yours .victory-bar{background:repeating-linear-gradient(90deg, var(--glow) 0 5px, transparent 5px 7px);opacity:1;filter:drop-shadow(0 0 3px var(--glow-dim))}.title{padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--scan), repeating-linear-gradient(0deg, #ffb43a0d 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #ffb43a0d 0 1px, transparent 1px 48px), radial-gradient(ellipse at 50% 35%, #26303a, #0a0d10 75%);flex-direction:column;align-items:center;gap:clamp(12px,4vh,36px);display:flex;position:fixed;inset:0;overflow-y:auto}.title[hidden]{display:none}.title-brand{text-align:center;margin-top:auto}.title-brand h1{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);background:linear-gradient(#fff4c8,#ffd36b 38%,#a86b0e 50%,#f0b53c 64%,#ffe7a0 86%,#b97c16);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #3a2604)drop-shadow(0 8px 18px #000000bf);-webkit-background-clip:text;background-clip:text;margin:0 -.22em 0 0;font-size:clamp(44px,12vw,84px);font-weight:700;line-height:1.05}.title-brand p{letter-spacing:.2em;white-space:nowrap;text-transform:uppercase;color:var(--ink-dim);justify-content:center;align-items:center;gap:14px;margin:12px 0 0;font-size:clamp(12px,3.4vw,16px);display:flex}.title-brand p:before,.title-brand p:after{content:"";background:var(--hazard);opacity:.6;flex:0 60px;min-width:0;height:8px}.title-panel{width:min(380px,100%);margin-bottom:auto;padding:18px 22px 20px;font-size:15px}.title-panel.title-new,.title-panel.title-load{width:min(680px,100%)}.title-menu,.menu-list{flex-direction:column;gap:10px;display:flex}.title-panel button.title-button{letter-spacing:.2em;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:52px;font-size:18px;display:flex}.title-sub{letter-spacing:.06em;text-transform:none;text-shadow:none;opacity:.8;font-size:13px}.title-message{color:var(--ink-dim);margin:12px 0 0}.title-message:empty{display:none}:is(dialog.frame,.title-panel) :is(button.power-card,button.save-pick),.save-row{color:var(--ink);text-shadow:none;border:1px solid var(--metal-edge);clip-path:none;background:linear-gradient(#ffffff0d,#0000 40%),#0006;box-shadow:inset 1px 1px #0009,inset 0 0 0 1px #ffffff0f,0 1px #ffffff12}:is(dialog.frame,.title-panel) :is(button.power-card,button.save-pick):is(:hover,:focus-visible){color:var(--ink);text-shadow:none;background:linear-gradient(var(--glow-faint), transparent 70%), #0006;box-shadow:inset 0 0 0 1px var(--glow-dim), 0 1px 0 #ffffff12}.power-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:560px){.power-grid{grid-template-columns:repeat(2,1fr)}}.title-panel button.power-card{letter-spacing:.06em;flex-direction:column;align-items:center;gap:4px;min-height:0;padding:12px 6px 10px;display:flex}:is(dialog.frame,.title-panel) button.power-card[aria-pressed=true]{background:radial-gradient(ellipse at 50% 30%, var(--glow-faint), transparent 75%), linear-gradient(var(--glow-faint), transparent), #0006;border-color:var(--glow);box-shadow:inset 0 0 0 1px var(--glow-dim), inset 0 0 14px var(--glow-faint), 0 0 10px var(--glow-dim)}.title-panel button.power-card[aria-pressed=true] .power-name{color:var(--glow);text-shadow:0 0 8px var(--glow-dim)}.power-flag{border:1px solid #000;width:66px;height:44px;margin-bottom:4px;box-shadow:0 0 0 1px #ffffff1f}.power-name{font-size:15px}.power-bloc{color:var(--ink-dim);font-size:12px}.power-untested{letter-spacing:.12em;color:#ff9a86;border:1px solid #ff6a4d8c;padding:0 6px;font-size:11px;transform:rotate(-3deg)}.setting{letter-spacing:.05em;align-items:center;gap:12px;margin:14px 0;display:flex}.setting-name{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);flex:0 0 9.5em;font-size:13px}.setting input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:28px;margin:0}.setting input[type=range]::-webkit-slider-runnable-track{background:repeating-linear-gradient(90deg, transparent 0 5px, #000 5px 7px), linear-gradient(var(--glow), var(--glow)) 0 / var(--fill,50%) 100% no-repeat, var(--metal-lo);border:1px solid var(--metal-edge);height:12px;box-shadow:inset 0 1px 3px #000000e6}.setting input[type=range]::-moz-range-track{background:repeating-linear-gradient(90deg, transparent 0 5px, #000 5px 7px), linear-gradient(var(--glow), var(--glow)) 0 / var(--fill,50%) 100% no-repeat, var(--metal-lo);border:1px solid var(--metal-edge);height:12px;box-shadow:inset 0 1px 3px #000000e6}.setting input[type=range]::-webkit-slider-thumb{background:linear-gradient(90deg, var(--metal-hi), var(--metal) 45%, var(--metal-lo));border:1px solid var(--metal-edge);appearance:none;width:14px;height:26px;margin-top:-8px;box-shadow:inset 1px 1px #ffffff4d}.setting input[type=range]::-moz-range-thumb{background:linear-gradient(90deg, var(--metal-hi), var(--metal) 45%, var(--metal-lo));border:1px solid var(--metal-edge);border-radius:0;width:14px;height:26px;box-shadow:inset 1px 1px #ffffff4d}.setting input[type=range]:focus-visible{outline:none}.setting input[type=range]:focus-visible::-webkit-slider-thumb{border-color:var(--glow)}.setting input[type=range]:focus-visible::-moz-range-thumb{border-color:var(--glow)}.setting-value{text-align:right;font-variant-numeric:tabular-nums;width:3em;color:var(--glow);text-shadow:0 0 8px var(--glow-dim)}.setting-check{cursor:pointer}.setting-check input{border:1px solid var(--metal-edge);width:22px;height:22px;box-shadow:inset 0 1px 3px #000000e6, 0 0 0 2px var(--metal-lo), 0 0 0 3px var(--metal-edge);appearance:none;cursor:pointer;background:radial-gradient(circle at 40% 35%,#ffffff1f,#0000 60%),#0b0e10;flex:none;margin:0}.setting-check input:checked{background:radial-gradient(circle at 40% 35%, #fff 0, var(--glow) 45%, var(--glow-dim) 100%);box-shadow:0 0 8px var(--glow-dim), 0 0 0 2px var(--metal-lo), 0 0 0 3px var(--metal-edge)}.setting-check input:focus-visible{outline:1px solid var(--glow);outline-offset:4px}.segments{flex:1;display:flex}:is(dialog.frame,.title-panel) button.segment{--chamfer:none;flex:1;padding:0 8px}:is(dialog.frame,.title-panel) button.segment:first-child{--chamfer:polygon(7px 0, 100% 0, 100% 100%, 0 100%, 0 7px)}:is(dialog.frame,.title-panel) button.segment:last-child{--chamfer:polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%)}:is(dialog.frame,.title-panel) button.segment+button.segment{margin-left:-1px}@media (max-width:480px){.setting:not(.setting-check){flex-wrap:wrap}.setting-name{flex-basis:100%}}.save-list{flex-direction:column;gap:6px;display:flex}.save-row{align-items:center;gap:8px;padding:8px 10px;display:flex}.save-about{flex-direction:column;flex:1;min-width:0;display:flex}.save-slot{letter-spacing:.14em;text-transform:uppercase;color:var(--glow);opacity:.8;font-size:12px}.save-label{letter-spacing:.04em;text-transform:none;font-size:16px}.save-row.empty .save-label,.save-row.empty .save-slot{color:var(--ink-dim)}.save-when{text-transform:none;color:var(--ink-dim);font-size:12px}:is(dialog.frame,.title-panel) .save-row button{padding:0 12px}dialog.frame button.save-pick{text-align:left;flex-direction:column;align-items:flex-start;gap:0;min-height:54px;padding:8px 12px}.save-import{margin-right:auto}dialog.menu-dialog{width:min(340px,100% - 32px)}dialog.frame button.menu-button{width:100%;min-height:46px}dialog.confirm-dialog{width:min(420px,100% - 32px)}dialog.confirm-dialog p{margin:0}