.game{--disp:"Chakra Petch","Figtree",system-ui,sans-serif;--body:"Figtree",system-ui,sans-serif;--ink:#eef3f1;--muted:#c3d0cd;--accent:#ffd27a;--warn:#ffc46b;--danger:#ff8a78;--edge:12px;--shade:3,9,13;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--t-food:#f0c75e;--t-metal:#c6cfd6;--t-crystal:#6cc8ff;--t-supply:#bfe5cb;--t-hp:#ff7a85;--t-shields:#7fdcff;--hp-a:#3fbf86;--hp-b:#9be38a;--sh-a:#2a9be6;--sh-b:#86e6ff;--track:#ffffff29;--pip:#b6e58a;z-index:10;color:var(--ink);font:500 14px/1.35 var(--body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#050e17;position:fixed;inset:0;overflow:hidden}.game[hidden]{display:none}.game *,.help-stub *{box-sizing:border-box}.game #map{touch-action:none;background:#050e17;width:100%;height:100%;position:absolute;inset:0}.game #map canvas{width:100%;height:100%;display:block}.game button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.game button:focus-visible,.game a:focus-visible,.game input:focus-visible,.game select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game .icon{filter:drop-shadow(0 1px 1.5px #000000d9);flex:none;display:block}.game .glyph-svg{flex:none;display:block}.game .swatch{background:var(--c,#888);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 1.5px #00000080}.hud{pointer-events:none;text-shadow:0 1px 2px #000000e6,0 0 12px #0000008c;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud>.fx,.hud>.h-top,.hud>.h-bottom,.hud>.h-actions,.hud>.h-toasts,.hud>.h-status,.hud>.h-final{pointer-events:none}.hud [hidden]{display:none!important}.fx{position:absolute;left:0;right:0}.fx-top{height:calc(132px + var(--safe-top));background:linear-gradient(180deg,rgba(var(--shade),.84) 0%,rgba(var(--shade),.55) 44%,rgba(var(--shade),0) 100%);top:0}.fx-bottom{height:calc(150px + var(--safe-bottom));background:linear-gradient(0deg,rgba(var(--shade),.86) 0%,rgba(var(--shade),.58) 44%,rgba(var(--shade),0) 100%);bottom:0}.h-top{padding:calc(10px + var(--safe-top)) var(--edge) 0;align-items:flex-start;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.h-top>*{pointer-events:auto}.h-turn{flex:0 auto;justify-items:start;gap:7px;min-width:84px;max-width:31%;display:grid}#turn{min-width:0;max-width:100%;font:600 15px/1.15 var(--disp);color:var(--ink);gap:3px;margin:0;display:grid}#turn .round{font:700 10.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#turn .sep{display:none}#turn .whose{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.h-deadline{font:600 11px/1 var(--body);color:var(--muted)}.h-deadline:empty{display:none}.h-res{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:2px 8px;min-width:0;padding-top:2px;display:flex}.res{white-space:nowrap;font:600 16px/1 var(--disp);font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:0;align-items:center;gap:3px;padding:4px 1px;display:inline-flex}.res .icon{width:20px;height:20px}.res small{font:600 11.5px/1 var(--body);color:var(--muted)}.res.full b,.res.full small{color:var(--warn)}.res-hint{text-align:center;font:600 11px/1.1 var(--body);color:var(--accent);flex-basis:100%}.h-menu{width:44px;height:44px;color:var(--ink);filter:drop-shadow(0 1px 2px #000000e6);background:0 0;border:0;flex:none;place-items:center;margin:-4px -6px 0 0;display:grid}.h-end{min-height:36px;font:700 13.5px/1 var(--disp);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:var(--accent);background:0 0;background:linear-gradient(90deg,transparent,var(--accent)) no-repeat 100% 100%/100% 2px;border:0;padding:8px 2px 7px}.h-end:after{content:" ›";font-size:17px}.h-tile{top:calc(60px + var(--safe-top));right:var(--edge);max-width:min(64%,440px);font:600 13px/1.2 var(--body);color:var(--ink);text-align:right;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0 4px 10px;display:flex;position:absolute}.h-tile>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.h-tile .help-glyph{color:var(--accent);opacity:.9}.hud>.h-status{top:calc(104px + var(--safe-top));text-align:center;width:max-content;max-width:calc(100% - 172px);font:600 13.5px/1.3 var(--body);color:var(--ink);opacity:0;min-height:0;margin:0;padding:0;transition:opacity .25s,transform .25s;position:absolute;left:50%;transform:translate(-50%,-4px)}.hud>.h-status.show{opacity:1;transform:translate(-50%)}.hud>.h-status.alarm{color:#ffb3a8;max-width:calc(100% - 100px)}.hud>.h-status.info{color:var(--muted)}.hud>.h-final{top:calc(132px + var(--safe-top));text-align:center;width:max-content;max-width:calc(100% - 172px);font:600 15px/1.3 var(--disp);color:var(--accent);margin:0;position:absolute;left:50%;transform:translate(-50%)}.h-actions{right:2px;top:calc(98px + var(--safe-top));bottom:calc(112px + var(--safe-bottom));flex-direction:column;width:74px;display:flex;position:absolute}.h-actions .col{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;max-height:100%;margin:auto 0;padding:6px 0;display:flex;overflow:hidden auto}.h-actions .col::-webkit-scrollbar{display:none}.h-actions .col:empty{display:none}.act{width:70px;color:var(--ink);font:600 10.5px/1.15 var(--body);text-align:center;background:0 0;border:0;flex:none;justify-items:center;gap:3px;padding:0;display:grid}.act-face{background:radial-gradient(circle at 50% 38%,#2a4a50bf,#081418b3);border-radius:14px;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.act-face .pic{width:50px;height:50px}.act-name{white-space:nowrap;text-overflow:ellipsis;max-width:70px;overflow:hidden}.act-why{max-width:70px;font:700 10px/1.1 var(--body);color:var(--warn);align-items:center;gap:1px;display:inline-flex}.act-why .icon{width:12px;height:12px}.act.off .act-face{filter:grayscale(.85)brightness(.62)}.act.off .act-name{opacity:.62}.act.current .act-face:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--accent);position:absolute;inset:-3px}.act.on .act-face{box-shadow:0 0 0 2px var(--accent),0 0 16px #ffd27a8c}.act-badge{color:var(--accent);font:700 10px/1.3 var(--disp);text-shadow:none;background:#1b1404;border-radius:8px;padding:1px 5px;position:absolute;bottom:-4px;right:-6px}.h-actions.dim .act{opacity:.72}.pic{place-items:center;display:grid;position:relative;overflow:hidden}.pic img{object-fit:contain;filter:drop-shadow(0 3px 4px #0000008c);-webkit-user-drag:none;width:100%;height:100%}.pic i{font:700 20px/1 var(--disp);color:var(--muted);font-style:normal;display:none}.pic.missing img{display:none}.pic.missing i{display:block}.pic:not(:has(img)) i{display:block}.pic.glyph{color:var(--ink)}.h-bottom{height:calc(112px + var(--safe-bottom));position:absolute;bottom:0;left:0;right:0}.h-arrow{bottom:calc(16px + var(--safe-bottom));pointer-events:auto;width:50px;height:58px;color:var(--ink);background:radial-gradient(closest-side,rgba(var(--shade),.6),rgba(var(--shade),0));filter:drop-shadow(0 1px 2px #000c);border:0;place-items:center;padding:0;display:grid;position:absolute}.h-arrow.prev{left:2px}.h-arrow.next{right:2px}.h-arrow:disabled{opacity:.28;cursor:default}.h-card{left:54px;right:54px;bottom:calc(12px + var(--safe-bottom));pointer-events:auto;cursor:pointer;align-items:flex-end;gap:10px;min-height:66px;display:flex;position:absolute}.h-card .c-pic{flex:none;align-self:center;width:52px;height:52px}.c-main{flex:1;gap:5px;min-width:0;display:grid}.c-title{align-items:center;gap:6px;min-width:0;display:flex}.c-title b{font:700 17px/1.1 var(--disp);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.c-title .mark{width:16px;height:16px}.c-rank{font:600 12px/1 var(--body);color:var(--accent);white-space:nowrap}.c-help{color:var(--accent);background:0 0;border:0;flex:none;padding:2px;display:grid}.c-count{font:600 12px/1 var(--disp);color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.c-line{min-width:0;font:500 12.5px/1.2 var(--body);color:var(--muted);align-items:center;gap:6px;display:flex}.c-status{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.c-empty{font:500 13px/1.35 var(--body);color:var(--muted);text-align:center;flex:1;align-self:center}.h-card:has(.c-empty){cursor:default}.bars{gap:4px;display:grid}.bar{grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:6px;display:grid}.bar .icon{width:14px;height:14px}.track{background:var(--track);border-radius:3px;height:6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000080}.fill{width:calc(var(--v) * 100%);border-radius:inherit;background:linear-gradient(90deg,var(--hp-a),var(--hp-b));position:absolute;top:0;bottom:0;left:0}.bar-shields .fill{background:linear-gradient(90deg,var(--sh-a),var(--sh-b))}.bar b{font:600 13px/1 var(--disp);font-variant-numeric:tabular-nums;text-align:right}.bar small{opacity:.65}.pips{gap:4px;display:inline-flex}.pip{background:#ffffff2e;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #ffffff4d}.pip.on{background:var(--pip);box-shadow:0 0 6px #b6e58ab3}.h-chat{left:4px;bottom:calc(196px + var(--safe-bottom));width:48px;height:48px;color:var(--ink);background:radial-gradient(closest-side,rgba(var(--shade),.6),rgba(var(--shade),0));filter:drop-shadow(0 1px 2px #000c);border:0;place-items:center;padding:0;display:grid;position:absolute}.h-chat .badge{background:var(--danger);color:#2a0905;min-width:17px;height:17px;font:700 11px/17px var(--body);text-shadow:none;text-align:center;border-radius:9px;padding:0 4px;position:absolute;top:4px;right:2px}.h-toasts{left:10px;bottom:calc(108px + var(--safe-bottom));gap:4px;max-width:calc(100% - 100px);margin:0;padding:0;list-style:none;display:grid;position:absolute}.h-toasts li{pointer-events:auto;cursor:pointer;font:500 13.5px/1.3 var(--body);overflow-wrap:anywhere;transition:opacity .4s}.h-toasts li b{margin:0 4px 0 2px;font-weight:700}.h-toasts li.gone{opacity:0}.h-replay{left:50%;bottom:calc(98px + var(--safe-bottom));z-index:3;pointer-events:auto;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 24px);padding:4px 4px 4px 10px;display:flex;position:absolute;transform:translate(-50%)}.rp-line{gap:2px;min-width:0;display:grid}.rp-line b{font:700 14.5px/1.1 var(--disp);letter-spacing:.04em;white-space:nowrap}.rp-line small{font:500 12px/1.2 var(--body);color:var(--muted);white-space:nowrap}.rp-skip{min-height:40px;font:700 13.5px/1 var(--disp);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);background:0 0;background:linear-gradient(90deg,transparent,var(--accent)) no-repeat 100% 100%/100% 2px;border:0;flex:none;padding:8px 2px 7px}.rp-skip:after{content:" ››";font-size:16px}.game.replaying .h-card{opacity:.45}.sh-sound{align-items:center;gap:14px;display:flex}.sh-mute{min-height:40px;color:var(--ink);font:600 14px/1 var(--body);background:0 0;border:1px solid #ffffff38;border-radius:999px;flex:none;padding:8px 14px}.sh-mute[aria-pressed=true]{color:var(--muted)}.sh-sound input{min-width:0;accent-color:var(--accent);flex:1}.hud>.h-previews{pointer-events:none;z-index:2;position:absolute;inset:0}.h-previews[hidden]{display:none}.pv{pointer-events:auto;background:rgba(var(--shade),.78);min-height:30px;color:var(--ink);will-change:transform;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:3px;padding:3px 9px 3px 7px;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #ff4f3fd9,0 2px 10px #00000073}.pv b{font:700 15px/1 var(--disp);font-variant-numeric:tabular-nums;color:#ffd0c8}.pv .pv-was{font:600 13px/1 var(--disp);color:var(--muted);font-variant-numeric:tabular-nums}.pv .pv-to{font:600 12px/1 var(--body);color:var(--muted);margin:0 1px;font-style:normal}.pv .pv-adv{margin-left:1px}.pv.kill{box-shadow:0 0 0 2px #ff4f3f,0 0 12px #ff4f3f99}.pv.kill b{color:#ff8a78}.bar.gain{grid-template-columns:auto minmax(0,1fr) 44px auto}.bar .more{width:calc(var(--g) * 100%);border-radius:inherit;background:#9be3a661;position:absolute;top:0;bottom:0;left:0}.c-heal{font:700 12px/1 var(--disp);color:#9be3a6;font-variant-numeric:tabular-nums;font-style:normal}.c-rest{background:rgba(var(--shade),.6);border:1px solid #c9bcff99;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;margin-top:-6px;margin-bottom:-4px;margin-left:auto;padding:0;display:grid;box-shadow:0 0 10px #a58cff40}.c-resting{width:16px;height:16px}.h-label{z-index:4;background:rgba(var(--shade),.74);width:max-content;max-width:min(330px,100% - 96px);box-shadow:0 0 18px 10px rgba(var(--shade),.6);will-change:transform;border-radius:16px;gap:6px;padding:8px 12px 9px;display:grid;position:absolute;top:0;left:0}.lb-row{font:600 14px/1.2 var(--body);flex-wrap:wrap;align-items:center;gap:4px 7px;display:flex}.lb-row>b{font:700 15px/1.15 var(--disp)}.lb-sep{color:var(--muted)}.lb-hint{font:500 12px/1.25 var(--body);color:var(--muted)}.lb-why{font:600 12.5px/1.25 var(--body);color:var(--warn)}.lb-acts{justify-content:flex-end;align-items:center;gap:10px;display:flex}.lb-back,.lb-help{color:var(--muted);background:0 0;border:0;padding:6px;display:grid}.lb-help{color:var(--accent);margin-right:auto}.lb-help .help-glyph{width:22px;height:22px}.cost{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.cost b{font:600 14px/1 var(--disp);font-variant-numeric:tabular-nums}.cost.short b{color:var(--warn)}.cost.free{color:var(--muted)}.yield{color:var(--muted);align-items:center;gap:2px;display:inline-flex}.game .confirm{color:#1a1405;min-height:42px;font:700 14px/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;text-shadow:none;background:linear-gradient(#ffe08f,#f0b84a);border:0;border-radius:999px;padding:10px 20px;box-shadow:0 3px 12px #00000059}.game .confirm:disabled{color:var(--muted);box-shadow:none;cursor:default;background:#ffffff24}.h-popup{z-index:5;overscroll-behavior:contain;max-height:68%;padding:40px 16px calc(16px + var(--safe-bottom));background:linear-gradient(0deg,rgba(var(--shade),.96) 0%,rgba(var(--shade),.93) 78%,rgba(var(--shade),0) 100%);gap:12px;display:grid;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.game.popup-open .h-bottom,.game.popup-open .h-chat,.game.popup-open .h-toasts,.game.popup-open .fx-bottom{display:none}.pp-head{grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.pp-pic{width:104px;height:104px}.pp-pic img{filter:drop-shadow(0 6px 10px #0009)}.pp-title{gap:5px;min-width:0;display:grid}.pp-title h2{font:700 24px/1.05 var(--disp);margin:0}.pp-title p{font:500 13px/1.3 var(--body);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.pp-cost{flex-wrap:wrap;gap:6px 12px;display:flex}.pp-help{color:var(--accent);background:0 0;border:0;align-self:start;padding:6px;display:grid}.pp-help .help-glyph{width:26px;height:26px}.pp-stats{grid-template-columns:1fr 1fr;gap:9px 16px;display:grid}.stat{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.stat span{font:500 13px/1.2 var(--body);color:var(--muted);min-width:0}.stat b{font:600 16px/1 var(--disp);align-items:center;gap:3px;display:inline-flex}.stat .tg{gap:1px;font-style:normal;display:inline-flex}.pp-abilities{font:400 13.5px/1.4 var(--body);color:#dfe7e4;gap:4px;margin:0;padding-left:18px;display:grid}.pp-abilities li::marker{color:var(--accent)}.pp-note{font:italic 500 13px/1.35 var(--body);color:var(--muted);margin:0}.pp-why{font:600 13px/1.35 var(--body);color:var(--warn);margin:0}.pp-acts{justify-content:flex-end;align-items:center;gap:12px;padding-top:2px;display:flex}.pp-acts>button:not(.confirm){font:600 14px/1 var(--body);color:var(--muted);background:0 0;border:0;border-bottom:1.5px solid #ffffff4d;padding:10px 6px}.h-popup:has(.pp-stats) .pp-acts{position:sticky;bottom:0}.h-sheet{z-index:20;text-shadow:none;-webkit-user-select:text;user-select:text;background:#060f14;grid-template-rows:auto auto minmax(0,1fr);display:grid;position:absolute;inset:0}.h-sheet>:not(.sh-tabs){grid-column:1}.sh-head{padding:calc(10px + var(--safe-top)) 14px 8px 6px;align-items:center;gap:10px;min-width:0;display:flex}.sh-head h2{min-width:0;font:700 19px/1.2 var(--disp);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.sh-head small{color:var(--muted);font:600 12px/1 var(--body);white-space:nowrap}.sh-back{min-height:44px;font:600 15px/1 var(--body);color:var(--accent);background:0 0;border:0;align-items:center;gap:0;padding:8px 10px 8px 2px;display:inline-flex}.sh-back .glyph-svg{width:24px;height:24px}.sh-tabs{gap:4px;padding:0 14px 8px;display:flex}.sh-tabs:empty{display:none}.sh-tabs button{font:600 14px/1 var(--body);color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;padding:10px}.sh-tabs button[aria-selected=true]{color:var(--ink);background:#ffffff14}.sh-body{overscroll-behavior:contain;min-height:0;padding:4px 16px calc(20px + var(--safe-bottom));align-content:start;gap:18px;display:grid;overflow-y:auto}.sh-body h3{font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.sh-body p{color:var(--muted);font:500 14px/1.45 var(--body);margin:0 0 6px}.sh-hint{font-size:12.5px!important}.sh-items{gap:2px;display:grid}.sh-items>a,.sh-items>button{min-height:48px;color:var(--ink);font:600 15px/1.2 var(--body);text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:6px 4px;text-decoration:none;display:flex}.sh-items .glyph-svg,.sh-items .icon{width:22px;height:22px;color:var(--accent)}.sh-colors{flex-wrap:wrap;gap:10px;display:flex}.sw-btn{background:var(--c);border:0;border-radius:50%;width:38px;height:38px;box-shadow:inset 0 0 0 2px #0000004d,0 0 0 1px #ffffff59}.sw-btn[aria-pressed=true]{box-shadow:0 0 0 3px #050e17,0 0 0 5px var(--c)}.sw-btn:disabled{opacity:.2;cursor:default}.sh-legend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sh-legend li{font:500 14px/1.3 var(--body);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sh-legend li>span{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.sh-howto{color:var(--muted);font:500 13.5px/1.45 var(--body);gap:6px;margin:0;padding-left:18px;display:grid}.sh-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sh-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;width:100%;min-height:56px;padding:6px 2px;display:flex}.sh-list .pic{flex:none;width:44px;height:44px}.sh-t{flex:1;gap:2px;min-width:0;display:grid}.sh-t b{font:700 15px/1.2 var(--disp)}.sh-t small{color:var(--muted);font:500 12.5px/1.25 var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sh-hp{font:600 12.5px/1 var(--disp);color:var(--muted);align-items:center;gap:3px;display:inline-flex}.sh-chat,.sh-log{font:500 14px/1.4 var(--body);overflow-wrap:anywhere;gap:8px;margin:0;padding:0;list-style:none;display:grid}.sh-chat li{display:block}.sh-chat .swatch{margin-right:6px}.sh-chat b{margin-right:4px}.sh-log small{color:var(--accent);font:700 11px/1 var(--body);letter-spacing:.06em;margin-right:6px}.empty{color:var(--muted)}.sh-chatbody{padding-bottom:calc(12px + var(--safe-bottom));flex-direction:column;gap:10px;display:flex;overflow:hidden}.sh-chatbody .sh-chat{overscroll-behavior:contain;flex:auto;align-content:start;min-height:0;overflow-y:auto}.sh-send{background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;max-width:none;margin:0;padding:6px 0 0;display:grid}.sh-send select,.sh-send input{min-width:0;color:var(--ink);font:500 15px/1.2 var(--body);background:#0c1a20;border:1px solid #ffffff2e;border-radius:10px;padding:10px}.sh-send .confirm{padding:10px 16px}.h-sheet #seat-links{border:0;padding:0}.h-sheet #seat-links input{width:100%;color:var(--ink);background:#0c1a20;border:1px solid #ffffff2e;border-radius:8px;margin:4px 0;padding:8px;font-size:13px}.h-sheet #seat-links button{color:var(--ink);background:0 0;border:1px solid #fff3;border-radius:8px;margin:2px 0 8px;padding:8px 12px}@media (width>=700px){.game{--edge:18px}.h-turn{min-width:0;max-width:none}#turn{white-space:nowrap;align-items:center;gap:0;display:flex}#turn .sep{color:var(--muted);margin:0 7px;display:inline}#turn .round{font:600 15px/1.15 var(--disp);letter-spacing:0;text-transform:none;color:var(--ink)}.h-res{left:50%;top:calc(12px + var(--safe-top));flex-wrap:nowrap;gap:4px 20px;position:absolute;transform:translate(-50%)}.h-res .res+.res{position:relative}.h-res .res+.res:before{content:"";background:linear-gradient(#0000,#ffffff47,#0000);width:1px;position:absolute;top:3px;bottom:3px;left:-11px}.h-res .res-hint{margin-top:2px;position:absolute;top:100%;left:0;right:0}.res{gap:5px;font-size:18px}.res .icon{width:24px;height:24px}.h-top>.h-menu{margin-left:auto}.h-tile{top:calc(62px + var(--safe-top));font-size:14px}.h-actions{width:92px;right:8px;top:calc(104px + var(--safe-top))}.act{width:88px;font-size:11.5px}.act-face{width:62px;height:62px}.act-face .pic{width:58px;height:58px}.act-name,.act-why{max-width:88px}.h-card{width:min(520px,100% - 300px);left:50%;right:auto;transform:translate(-50%)}.h-card .c-pic,.h-arrow{width:64px;height:64px}.h-arrow.prev{left:calc(50% + -1*min(260px,50% - 150px) - 72px)}.h-arrow.next{right:calc(50% + -1*min(260px,50% - 150px) - 72px)}.h-chat{left:12px;bottom:calc(150px + var(--safe-bottom))}.h-toasts{max-width:min(520px,100% - 140px);left:18px}.hud>.h-status{max-width:min(620px,100% - 360px)}.h-popup{left:auto;right:100px;top:calc(100px + var(--safe-top));bottom:calc(112px + var(--safe-bottom));background:linear-gradient(270deg,rgba(var(--shade),.95) 0%,rgba(var(--shade),.9) 82%,rgba(var(--shade),0) 100%);align-content:start;width:min(420px,100% - 140px);max-height:none;padding:22px 22px 18px 40px}.game.popup-open .h-bottom,.game.popup-open .h-chat,.game.popup-open .h-toasts,.game.popup-open .fx-bottom{display:revert}.game.popup-open .h-bottom{display:block}.h-sheet{width:min(460px,100%);box-shadow:-30px 0 40px rgba(var(--shade),.7);left:auto}}.game[data-race=humans] .h-end{color:#1c1f23;text-shadow:none;letter-spacing:.06em;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);box-shadow:none;background:#f0954a;padding:9px 16px 9px 14px}.game[data-race=humans] .h-end:after{content:""}.game[data-race=humans] .act-face{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:linear-gradient(#3a4148 0%,#262a2f 55%,#1c1f23 100%);border-radius:0;box-shadow:inset 0 -3px #f0954a,inset 0 1px #ffffff29}.game[data-race=humans] .act.on .act-face,.game[data-race=humans] .act.current .act-face{box-shadow:inset 0 -3px 0 #f0954a,inset 0 0 0 2px var(--accent)}.game[data-race=humans] .act.current .act-face:after{content:none}.game[data-race=insects] .h-end{color:#1e1205;text-shadow:none;letter-spacing:.06em;background:radial-gradient(circle at 42% 32%,#fff0b0 0%,#ffbf3f 36%,#d9780f 78%,#7a3c05 100%);border-radius:999px;padding:9px 18px;box-shadow:0 0 14px #ffaa1e80,inset 0 -3px 6px #5a280080,inset 0 2px #fff9}.game[data-race=insects] .h-end:after{content:""}.game[data-race=insects] .act-face{background:radial-gradient(130% 150% at 30% 0,#5e4e3e 0%,#2a221b 46%,#110e0b 100%);border-radius:52% 46% 44% 48%/56% 56% 40% 40%;box-shadow:inset 0 1px #efe5cc59,0 0 9px #ffaa1e47}.game[data-race=insects] .act.on .act-face,.game[data-race=insects] .act.current .act-face{box-shadow:inset 0 1px #efe5cc59,0 0 0 2px #ffb627,0 0 14px #ffaa1e99}.game[data-race=aliens] .h-end{color:#e3f8ff;letter-spacing:.16em;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);background:#04060b8c;padding:9px 18px;box-shadow:inset 0 0 0 1px #6fdcffd9,0 0 12px #4fd2ff73,inset 0 0 12px #4fd2ff40}.game[data-race=aliens] .h-end:after{content:""}.game[data-race=aliens] .act-face{background:radial-gradient(closest-side,#0a1622d9,#04060b99);border-radius:4px;box-shadow:inset 0 0 0 1px #6fdcffb3,0 0 10px #4fd2ff66}.game[data-race=aliens] .act-face:before{content:"";background:#bff3ff;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-4px;left:50%;transform:rotate(45deg);box-shadow:0 0 6px #4fd2ffe6}.game[data-race=aliens] .act.off .act-face:before{opacity:.4}.game[data-race=aliens] .act.on .act-face,.game[data-race=aliens] .act.current .act-face{box-shadow:inset 0 0 0 2px #9fe8ff,0 0 16px #4fd2ffcc}.help-stub{z-index:60;color:#eef3f1;background:#060f14;padding:0 16px 24px;font:500 15px/1.5 Figtree,system-ui,sans-serif;position:fixed;inset:0;overflow-y:auto}.help-stub header{background:#060f14;align-items:center;gap:10px;padding:10px 0;display:flex;position:sticky;top:0}.help-stub header button{color:#ffd27a;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 8px 10px 0;font:600 16px/1 Figtree,sans-serif}.help-stub h2{margin:0;font:700 20px/1.2 Chakra Petch,sans-serif}.help-stub h3{color:#ffd27a;margin:16px 0 4px;font:700 16px/1.2 Chakra Petch,sans-serif}.help-stub p,.help-stub li{color:#c3d0cd}