:root{--gold:#ffd75e;--bronze:#c9915a;--bg-card:#100c1ee6;--border:#c9915a59;--text:#efe8dc;--text-dim:#a9a1b8;--font-display:"Cinzel", "Georgia", serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-body);background:#0b0a14;margin:0;font-size:14px;overflow:hidden}#app{width:100%;height:100%;position:relative}#app canvas{touch-action:none;width:100%;height:100%;display:block}#dice-overlay{z-index:4;pointer-events:none;position:absolute;inset:24% 27% 30%}#dice-overlay canvas{width:100%;height:100%}.mono{font-family:var(--font-mono)}.chip{background:color-mix(in srgb, var(--el) 22%, transparent);color:var(--el);border:1px solid color-mix(in srgb, var(--el) 55%, transparent);white-space:nowrap;border-radius:10px;padding:1px 9px;font-size:12px;display:inline-block}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-top,.hud-bottom,.hud-hand,.hud-actions,.hud-toast,.hud-confirm,.hud-top__turn,.hud-symbol{pointer-events:none}.hud .card,.hud .btn,.hud-help,.hud-log,.hud-log-toggle,.hud-panel{pointer-events:auto}.hud--busy .card{pointer-events:none;opacity:.6}.hud-top{background:linear-gradient(#080612e6,#0000);justify-content:center;align-items:center;gap:24px;padding:10px 52px 10px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud-top__phase{font-family:var(--font-display);color:var(--bronze);letter-spacing:.08em;font-size:15px;position:absolute;top:12px;left:16px}.hud-help{background:var(--bg-card);width:32px;height:32px;color:var(--gold);border:1px solid var(--border);cursor:pointer;font-family:var(--font-display);border-radius:50%;font-size:16px;position:absolute;top:10px;right:12px}.hud-help:hover{box-shadow:0 0 10px #ffd75e66}.hud-top__turn{flex-direction:column;align-items:center;min-width:130px;display:flex}.hud-turn{font-family:var(--font-display);color:var(--gold);font-size:18px}.hud-side{color:#7fd08a;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hud-side--enemy{color:#e0705a}.hud-ap{color:var(--text);flex-direction:column;align-items:center;gap:2px;margin-top:2px;font-size:13px;display:flex}.hud-ap__txt{color:#ffd75e}.hud-ap__txt small{color:var(--text-dim);font-size:10px}.hud-ap__track{background:#ffffff1f;border-radius:3px;width:130px;height:6px;display:block;overflow:hidden}.hud-ap__fill{background:linear-gradient(90deg,#c9915a,#ffd75e);height:100%;transition:width .5s;display:block}.hud-symbol{flex-direction:column;gap:3px;width:190px;display:flex}.hud-symbol__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.hud-symbol__track{background:#ffffff1f;border-radius:4px;height:8px;overflow:hidden}.hud-symbol__fill{background:linear-gradient(90deg,#3f8fe0,#6fd0ff);border-radius:4px;height:100%;transition:width 1.1s ease-out}.hud-symbol--p2 .hud-symbol__fill{background:linear-gradient(90deg,#e8663a,#ffb35e)}.hud-symbol__txt{color:var(--text-dim);font-size:11px}.hud-symbol__ap{color:#ffd75e}.hud-toast{background:var(--bg-card);border:1px solid var(--border);text-align:center;z-index:8;border-radius:10px;max-width:min(560px,92vw);padding:10px 22px;font-size:14px;animation:.3s ease-out toast-in;position:absolute;top:72px;left:50%;transform:translate(-50%)}.hud-toast--warn{color:#ffc9a8;border-color:#e0705a;box-shadow:0 0 24px #e0705a59}.hud-toast--info{color:var(--text)}@keyframes toast-in{0%{opacity:0;translate:0 -8px}}.hud-panel{background:var(--bg-card);border:1px solid color-mix(in srgb, var(--el,#c9915a) 45%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:258px;box-shadow:0 6px 24px #00000080, inset 0 0 34px color-mix(in srgb, var(--el,#000) 7%, transparent);scrollbar-width:thin;border-radius:12px;max-height:calc(100% - 220px);padding:14px;position:absolute;top:72px;right:14px;overflow-y:auto}.hud-panel__close{width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:17px;position:absolute;top:6px;right:8px}.hud-panel__close:hover{color:var(--text)}.ucard__head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.ucard__portrait{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--el,#444) 30%, #191428), #0d0a18);border:1px solid color-mix(in srgb, var(--el,#666) 45%, transparent);border-radius:10px;flex:none;width:72px;height:72px;overflow:hidden}.ucard__portrait img{object-fit:cover;width:100%;height:100%}.ucard__portrait--symbol{justify-content:center;align-items:center;display:flex}.ucard__portrait--symbol span{background:var(--el);width:30px;height:30px;box-shadow:0 0 18px var(--el);border-radius:6px;transform:rotate(45deg)}.ucard__name{font-family:var(--font-display);color:var(--gold);margin:0 0 4px;font-size:16px}.tag-enemy{color:#e0705a;font-size:10px;font-family:var(--font-body);vertical-align:middle}.ucard__level{color:var(--text-dim);margin-top:5px;font-size:11px}.ucard__evolve{color:var(--gold)}.ucard__bars{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.ucard__bar{color:var(--text-dim);align-items:center;gap:7px;font-size:11px;display:flex}.ucard__bar .track{background:#ffffff1a;border-radius:4px;flex:1;height:7px;overflow:hidden}.ucard__bar .fill{border-radius:4px;height:100%}.fill--hp{background:linear-gradient(90deg,#4fae5a,#8ae08a)}.fill--exp{background:linear-gradient(90deg,#c9915a,#ffd75e)}.ucard__bar .mono{color:var(--text);font-size:11px}.ucard__atk{margin-bottom:10px;font-size:13px}.ucard__atk b{color:var(--gold);font-size:15px}.ucard__atk--sec{color:var(--text-dim);margin-top:-6px;font-size:11px}.ucard__atk--sec b{color:var(--text);font-size:12px}.ucard__chips{flex-wrap:wrap;gap:5px;display:flex}.pa{color:#59c8f5;font-size:.85em;font-weight:600}.stat-up{color:#8ae0a0!important}.stat-down{color:#ff7a6a!important}.ucard__row s{color:var(--text-dim);font-size:.8em}.ucard__block{background:#00000040;border-radius:8px;margin-bottom:8px;padding:7px 10px}.ucard__block-title{letter-spacing:.08em;color:var(--bronze);margin-bottom:4px;font-size:10px}.ucard__block-title small{color:var(--text-dim);letter-spacing:0}.ucard__row{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.ucard__row b{color:var(--text);font-size:13px}.ucard__mod{border-radius:6px;margin-top:5px;padding:3px 8px;font-size:11px}.ucard__mod--good{color:#8ae0a0;background:#4fae5a2e}.ucard__mod--bad{color:#f0968a;background:#e0453a2e}.ucard__mod--poison{color:#b6f56a;background:#86f54224}.hud-spells{pointer-events:none;align-items:center;gap:8px;padding-bottom:6px;display:flex;position:absolute;bottom:100%;left:16px}.hud-spells__label{color:var(--text-dim);font-size:11px;font-family:var(--font-display)}.spell-btn{pointer-events:auto;color:var(--text);cursor:pointer;font-family:var(--font-body);background:linear-gradient(#2a1e45,#191228);border:1px solid #7a5fd0;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.spell-btn:hover:not(:disabled){box-shadow:0 0 12px #7a5fd099}.spell-btn:disabled{opacity:.45;cursor:not-allowed}.spell-btn--selected{border-color:var(--gold);box-shadow:0 0 12px #ffd75e80}.spell-btn__icon{font-size:14px}.spell-btn__cost{color:#59c8f5;font-size:10.5px}.ucard__grid{color:var(--text-dim);background:#00000040;border-radius:8px;grid-template-columns:1fr 1fr;gap:5px 10px;margin-bottom:10px;padding:8px 10px;font-size:11.5px;display:grid}.ucard__grid b{color:var(--text);font-size:12.5px}.ucard__trait{border-left:3px solid var(--gold);background:#ffd75e14;border-radius:0 8px 8px 0;flex-direction:column;gap:2px;margin-bottom:10px;padding:7px 10px;font-size:11.5px;line-height:1.45;display:flex}.ucard__trait b{color:var(--gold);font-size:12px}.ucard__trait span{color:var(--text-dim)}.ucard__patterns{gap:10px;margin-bottom:10px;display:flex}.ucard__pat{background:#00000040;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 6px 7px;display:flex}.ucard__pat-label{color:var(--text-dim);flex-direction:column;align-items:center;gap:1px;font-size:10.5px;display:flex}.ucard__pat-label b{color:var(--text);font-size:11.5px}.ucard__pat-cost{color:var(--gold);font-size:11px}.ucard__pattern{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pattern-diagram{background:#00000059;border-radius:8px;flex:none;padding:2px}.ucard__pattern-info{flex-direction:column;gap:8px;display:flex}.pd-legend{flex-wrap:wrap;gap:4px 8px;display:flex}.pd-key{color:var(--text-dim);align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.pd-key i{border-radius:2px;width:9px;height:9px;display:inline-block}.pd-names{color:var(--text);font-size:11px;line-height:1.6}.ucard__matchups{flex-direction:column;gap:6px;font-size:12px;line-height:1.45;display:flex}.ucard__matchups small{color:var(--text-dim)}.ucard__terrain{color:var(--text-dim);border-top:1px solid #ffffff14;padding-top:7px}.hud-log-toggle{z-index:6;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:50%;width:38px;height:38px;font-size:16px;display:none;position:absolute;bottom:158px;left:10px}.hud-log{scrollbar-width:thin;background:#0806128c;border-radius:8px;width:300px;max-height:170px;padding:8px 10px;font-size:12px;line-height:1.5;position:absolute;bottom:168px;left:16px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 12%);mask-image:linear-gradient(#0000,#000 12%)}.hud-log__line--combat{color:#ffca8a}.hud-log__line--good{color:#8ae0a0}.hud-log__line--bad{color:#f08a7a}.hud-log__line--info{color:var(--text-dim)}.hud-bottom{background:linear-gradient(#0000,#080612f0);justify-content:space-between;align-items:flex-end;gap:14px;padding:10px 16px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-hand{scrollbar-width:thin;align-items:flex-end;gap:10px;padding:8px 2px 2px;display:flex;overflow-x:auto}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--el) 16%, #171226), #100c1d);width:104px;color:var(--text);border:1px solid color-mix(in srgb, var(--el) 45%, var(--border));cursor:pointer;font-family:var(--font-body);text-align:center;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:8px 8px 7px;transition:transform .14s,box-shadow .14s;display:flex;position:relative}.card:hover:not(:disabled){box-shadow:0 8px 18px #00000080, 0 0 12px color-mix(in srgb, var(--el) 40%, transparent);transform:translateY(-6px)}.card:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.5)}.card--selected{border-color:var(--gold);transform:translateY(-8px);box-shadow:0 0 18px #ffd75e80}.card__cost{border:1px solid var(--gold);min-width:26px;height:26px;color:var(--gold);z-index:1;background:radial-gradient(circle at 35% 30%,#8a5f2a,#4a3012);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:-7px;left:-7px}.card__cost small{margin-left:1px;font-size:7px}.card__portrait{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--el) 32%, #181226), #0d0a18);border:1px solid color-mix(in srgb, var(--el) 35%, transparent);border-radius:7px;justify-content:center;align-items:center;width:84px;height:66px;display:flex;overflow:hidden}.card__portrait img{object-fit:cover;width:100%;height:100%}.card__gem{background:var(--el);width:18px;height:18px;box-shadow:0 0 12px var(--el);border-radius:4px;transform:rotate(45deg)}.card__name{font-size:12px;font-weight:600;line-height:1.1}.card__element{color:var(--el);font-size:10px}.card__stats{color:var(--text-dim);gap:8px;font-size:10.5px;display:flex}.card__stats b{color:var(--text);font-weight:600}.reaction-overlay{z-index:15;pointer-events:auto;background:#06040e8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reaction-card{background:var(--bg-card);border:1px solid #e0a05a;border-radius:14px;width:min(420px,94vw);padding:18px 20px;animation:.25s ease-out toast-in;box-shadow:0 8px 40px #000000b3,0 0 30px #e0a05a40}.reaction-title{font-family:var(--font-display);color:var(--gold);margin:0 0 4px;font-size:17px}.reaction-sub{color:var(--text-dim);margin:0 0 12px;font-size:11.5px}.reaction-options{flex-direction:column;gap:8px;display:flex}.reaction-btn{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:var(--font-body);background:#171226;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:1px 10px;padding:9px 13px;display:grid}.reaction-btn:hover:not(:disabled){border-color:var(--gold);background:#1e1730}.reaction-btn:disabled{opacity:.4;cursor:not-allowed}.reaction-btn__label{font-size:14px;font-weight:600}.reaction-btn__cost{color:var(--gold);justify-self:end;font-size:12px}.reaction-btn__detail{color:var(--text-dim);grid-column:1/-1;font-size:11.5px}.duel{z-index:15;pointer-events:auto;background:var(--bg-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #e0a05a;border-radius:14px;width:min(600px,96vw);padding:12px 16px 14px;animation:.22s ease-out toast-in;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 10px 44px #000000b3,0 0 26px #e0a05a38}.duel__title{text-align:center;font-family:var(--font-display);color:var(--gold);margin-bottom:8px;font-size:15px}.duel__body{align-items:stretch;gap:10px;display:flex}.duel__side{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.duel__side--left .duel__lines{text-align:center}.duel__portrait{border:1px solid var(--border);background:radial-gradient(circle at 50% 40%,#241c3a,#0d0a18);border-radius:10px;width:74px;height:74px;overflow:hidden}.duel__side--left .duel__portrait{border-color:#7fd08a}.duel__side--right .duel__portrait{border-color:#e0705a}.duel__portrait img{object-fit:cover;width:100%;height:100%}.duel__name{text-align:center;font-size:13px;font-weight:600}.duel__lines{color:var(--text-dim);text-align:center;font-size:11px;line-height:1.55}.duel__lines b{color:var(--text)}.duel__vs{color:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:44px;font-size:22px;display:flex}.duel__vs span{font-family:var(--font-display);color:var(--bronze);font-size:11px}.duel__buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.duel--reaction .duel__buttons{grid-template-columns:1fr 1fr;display:grid}.duel--reaction .reaction-btn{margin:0}@media (width<=700px){.duel{bottom:190px}.duel--reaction .duel__buttons{grid-template-columns:1fr}}.combat-math{z-index:14;pointer-events:none;border:1px solid var(--border);background:#080612eb;border-radius:12px;min-width:300px;max-width:min(430px,92vw);padding:10px 16px;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0009}.combat-math__title{font-family:var(--font-display);color:var(--bronze);text-align:center;margin-bottom:6px;font-size:13px}.combat-math__line{font-family:var(--font-mono);color:var(--text);text-align:center;padding:3px 0;font-size:14px;animation:.3s ease-out toast-in}.combat-math__line b{color:var(--gold)}.combat-math__line--result{color:#ff8a7a;font-size:16px}.combat-math__line--good{color:#8ae0a0}.combat-math--docked{opacity:.92;min-width:0;max-width:300px;padding:8px 12px;font-size:12px;transition:all .45s;top:auto;bottom:352px;left:16px;transform:none}.combat-math--docked .combat-math__line{text-align:left;padding:2px 0;font-size:11.5px}.combat-math--docked .combat-math__line--result{font-size:12.5px}@media (width<=860px),(height<=560px){.combat-math{max-width:88vw;top:60px}.combat-math--docked{display:none}}.reaction-options--row{flex-direction:row;justify-content:center}.combat-banner{z-index:14;pointer-events:none;border:1px solid var(--gold);font-family:var(--font-display);color:var(--gold);background:#0a0716eb;border-radius:12px;padding:12px 28px;font-size:20px;animation:1.6s ease-out forwards banner-pop;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 34px #ffd75e4d}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}.crit-flash{z-index:16;pointer-events:none;background:radial-gradient(circle,#ffd75e47,#ff50281f 60%,#0000);justify-content:center;align-items:center;animation:.9s ease-out forwards crit-in;display:flex;position:absolute;inset:0}.crit-flash span{font-family:var(--font-display);color:#ffd75e;text-shadow:0 0 30px #ff7a2a,0 4px 14px #000c;font-size:64px;font-weight:700;animation:.9s ease-out forwards crit-zoom}@keyframes crit-in{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes crit-zoom{0%{transform:scale(2.2)}25%{transform:scale(1)}to{transform:scale(1.05)}}.hud-actions{flex:none;align-items:flex-end;gap:10px;display:flex}.hud-costs{display:none}.hud-endturn-wrap{position:relative}.hud-confirm{background:var(--bg-card);width:240px;color:var(--text);z-index:7;border:1px solid #e0a05a;border-radius:10px;padding:10px 13px;font-size:12.5px;line-height:1.45;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 4px 18px #0000008c}.hud-confirm b{color:var(--gold)}.hud-confirm:after{content:"";border:7px solid #0000;border-top-color:#e0a05a;position:absolute;top:100%;right:26px}.btn{font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:10px 22px;font-size:14px;transition:transform .12s,box-shadow .12s}.btn--primary{color:#ffe9b0;background:linear-gradient(#8a5f2a,#5f3f1a);border-color:#c9915a}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 18px #c9915a66}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--text-dim);background:#0a0814b3}.btn--ghost:hover{color:var(--text);border-color:var(--text-dim)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#06040ed1;justify-content:center;align-items:center;padding:16px;transition:opacity .4s;display:flex;position:absolute;inset:0}.overlay--hidden{opacity:0;pointer-events:none}.overlay__card{text-align:center;background:var(--bg-card);border:1px solid var(--border);scrollbar-width:thin;border-radius:14px;width:100%;max-width:540px;max-height:92vh;padding:34px 42px;overflow-y:auto}.menu__title{font-family:var(--font-display);color:var(--gold);text-shadow:0 0 24px #ffd75e59;margin:0 0 4px;font-size:34px}.menu__subtitle{color:var(--bronze);font-family:var(--font-display);margin:0 0 18px}.menu__intro{color:var(--text);line-height:1.6}.menu__record{color:var(--text-dim);font-size:12px}.menu__hint{color:var(--text-dim);margin-top:18px;font-size:11.5px;line-height:1.5}.menu__start{margin-top:8px;padding:12px 32px;font-size:16px}.result__title{font-family:var(--font-display);margin:0 0 10px;font-size:38px}.result__title--win{color:var(--gold);text-shadow:0 0 30px #ffd75e80}.result__title--lose{color:#e0705a}.result__text{line-height:1.6}.result__detail{color:var(--text-dim);margin-bottom:18px;font-size:12px}.tut-card{text-align:left;max-width:500px}.tut-title{font-family:var(--font-display);color:var(--gold);text-align:center;margin:0 0 12px;font-size:22px}.tut-body{font-size:13.5px;line-height:1.6}.tut-body p{margin:8px 0}.tut-tip{border-left:3px solid var(--gold);background:#ffd75e12;border-radius:0 8px 8px 0;padding:7px 10px;font-size:12.5px}.tut-cycle{flex-wrap:wrap;align-items:center;gap:5px;margin:7px 0;display:flex}.tut-arrow{color:var(--text-dim)}.tut-swatch{vertical-align:-1px;border-radius:3px;width:11px;height:11px;display:inline-block}.tut-diagram{justify-content:center;align-items:center;gap:14px;margin:10px 0;display:flex}.tut-nav{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.tut-dots{gap:6px;display:flex}.tut-dot{background:#fff3;border-radius:50%;width:8px;height:8px}.tut-dot--on{background:var(--gold)}.fx-layer{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.fx-popup{font-family:var(--font-mono);text-shadow:0 2px 6px #000c;font-size:20px;font-weight:700;animation:1.3s ease-out forwards fx-rise;position:absolute;transform:translate(-50%,-100%)}.fx-popup--damage{color:#ff5a4a;font-size:24px}.fx-popup--counter{color:#ff9a6a;font-size:18px}.fx-popup--heal{color:#7ae08a}.fx-popup--exp{color:#ffd75e;font-size:14px}.fx-popup--level{color:#ffd75e;font-size:20px;font-family:var(--font-display)}.fx-popup--info{color:#9ac8ff;font-size:14px}@keyframes fx-rise{0%{opacity:0;translate:0 10px;scale:.7}12%{opacity:1;scale:1.15}25%{scale:1}to{opacity:0;translate:0 -46px}}.fx-bar{align-items:center;gap:3px;width:54px;display:flex;position:absolute;top:0;left:-27px}.fx-bar__level{font-family:var(--font-mono);color:var(--gold);background:#000000a6;border-radius:6px;padding:0 4px;font-size:10px;line-height:13px}.fx-bar__track{background:#0009;border-radius:3px;flex:1;height:5px;overflow:hidden}.fx-bar__fill{background:#6fd07a;height:100%;transition:width 1.1s ease-out}.fx-bar--p2 .fx-bar__fill{background:#e0705a}.fx-bar__fill--low{background:#e33!important}.hud-preview{color:#ffb0a0;pointer-events:none;white-space:nowrap;z-index:9;background:#080612eb;border:1px solid #e0453a;border-radius:8px;padding:5px 12px;font-size:14px;position:absolute;transform:translate(-50%,-100%)}.hud-preview__ko{color:var(--gold)}.menu__buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.elchoice-card{max-width:640px}.elchoice-hint{color:var(--text-dim);font-size:13px;line-height:1.55}.elchoice-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.elpick{cursor:pointer;background:color-mix(in srgb, var(--el) 10%, #141021);border:1px solid color-mix(in srgb, var(--el) 45%, transparent);color:var(--text);font-family:var(--font-body);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;transition:transform .12s,box-shadow .12s;display:flex}.elpick:hover{box-shadow:0 0 16px color-mix(in srgb, var(--el) 50%, transparent);transform:translateY(-4px)}.elpick__gem{background:var(--el);width:22px;height:22px;box-shadow:0 0 14px var(--el);border-radius:5px;margin:4px 0 6px;transform:rotate(45deg)}.elpick__name{font-family:var(--font-display);color:var(--el);font-size:15px}.elpick__desc{color:var(--text-dim);font-size:10.5px;line-height:1.4}.hub-card{text-align:left;max-width:760px;padding:26px 30px}.hub-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hub-title{font-family:var(--font-display);color:var(--gold);margin:0;font-size:24px}.hub-meta{align-items:center;gap:10px;display:flex}.hub-coins{color:var(--gold);font-size:16px}.hub-tut{position:static}.hub-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.hub-tab{cursor:pointer;color:var(--text-dim);font-family:var(--font-display);background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 16px;font-size:14px}.hub-tab--on{color:var(--gold);border-bottom-color:var(--gold)}.hub-body{min-height:260px}.hub-note{color:var(--text-dim);font-size:12px;line-height:1.5}.hub-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.hub-grid{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.hub-recruits{flex-wrap:wrap;gap:8px;margin:10px 0 4px;display:flex}.hub-recruit{padding:7px 12px;font-size:12px}.card--hub{cursor:pointer}.phase-list{flex-wrap:wrap;gap:10px;display:flex}.phase-card{cursor:pointer;text-align:left;border:1px solid var(--border);min-width:150px;color:var(--text);font-family:var(--font-body);background:#171226;border-radius:10px;flex-direction:column;flex:1;gap:4px;padding:12px 14px;display:flex}.phase-card--on{border-color:var(--gold);box-shadow:0 0 12px #ffd75e4d}.phase-card:disabled{opacity:.45;cursor:not-allowed}.phase-card__num{font-family:var(--font-display);color:var(--bronze);font-size:12px}.phase-card__name{font-size:14px;font-weight:600}.phase-card__status{color:var(--text-dim);font-size:11px}.phase-card__reward{color:var(--gold);font-size:11px}.phase-intro{color:var(--text);margin:14px 2px;font-size:13px;line-height:1.6}.shop-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.shop-item{border:1px solid color-mix(in srgb, var(--el) 35%, var(--border));background:#171226;border-radius:10px;align-items:center;gap:14px;padding:8px 12px;display:flex}.shop-item .card__portrait{flex:none;width:58px;height:46px}.shop-item__info{flex-direction:column;flex:1;gap:2px;display:flex}.shop-buy{padding:8px 14px;font-size:13px}.king-upgrades{flex-direction:column;gap:10px;margin-top:12px;display:flex}.king-upgrade{border:1px solid var(--border);background:#171226;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.king-upgrade__info{flex-direction:column;gap:2px;display:flex}.king-buy{min-width:90px;padding:8px 14px;font-size:13px}.result__coins{color:var(--gold);margin-bottom:6px;font-size:16px}.result__captured{color:#8ae0a0;margin-bottom:6px;font-size:13px}.result__rewards{margin-bottom:16px}@media (width<=700px){.elchoice-grid{grid-template-columns:repeat(2,1fr)}.hub-card{padding:18px 14px}}@media (prefers-reduced-motion:reduce){.fx-popup{animation-duration:.5s}.btn,.card{transition:none}}@media (width<=860px),(height<=560px){.hud-top{gap:10px;padding:6px 46px 6px 8px}.hud-top__phase{display:none}.hud-symbol{width:108px}.hud-symbol__label{font-size:9px}.hud-top__turn{min-width:96px}.hud-turn{font-size:14px}.hud-help{top:6px;right:8px}.hud-log{z-index:6;background:#080612eb;width:min(280px,72vw);max-height:150px;display:none;bottom:204px;left:10px}.hud-log.hud-log--open,.hud-log-toggle{display:block}.hud-panel{width:min(300px,94vw);max-height:calc(100% - 240px);top:54px;left:50%;right:auto;transform:translate(-50%)}.hud-bottom{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px 10px}.hud-hand{order:2;padding-top:10px}.hud-actions{order:1;justify-content:flex-end}.btn{padding:8px 16px;font-size:13px}.card{width:88px;padding:6px}.card__portrait{width:72px;height:52px}.card__name{font-size:11px}.hud-confirm{width:210px;right:-6px}.fx-popup{font-size:16px}.fx-popup--damage{font-size:19px}.overlay__card{padding:22px 20px}}