:root{--light: #4fb4ff;--light-soft: rgba(79, 180, 255, .18);--dark: #ff3b3b;--dark-soft: rgba(255, 59, 59, .18);--accent: #59ffd2;--gold: #ffd34d;--text: #e6edf6;--muted: #8a99ad;--panel: rgba(8, 13, 22, .78);--panel-solid: #0a111c;--border: rgba(140, 180, 230, .22);--glass-blur: blur(10px);--font-ui: "Bahnschrift", "Segoe UI", "Roboto Condensed", "Arial Narrow", Arial, sans-serif;--font-text: "Segoe UI", Roboto, Arial, sans-serif;--radius: 10px;--shadow: 0 10px 40px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#02040a;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}.scene-host{z-index:0}.scene-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.scene-labels *{pointer-events:none}.ui-host{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.ui-host>*{pointer-events:none}.game-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}button{font-family:var(--font-ui)}kbd{font-family:var(--font-ui);font-size:10px;letter-spacing:.04em;padding:1px 5px;border-radius:4px;border:1px solid rgba(255,255,255,.35);background:#ffffff14;color:#ffffffd9}.hidden{display:none!important}.btn{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,#283c5abf,#0f1928d9);color:var(--text);font-size:14px;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s;white-space:nowrap}.btn:hover{border-color:var(--accent);box-shadow:0 0 0 1px #59ffd24d,0 0 18px #59ffd240;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.small{padding:5px 10px;font-size:12px}.btn.ghost{background:transparent}.btn.primary{background:linear-gradient(180deg,#1fd1a5,#0e8f74);border-color:#78ffdc99;color:#03140f;font-weight:700}.btn.primary:hover{box-shadow:0 0 24px #59ffd28c}.btn.huge{font-size:20px;padding:14px 40px;letter-spacing:.12em;text-transform:uppercase;justify-content:center}.btn.compact{min-width:40px;justify-content:center;padding:8px 10px;font-size:16px;font-weight:700}.btn kbd{margin-left:2px}.btn.with-card{flex-direction:column;gap:5px;padding:6px 8px 7px;width:140px;white-space:normal;text-align:center;font-size:12px;line-height:1.2;position:relative}.btn.with-card kbd{position:absolute;top:4px;left:4px}.btn-thumb{width:100%;height:auto;border-radius:5px;box-shadow:0 2px 8px #00000080}.btn.pass{font-size:16px;font-weight:700;padding:12px 20px;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#ffe17a,#d7a520);color:#1b1300;border-color:#ffe68ccc;box-shadow:0 0 22px #ffd34d4d}.btn.pass kbd{color:#1b1300;border-color:#00000059;background:#ffffff59}.btn.pass:hover{box-shadow:0 0 30px #ffd34d99;border-color:#fff3c4}.icon-btn{pointer-events:auto;background:#0a121eb3;border:1px solid var(--border);color:var(--text);border-radius:7px;padding:6px 10px;font-size:13px;cursor:pointer}.icon-btn:hover{border-color:var(--accent)}.icon-btn.small{padding:2px 7px;font-size:12px}.cost-chip{display:inline-flex;flex-shrink:0;white-space:nowrap;align-items:center;font-size:11px;font-weight:700;padding:2px 6px;border-radius:999px;background:#ffd34d29;color:var(--gold);border:1px solid rgba(255,211,77,.45)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-top{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.phase-tracker{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);--side: var(--accent)}.phase-tracker.side-light{--side: var(--light)}.phase-tracker.side-dark{--side: var(--dark)}.turn-label{display:flex;flex-direction:column;line-height:1.1;min-width:92px}.turn-no{font-size:11px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.turn-who{font-size:16px;font-weight:700}.turn-who.side-light{color:var(--light)}.turn-who.side-dark{color:var(--dark)}.hud-center{display:flex;flex-direction:column;align-items:center;gap:6px}.log-ticker{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:18px}.ticker-line{font-family:var(--font-text);font-size:12.5px;color:#d6e0ec;padding:2px 10px;border-radius:6px;background:#050a1299;animation:tickerIn .3s ease}.ticker-line:first-child:not(:last-child){opacity:.55;font-size:11.5px}.ticker-line.side-light{box-shadow:inset 2px 0 0 var(--light)}.ticker-line.side-dark{box-shadow:inset 2px 0 0 var(--dark)}@keyframes tickerIn{0%{opacity:0;transform:translateY(-4px)}}.phase-strip{display:flex;gap:4px}.phase-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;transition:all .25s ease}.phase-item .phase-icon{font-size:12px;opacity:.7}.phase-item.done{color:#c8d7eb8c}.phase-item.current{color:#fff;border-color:var(--side);background:color-mix(in srgb,var(--side) 22%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--side) 45%,transparent),inset 0 0 12px color-mix(in srgb,var(--side) 25%,transparent)}.phase-item.current .phase-icon{opacity:1}.hud-controls{position:absolute;right:14px;top:4px;display:flex;gap:8px;align-items:center;pointer-events:auto}.speed-control{display:flex;align-items:center;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--border);border-radius:9px}.speed-label{font-size:11px;color:var(--muted);padding:0 6px;text-transform:uppercase;letter-spacing:.1em}.speed-btn{background:transparent;border:0;color:var(--muted);padding:5px 9px;border-radius:6px;cursor:pointer;font-size:13px}.speed-btn.active{background:#59ffd229;color:var(--accent)}.speed-btn:hover{color:#fff}.player-panel{position:absolute;left:14px;width:250px;padding:10px 12px;background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-left:3px solid var(--side-c);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .3s ease}.player-panel.side-light{--side-c: var(--light)}.player-panel.side-dark{--side-c: var(--dark)}.player-panel.theirs{top:60px;left:auto;right:14px}.player-panel.mine{bottom:96px}.player-panel.active{box-shadow:var(--shadow),0 0 22px color-mix(in srgb,var(--side-c) 35%,transparent)}.pp-head{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.05em;margin-bottom:6px}.pp-dot{width:9px;height:9px;border-radius:50%;background:var(--side-c);box-shadow:0 0 10px var(--side-c)}.pp-name{font-weight:700}.pp-life{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.life-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.life-bar{height:8px;background:#ffffff14;border-radius:99px;overflow:hidden}.life-fill{height:100%;width:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--side-c) 60%,#000),var(--side-c));box-shadow:0 0 10px var(--side-c);transition:width .6s cubic-bezier(.2,.8,.2,1)}.life-text{font-size:18px;font-weight:700;min-width:26px;text-align:right}.player-panel.low .life-text{color:#ff8080;animation:pulse 1.2s ease-in-out infinite}.pp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.pp-stat{display:flex;flex-direction:column;align-items:center;padding:4px 2px;border-radius:6px;background:#ffffff0a}.pp-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pp-val{font-size:16px;font-weight:700}.stat-force .pp-val{color:var(--side-c)}@keyframes pulse{50%{opacity:.55}}.pile-label{display:flex;flex-direction:column;align-items:center;line-height:1;padding:3px 8px 4px;border-radius:7px;background:#050a12b8;border:1px solid rgba(160,190,230,.25);font-family:var(--font-ui);transform-origin:center}.pile-label .pile-name{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pile-label .pile-count{font-size:15px;font-weight:700;color:#fff;margin-top:2px}.pile-label.side-light .pile-count{color:#bfe3ff}.pile-label.side-dark .pile-count{color:#ffc2c2}.pile-label.pile-force{border-color:color-mix(in srgb,var(--side-c, #fff) 50%,transparent)}.pile-label.side-light{--side-c: var(--light)}.pile-label.side-dark{--side-c: var(--dark)}.pile-label.pile-force .pile-count{color:var(--side-c);text-shadow:0 0 8px var(--side-c)}.pile-label.empty{opacity:.55}.pile-label.bump .pile-count{animation:bump .35s ease}.pile-label.selectable{border-color:var(--accent);box-shadow:0 0 14px #59ffd299}@keyframes bump{40%{transform:scale(1.35)}}.power-chip{font-size:12px;font-weight:700;padding:2px 7px;border-radius:999px;background:#050a12cc;border:1px solid var(--chip-c);color:var(--chip-c);box-shadow:0 0 8px color-mix(in srgb,var(--chip-c) 40%,transparent);transform:translate(50%);white-space:nowrap}.power-chip.side-light{--chip-c: var(--light)}.power-chip.side-dark{--chip-c: var(--dark)}.drain-chip{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:#050a12cc;border:1px dashed var(--chip-c);color:var(--chip-c);transform:translate(-50%);white-space:nowrap}.drain-chip.side-light{--chip-c: var(--light)}.drain-chip.side-dark{--chip-c: var(--dark)}.card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:2px;transform:translate(-50%)}.cb{font-size:9px;font-weight:800;padding:1px 4px;border-radius:4px;white-space:nowrap;letter-spacing:.04em}.cb.must{background:#ff3b3b;color:#fff;box-shadow:0 0 8px #ff3b3bcc}.cb.enemy{color:#fff;box-shadow:0 0 10px currentColor}.cb.enemy.side-dark{background:#c42828}.cb.enemy.side-light{background:#1f7fd0}.cb.barrier{background:#0a121ee6;color:#9fe8ff;border:1px solid #59c8ff}.cb.imm{background:#0a121ed9;color:#ffd34d;border:1px solid rgba(255,211,77,.6)}.battle-badge{font-size:11px;font-weight:800;letter-spacing:.2em;padding:3px 9px;border-radius:6px;color:#1d0b00;background:linear-gradient(180deg,#ffb35a,#ff7a2a);box-shadow:0 0 18px #ff7a2acc;animation:pulse .9s ease-in-out infinite}.log-panel{position:absolute;right:14px;top:196px;bottom:120px;width:290px;display:flex;flex-direction:column;background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:auto;max-height:420px}.log-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border)}.log-title{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.log-list{flex:1;overflow-y:auto;padding:6px 10px 10px;font-family:var(--font-text);font-size:12.5px;line-height:1.4;-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:rgba(140,180,230,.3) transparent}.log-line{padding:3px 0 3px 8px;border-left:2px solid rgba(255,255,255,.12);margin:2px 0;color:#c9d4e2;animation:fadein .3s ease}.log-line.side-light{border-left-color:var(--light)}.log-line.side-dark{border-left-color:var(--dark)}.log-divider{margin:10px 0 4px;font-family:var(--font-ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}.log-divider:after{content:"";flex:1;height:1px;background:currentColor;opacity:.4}.log-divider.side-light{color:var(--light)}.log-divider.side-dark{color:var(--dark)}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}}.action-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);min-width:560px;max-width:min(1100px,calc(100vw - 560px));display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;background:#080d16f0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-top:2px solid var(--bar-c, var(--accent));border-radius:14px;box-shadow:var(--shadow),0 0 30px color-mix(in srgb,var(--bar-c, var(--accent)) 18%,transparent);pointer-events:auto;transition:border-color .3s ease}.action-bar.side-light{--bar-c: var(--light)}.action-bar.side-dark{--bar-c: var(--dark)}.ab-text{flex:1 1 220px;min-width:180px}.ab-prompt{font-size:16px;font-weight:700;letter-spacing:.02em}.ab-hint{font-size:12.5px;color:var(--accent);margin-top:2px;font-family:var(--font-text)}.ab-buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:760px;justify-content:flex-end}.ab-amount-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-right:2px}.ab-pass:empty{display:none}.ab-waiting{display:none;align-items:center;gap:12px;flex:1}.action-bar.is-waiting .ab-waiting{display:flex}.action-bar.is-waiting .ab-text,.action-bar.is-waiting .ab-buttons,.action-bar.is-waiting .ab-pass{display:none}.ab-wait-text{flex:1;font-size:14px;color:#c9d4e2;letter-spacing:.03em}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--bar-c, var(--accent));animation:spin .8s linear infinite}.action-bar.is-done .spinner{display:none}@keyframes spin{to{transform:rotate(360deg)}}.context-menu{position:absolute;min-width:240px;max-width:380px;padding:6px;background:#080e18f2;border:1px solid rgba(89,255,210,.45);border-radius:10px;box-shadow:var(--shadow),0 0 24px #59ffd233;pointer-events:auto;animation:pop .14s ease-out;z-index:30}.cm-title{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;padding:4px 8px 6px}.cm-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:13.5px;cursor:pointer}.cm-item:hover,.cm-item:focus{background:#59ffd21f;outline:none}.cm-key{font-size:10px;color:var(--muted);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:0 4px}.cm-label{flex:1}.cm-desc{font-family:var(--font-text);font-size:12.5px;color:#cfd8e4;padding:0 8px 8px;max-width:320px}.cm-amounts{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 6px}.cm-amount{min-width:40px;height:40px;border-radius:8px;border:1px solid rgba(89,255,210,.5);background:#59ffd21a;color:#fff;font-family:var(--font-ui);font-size:18px;font-weight:700;cursor:pointer}.cm-amount:hover{background:#59ffd24d}.cm-hint{font-size:10.5px;color:var(--muted);padding:2px 8px 4px}.ab-peek{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);pointer-events:auto}.ab-peek-card{width:190px;height:auto;border-radius:10px;box-shadow:0 0 0 2px var(--gold),0 0 40px #ffd34d73,var(--shadow);animation:pop .25s ease-out}.log-line.private{border-left-style:dashed;font-style:italic}.log-line.private:before{content:"Only you see this: ";color:var(--gold);font-style:normal;font-size:11px}.cm-thumb{height:40px;width:auto;border-radius:3px}.cp-status{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.cp-st{font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;background:#ffd34d24;color:var(--gold);border:1px solid rgba(255,211,77,.4)}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.cursor-tip{position:absolute;padding:5px 9px;border-radius:6px;background:#050a12eb;border:1px solid rgba(89,255,210,.5);color:#dffbf3;font-size:12.5px;font-family:var(--font-text);pointer-events:none;white-space:nowrap;z-index:25}.card-preview{position:absolute;top:60px;width:280px;max-height:calc(100vh - 150px);overflow:hidden;padding:10px;background:#060a12eb;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);pointer-events:none;animation:fadein .15s ease;z-index:40}.card-preview.at-left{left:14px}.card-preview.at-right{right:14px}.card-preview.landscape{width:380px}.card-preview.pinned{pointer-events:auto;border-color:var(--gold)}.cp-canvas{width:100%;height:auto;display:block;border-radius:10px}.cp-info{margin-top:8px}.cp-title{font-size:17px;font-weight:700}.cp-title.side-light{color:#bfe3ff}.cp-title.side-dark{color:#ffc2c2}.cp-sub{font-size:12px;color:var(--muted);text-transform:capitalize;margin-top:2px}.cp-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cp-chip{font-size:11px;color:var(--muted);padding:2px 6px;border-radius:5px;background:#ffffff0f}.cp-chip b{color:#fff}.cp-keywords{font-size:11px;color:var(--accent);margin-top:6px;letter-spacing:.04em}.cp-text{font-family:var(--font-text);font-size:13px;line-height:1.45;margin-top:6px;color:#dfe7f1}.cp-lore{font-family:var(--font-text);font-size:12px;line-height:1.4;margin-top:6px;color:var(--muted);font-style:italic}.cp-actions:empty{display:none}.cp-actions{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.cp-actions-title{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:4px}.cp-action{display:flex;align-items:center;justify-content:space-between;gap:6px;font-family:var(--font-text);font-size:12.5px;padding:3px 0;color:#dffbf3}.cp-action.more{color:var(--muted)}.cp-pin{display:none;font-size:10px;color:var(--gold);text-align:center;margin-top:6px;letter-spacing:.06em}.card-preview.pinned .cp-pin{display:block}.banner-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.banner{text-align:center;padding:14px 60px;background:linear-gradient(90deg,transparent,rgba(5,10,18,.85) 20%,rgba(5,10,18,.85) 80%,transparent);animation:bannerIn .45s cubic-bezier(.2,.9,.2,1);--b-c: var(--accent);margin-top:-8vh}.banner.side-light{--b-c: var(--light)}.banner.side-dark{--b-c: var(--dark)}.banner.out{animation:bannerOut .4s ease forwards}.banner-title{font-size:46px;font-weight:700;letter-spacing:.32em;color:#fff;text-shadow:0 0 18px var(--b-c),0 0 40px var(--b-c)}.banner.small{padding:8px 40px}.banner.small .banner-title{font-size:24px;letter-spacing:.26em}.banner-sub{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--b-c);margin-top:4px}@keyframes bannerIn{0%{opacity:0;transform:scaleX(.6);letter-spacing:.6em}}@keyframes bannerOut{to{opacity:0;transform:translateY(-10px)}}.battle-panel{position:absolute;top:50%;left:14px;transform:translateY(-62%);width:400px;padding:12px 16px 14px;background:#080a10db;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,140,60,.5);border-radius:14px;box-shadow:var(--shadow),0 0 30px #ff7a2a2e;animation:slideDown .35s cubic-bezier(.2,.9,.2,1);pointer-events:none}.battle-panel.closing{animation:fadeOut .35s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translate(-16px,-62%)}}@keyframes fadeOut{to{opacity:0;transform:translate(-16px,-62%)}}.bp-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:.04em}.bp-icon{color:#ffb35a}.bp-init{margin-left:auto;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.bp-init.side-light{color:var(--light)}.bp-init.side-dark{color:var(--dark)}.bp-body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;margin-top:10px;align-items:stretch}.bp-vs{align-self:center;font-size:13px;color:var(--muted);letter-spacing:.2em}.bp-col{padding:8px 10px;border-radius:10px;background:#ffffff09;border:1px solid color-mix(in srgb,var(--c) 35%,transparent);transition:all .3s ease}.bp-col.side-light{--c: var(--light)}.bp-col.side-dark{--c: var(--dark)}.bp-col.winner{background:color-mix(in srgb,var(--c) 16%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--c) 45%,transparent);border-color:var(--c)}.bp-col.loser{opacity:.75}.bp-side{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--c);margin-bottom:4px}.bp-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.bp-lbl{color:var(--muted);font-size:12px}.bp-num{font-weight:700;font-size:16px}.bp-num.big{font-size:26px;color:#fff;text-shadow:0 0 12px var(--c)}.bp-num.pop{animation:bump .45s ease}.bp-total-row{border-top:1px solid rgba(255,255,255,.1);margin-top:4px;padding-top:4px}.bp-destinies{display:flex;flex-direction:column;gap:3px;margin:4px 0}.bp-destiny{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#cfd8e4;animation:fadein .3s ease;min-width:0}.bp-d-val{flex-shrink:0}.bp-d-val{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#f1f4f8;color:#111;font-weight:800;font-size:13px;box-shadow:0 0 8px var(--c)}.bp-d-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-oblig{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.bp-ob{font-size:11px;padding:2px 6px;border-radius:5px}.bp-ob.attr{background:#ffaa3c26;color:#ffc070}.bp-ob.dmg{background:#ff3c3c26;color:#ff8a8a}.bp-ob.none{color:var(--muted)}.bp-result{margin-top:10px;text-align:center;font-size:14px;letter-spacing:.06em;color:var(--muted);min-height:18px}.bp-result.side-light{color:var(--light);font-weight:700}.bp-result.side-dark{color:var(--dark);font-weight:700}.destiny-reveal{position:absolute;top:52%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:revealIn .5s cubic-bezier(.2,1.4,.3,1);--c: var(--accent)}.destiny-reveal.mine{left:25%}.destiny-reveal.theirs{left:75%}.destiny-reveal.side-light{--c: var(--light)}.destiny-reveal.side-dark{--c: var(--dark)}.dr-kind{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--c)}.dr-value{font-size:110px;font-weight:800;line-height:1;color:#fff;text-shadow:0 0 20px var(--c),0 0 60px var(--c)}.dr-title{font-size:13px;color:#cfd8e4;letter-spacing:.08em}@keyframes revealIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse at center,#02040a59,#02040ae0);z-index:50;transition:opacity .5s ease}.screen.leaving{opacity:0;pointer-events:none}.start-panel{width:min(760px,calc(100vw - 32px));text-align:center;padding:34px 40px 26px;background:#060a12b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow),0 0 80px #508cff14;animation:fadein .6s ease}.logo-top{font-size:64px;font-weight:800;letter-spacing:.22em;color:#ffe08a;text-shadow:0 0 24px rgba(255,210,90,.55);line-height:1}.logo-sub{font-size:15px;letter-spacing:.5em;text-transform:uppercase;color:#cfd8e4;margin-top:8px}.logo-line{height:1px;margin:18px auto 6px;width:60%;background:linear-gradient(90deg,transparent,var(--light),#fff,var(--dark),transparent)}.start-label{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px}.side-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-card{position:relative;padding:18px 16px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,transparent),#ffffff05);color:var(--text);cursor:pointer;transition:all .2s ease;pointer-events:auto}.side-card.side-light{--c: var(--light)}.side-card.side-dark{--c: var(--dark)}.side-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 60%,transparent)}.side-card.selected{border-color:var(--c);box-shadow:0 0 30px color-mix(in srgb,var(--c) 40%,transparent),inset 0 0 30px color-mix(in srgb,var(--c) 15%,transparent)}.side-emblem{position:relative;width:64px;height:64px;margin:0 auto 10px}.emblem-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--c);box-shadow:0 0 18px var(--c),inset 0 0 12px var(--c)}.emblem-core{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--c);box-shadow:0 0 22px var(--c)}.side-card.selected .emblem-ring{animation:spinPulse 3s linear infinite}@keyframes spinPulse{50%{transform:scale(1.08)}}.side-title{font-size:22px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}.side-blurb{font-family:var(--font-text);font-size:13px;color:#b9c5d4;margin-top:6px;line-height:1.4}.side-note{position:absolute;top:10px;right:12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.segmented{display:inline-flex;padding:3px;border-radius:10px;border:1px solid var(--border);background:#ffffff08}.seg-btn{background:transparent;border:0;color:var(--muted);padding:8px 22px;border-radius:8px;font-size:14px;cursor:pointer;letter-spacing:.06em;pointer-events:auto}.seg-btn.active{background:#59ffd226;color:var(--accent)}.start-panel .btn.huge{display:flex;margin:26px auto 0}.start-foot{margin-top:16px;font-size:12px;color:var(--muted);font-family:var(--font-text)}.gameover-screen{background:radial-gradient(ellipse at center,#02040a80,#02040aeb);--c: var(--accent)}.gameover-screen.side-light{--c: var(--light)}.gameover-screen.side-dark{--c: var(--dark)}.go-panel{text-align:center;animation:fadein .8s ease}.go-title{font-size:110px;font-weight:800;letter-spacing:.3em;color:#fff;text-shadow:0 0 30px var(--c),0 0 80px var(--c);line-height:1;margin-right:-.3em}.gameover-screen.lost .go-title{color:#d8dde5}.go-sub{font-size:18px;letter-spacing:.3em;text-transform:uppercase;color:var(--c);margin-top:14px}.go-reason{font-family:var(--font-text);font-size:14px;color:#b9c5d4;margin:10px 0 30px}@media (max-width: 1300px){.log-panel{width:240px}.player-panel{width:220px}.action-bar{max-width:calc(100vw - 480px);min-width:420px}}@media (max-width: 1000px){.action-bar{left:14px;right:14px;transform:none;max-width:none;min-width:0}.player-panel.mine{bottom:110px}.phase-item .phase-name{display:none}}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none}.scene-canvas{touch-action:none}button,.btn{touch-action:manipulation}.log-list,.card-preview,.context-menu,.start-panel,.ab-buttons{touch-action:pan-x pan-y}.global-controls{position:absolute;top:calc(4px + var(--sat));right:calc(14px + var(--sar));display:flex;gap:6px;pointer-events:auto!important;z-index:70}.gc-btn{width:36px;height:34px;padding:0;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.hud-controls{right:calc(100px + var(--sar))}.settings-panel{position:absolute;top:42px;right:0;width:270px;padding:10px 12px 12px;background:#080e18f5;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.settings-panel.hidden{display:none}.sp-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.sp-note{font-size:11px;color:var(--accent);min-height:13px}.settings-panel .seg-btn{padding:8px 10px}.rotate-overlay{display:none}body.touch .rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0b1424,#02040a 75%);pointer-events:auto!important}@media (orientation: portrait){body.touch .rotate-overlay{display:flex}}.rotate-box{text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;gap:10px}.rotate-icon{width:64px;height:104px;border:3px solid var(--accent);border-radius:12px;margin-bottom:14px;box-shadow:0 0 24px #59ffd266;animation:rotatePhone 2.2s ease-in-out infinite}@keyframes rotatePhone{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-title{font-size:22px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rotate-sub{font-family:var(--font-text);font-size:14px;color:var(--muted);margin-bottom:8px}.context-lost{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#02040ab3;pointer-events:auto!important}.context-lost.hidden{display:none}.lost-box{padding:16px 22px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--border);font-size:15px}.cp-close{display:none;position:absolute;top:6px;right:6px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#050a12d9;color:#fff;font-size:16px;cursor:pointer}.card-preview.pinned .cp-close{display:block}.cm-card{align-items:center}.cm-label b{display:block;font-weight:700}.cm-sub{display:block;font-size:11.5px;color:var(--muted)}.start-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.start-panel .start-actions .btn.huge{margin:0;display:inline-flex}body.touch kbd,body.touch .cm-key,body.touch .speed-label{display:none}body.touch .btn,body.touch .icon-btn,body.touch .seg-btn,body.touch .speed-btn{min-height:44px}body.touch .cm-item{min-height:48px}body.touch .player-panel{pointer-events:auto}body.touch .cursor-tip{display:none}@media (max-height: 520px){.hud-top{top:calc(3px + var(--sat))}.phase-tracker{gap:6px;padding:3px 6px;border-radius:10px}.turn-label{min-width:54px}.turn-no{font-size:9px}.turn-who{font-size:12px}.phase-item{padding:4px 6px;font-size:11px;gap:0}.phase-item .phase-name{display:none}.phase-item.current .phase-name{display:inline;margin-left:4px}.phase-item .phase-icon{font-size:13px}.log-ticker{min-height:0}.ticker-line{font-size:10.5px;padding:1px 8px;max-width:56vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-line:first-child:not(:last-child){display:none}.hud-controls{top:calc(3px + var(--sat));right:calc(96px + var(--sar));gap:4px}.speed-control{padding:2px}.speed-label{display:none}.speed-btn{padding:4px 7px;font-size:12px}.hud-controls .icon-btn{padding:4px 8px}.global-controls{top:calc(3px + var(--sat));right:calc(8px + var(--sar))}.gc-btn{width:40px;height:40px}.player-panel{width:150px;padding:5px 8px;left:calc(8px + var(--sal));pointer-events:auto;cursor:pointer}.player-panel.theirs{top:calc(50px + var(--sat));right:calc(8px + var(--sar));left:auto}.player-panel.mine{bottom:calc(62px + var(--sab))}.pp-head{font-size:10.5px;margin-bottom:3px}.pp-life{gap:5px}.life-label{display:none}.life-text{font-size:15px}.pp-stats{display:none}.player-panel.expanded{width:210px}.player-panel.expanded .pp-stats{display:grid}.log-panel{top:0;bottom:0;right:0;width:min(330px,72vw);max-height:none;border-radius:0;z-index:85;padding-top:var(--sat);padding-right:var(--sar);padding-bottom:var(--sab);box-shadow:-10px 0 40px #0009}.log-head{min-height:44px}.log-head .icon-btn{min-width:44px;min-height:40px}.action-bar{left:calc(8px + var(--sal));right:calc(8px + var(--sar));bottom:calc(5px + var(--sab));transform:none;max-width:none;min-width:0;padding:5px 6px 5px 12px;gap:8px;border-radius:12px}.ab-text{flex:1 1 140px;min-width:110px}.ab-prompt{font-size:12.5px;line-height:1.2}.ab-hint{font-size:10.5px}.ab-buttons{flex-wrap:nowrap;overflow-x:auto;max-width:62vw;scrollbar-width:none;justify-content:flex-start}.ab-buttons .btn .btn-label{max-width:210px;overflow:hidden;text-overflow:ellipsis}.ab-buttons::-webkit-scrollbar{display:none}.ab-buttons .btn{font-size:12.5px;padding:6px 10px;min-height:44px;flex-shrink:0}.btn.compact{min-width:44px;font-size:16px}.btn.pass{font-size:13px;padding:6px 12px;min-height:44px;letter-spacing:.04em}.btn.with-card{width:84px;min-height:0;font-size:10.5px;padding:4px}.btn-thumb{max-height:64px;width:auto}.ab-peek-card{width:120px}.ab-wait-text{font-size:12.5px}.battle-panel{top:calc(50px + var(--sat));left:calc(8px + var(--sal));transform:none;width:232px;padding:7px 9px 8px;animation:none}.battle-panel.closing{animation:none;opacity:0;transition:opacity .3s}.bp-title{font-size:11.5px;gap:5px}.bp-init{display:none}.bp-body{gap:5px;margin-top:5px}.bp-col{padding:4px 6px}.bp-side{font-size:9.5px;margin-bottom:2px}.bp-lbl{font-size:10px}.bp-num{font-size:13px}.bp-num.big{font-size:18px}.bp-d-name{display:none}.bp-d-val{width:18px;height:18px;font-size:11px}.bp-destinies{flex-direction:row;flex-wrap:wrap}.bp-ob{font-size:9.5px;padding:1px 4px}.bp-result{font-size:10.5px;margin-top:5px;min-height:0}.bp-vs{font-size:10px}.destiny-reveal{top:46%}.dr-value{font-size:64px}.dr-kind,.dr-title{font-size:10.5px}.card-preview{top:0;bottom:0;transform:none;max-height:none;width:min(290px,44vw);border-radius:0;overflow-y:auto;padding:calc(8px + var(--sat)) 10px calc(8px + var(--sab));z-index:80}.cp-canvas{max-height:64vh;width:auto;max-width:100%;margin:0 auto}.card-preview.at-left{left:0;padding-left:calc(10px + var(--sal))}.card-preview.at-right{right:0;padding-right:calc(10px + var(--sar))}.card-preview.landscape{width:min(360px,50vw)}.cp-title{font-size:15px}.cp-text{font-size:12px}.context-menu{max-height:calc(100vh - 16px);overflow-y:auto;min-width:220px}.cm-thumb{height:34px}.banner-title{font-size:28px}.banner.small .banner-title{font-size:16px}.banner-sub{font-size:11px}.banner{padding:8px 40px}.pile-label{padding:1px 4px 2px;border-radius:5px}.pile-label .pile-name{font-size:6.5px;letter-spacing:.08em}.pile-label .pile-count{font-size:11px;margin-top:1px}.power-chip,.drain-chip{font-size:10px;padding:1px 5px}.battle-badge{font-size:9px;padding:2px 6px}.cb{font-size:8px}.start-panel{padding:12px 18px;max-height:calc(100vh - 16px);overflow-y:auto;border-radius:14px}.logo-top{font-size:34px}.logo-sub{font-size:10px;letter-spacing:.4em;margin-top:4px}.logo-line{margin:8px auto 2px}.start-label{margin:8px 0 6px;font-size:10px}.side-card{padding:8px 10px}.side-emblem{width:34px;height:34px;margin-bottom:4px}.emblem-core{top:11px;right:11px;bottom:11px;left:11px}.side-title{font-size:15px}.side-blurb{display:none}.start-actions{margin-top:10px}.btn.huge{font-size:15px;padding:10px 24px}.start-foot{margin-top:8px;font-size:10.5px}.go-title{font-size:60px}.go-sub{font-size:13px}.go-reason{margin:6px 0 16px}}@media (max-width: 760px) and (max-height: 520px){.phase-item.current .phase-name{display:none}}@font-face{font-family:"Press Start 2P";src:url(/assets/PressStart2P-Regular-2BZhbCiP.ttf) format("truetype");font-display:swap}@font-face{font-family:Silkscreen;src:url(/assets/Silkscreen-Regular-W9-u5Upq.ttf) format("truetype");font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/assets/PixelifySans-lrcDQVzA.ttf) format("truetype");font-weight:400 700;font-display:swap}:root{--font-ui: "Pixelify Sans", "Silkscreen", monospace;--font-text: "Pixelify Sans", monospace;--font-head: "Press Start 2P", "Silkscreen", monospace;--font-tiny: "Silkscreen", monospace;--panel: transparent;--border: var(--pal-b0);--text: var(--pal-g5);--muted: var(--pal-g3);--accent: var(--pal-holo);--gold: var(--pal-y2);--light: var(--pal-b3);--dark: var(--pal-r3);--shadow: 4px 4px 0 rgba(0, 0, 0, .55);--radius: 0}html,body{font-family:var(--font-ui);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never}*{border-radius:0!important}canvas,img,.btn-thumb,.cm-thumb,.cp-canvas,.ab-peek-card{image-rendering:pixelated}.px-icon{display:inline-block;vertical-align:middle}.phase-tracker,.player-panel,.log-panel,.action-bar,.card-preview,.context-menu,.settings-panel,.start-panel,.speed-control,.lost-box,.go-panel,.rotate-box,.segmented{border:6px solid transparent!important;border-image:var(--px-frame-panel) 3 fill / 6px / 0 stretch!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--shadow)!important}.player-panel.side-light,.action-bar.side-light{border-image-source:var(--px-frame-light)!important}.player-panel.side-dark,.action-bar.side-dark{border-image-source:var(--px-frame-dark)!important}.battle-panel{border:6px solid transparent!important;border-image:var(--px-frame-battle) 3 fill / 6px / 0 stretch!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--shadow)!important}.card-preview.pinned{border-image-source:var(--px-frame-gold)!important}.card-preview{background:none!important}.card-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pal-ink);z-index:-1}.gameover-screen .go-panel,.rotate-box{padding:24px 30px}.segmented{padding:0!important;border-image-source:var(--px-frame-plain)!important}.btn,.icon-btn,.seg-btn,.speed-btn,.cm-item,.side-card,.cp-close{font-family:var(--font-ui);border:6px solid transparent!important;border-image:var(--px-frame-steel) 3 fill / 6px / 0 stretch!important;background:none!important;box-shadow:3px 3px #0000008c!important;color:var(--pal-g5)!important;transition:none!important;text-shadow:1px 1px 0 var(--pal-void)}.btn:hover,.icon-btn:hover,.seg-btn:hover,.speed-btn:hover,.cm-item:hover,.side-card:hover{border-image-source:var(--px-frame-holo)!important;transform:none!important}.btn:active,.icon-btn:active,.seg-btn:active,.speed-btn:active,.cm-item:active,.side-card:active{border-image-source:var(--px-frame-steel-down)!important;transform:translate(2px,2px)!important;box-shadow:1px 1px #0000008c!important}.btn.primary,.seg-btn.active,.speed-btn.active,.btn.compact.primary{border-image-source:var(--px-frame-holo)!important;color:var(--pal-void)!important;text-shadow:1px 1px 0 var(--pal-mint)}.btn.pass{border-image-source:var(--px-frame-gold)!important;color:var(--pal-void)!important;text-shadow:1px 1px 0 var(--pal-y3);font-family:var(--font-head);font-size:11px!important;letter-spacing:.04em}.btn.pass:active{border-image-source:var(--px-frame-gold-down)!important}.btn.huge{font-family:var(--font-head);font-size:14px!important;letter-spacing:.06em;padding:12px 22px!important}.speed-control{padding:0!important;gap:2px}.speed-btn{padding:2px 6px!important;font-family:var(--font-tiny);font-size:11px}.icon-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-tiny);font-size:11px;padding:2px 6px!important}.gc-btn{width:auto!important;height:auto!important;padding:2px 4px!important;color:var(--pal-holo)!important}.gc-btn .px-icon{width:18px;height:18px}.hud-controls{right:calc(96px + var(--sar))!important}.cp-close{width:auto;height:auto;padding:2px}.seg-btn{padding:4px 10px!important}kbd{font-family:var(--font-tiny);font-size:9px;border:0;padding:1px 3px;background:#00000059;color:inherit}.cost-chip{font-family:var(--font-tiny);font-size:10px;background:var(--pal-y0);color:var(--pal-y3);border:0;box-shadow:0 0 0 2px var(--pal-void);padding:1px 4px}.phase-tracker{gap:10px;padding:2px 4px}.turn-no{font-family:var(--font-tiny);font-size:9px;color:var(--pal-g3)}.turn-who{font-family:var(--font-head);font-size:10px;margin-top:3px}.turn-who.side-light{color:var(--pal-b3)}.turn-who.side-dark{color:var(--pal-r4)}.phase-item{font-family:var(--font-tiny);font-size:10px;padding:3px 6px;border:2px solid transparent;color:var(--pal-g2);box-shadow:none!important;background:none!important}.phase-item .phase-icon{opacity:1}.phase-item.done{color:var(--pal-g3)}.phase-item.current{color:var(--pal-void)!important;background:var(--side)!important;border-color:var(--pal-void);box-shadow:2px 2px 0 var(--pal-void)!important}.phase-tracker.side-light{--side: var(--pal-b3)}.phase-tracker.side-dark{--side: var(--pal-r4)}.ticker-line{font-family:var(--font-ui);font-size:13px;background:var(--pal-ink);color:var(--pal-g4);box-shadow:0 0 0 2px var(--pal-void)!important;padding:1px 8px}.ticker-line.side-light{color:var(--pal-b4)}.ticker-line.side-dark{color:var(--pal-r4)}.player-panel{padding:4px 6px;border-left-width:6px!important}.pp-head{font-family:var(--font-tiny);font-size:10px}.pp-dot{box-shadow:none;width:8px;height:8px}.life-label{font-family:var(--font-tiny);font-size:8px}.life-bar{height:8px;background:var(--pal-void);box-shadow:0 0 0 2px var(--pal-g0)}.life-fill{box-shadow:none;background:repeating-linear-gradient(90deg,var(--side-c) 0 6px,color-mix(in srgb,var(--side-c) 60%,#000) 6px 8px);transition:width .6s steps(12)}.life-text{font-family:var(--font-head);font-size:12px}.pp-stat{background:var(--pal-void)}.pp-lbl{font-family:var(--font-tiny);font-size:8px}.pp-val{font-family:var(--font-head);font-size:11px;margin-top:2px}.log-title,.sp-title,.start-label,.cm-title,.cp-actions-title{font-family:var(--font-tiny);font-size:10px;letter-spacing:.08em;color:var(--pal-holo)}.log-list{font-family:var(--font-ui);font-size:14px;line-height:1.25}.log-line{border-left:2px solid var(--pal-g1)}.log-divider{font-family:var(--font-tiny);font-size:10px}.ab-prompt{font-family:var(--font-ui);font-weight:700;font-size:16px}.ab-hint{font-family:var(--font-ui);font-size:13px;color:var(--pal-holo)}.ab-wait-text{font-family:var(--font-ui);font-size:15px}.ab-amount-label{font-family:var(--font-tiny)}.spinner{width:12px;height:12px;border:0;background:var(--pal-holo);animation:pxblink .6s steps(2) infinite}@keyframes pxblink{50%{opacity:.2}}.cm-item{font-size:14px;margin:2px 0}.cm-sub{font-family:var(--font-ui)}.cm-amount{font-family:var(--font-head);font-size:12px;border-radius:0}.cursor-tip{font-family:var(--font-ui);font-size:13px;background:var(--pal-ink);color:var(--pal-mint);border:0;box-shadow:0 0 0 2px var(--pal-void),0 0 0 4px var(--pal-teal)}.pile-label{background:var(--pal-ink);border:0;box-shadow:0 0 0 2px var(--pal-void);padding:2px 5px 3px}.pile-label .pile-name{font-family:var(--font-tiny);font-size:8px;letter-spacing:.02em;color:var(--pal-g3)}.pile-label .pile-count{font-family:var(--font-head);font-size:10px;margin-top:3px}.pile-label.pile-force .pile-count{text-shadow:none}.pile-label.selectable{box-shadow:0 0 0 2px var(--pal-void),0 0 0 4px var(--pal-holo)}.power-chip,.drain-chip{font-family:var(--font-tiny);font-size:10px;background:var(--pal-ink);border:0;box-shadow:0 0 0 2px var(--chip-c);padding:1px 4px}.battle-badge{font-family:var(--font-tiny);font-size:9px;background:var(--pal-o2);color:var(--pal-void);box-shadow:0 0 0 2px var(--pal-void);animation:pxblink .9s steps(2) infinite}.cb{font-family:var(--font-tiny);font-size:8px;box-shadow:0 0 0 1px var(--pal-void)!important}.stat-chip{display:flex;gap:1px;font-family:var(--font-head);font-size:8px;line-height:1;box-shadow:0 0 0 2px var(--pal-void);transform:translate(50%,-50%)}.stat-chip b{font-weight:400;padding:2px 2px 1px}.stat-chip .p{background:var(--pal-r3);color:var(--pal-white)}.stat-chip .a{background:var(--pal-b2);color:var(--pal-white)}.stat-chip.side-dark .a{background:var(--pal-g1)}.bp-title{font-family:var(--font-ui);font-weight:700;font-size:15px}.bp-icon{color:var(--pal-o2)}.bp-init{font-family:var(--font-tiny)}.bp-col{background:var(--pal-void);border:0;box-shadow:0 0 0 2px var(--c)!important}.bp-col.winner{background:color-mix(in srgb,var(--c) 25%,var(--pal-void));box-shadow:0 0 0 2px var(--c),0 0 0 4px var(--pal-y2)!important}.bp-side{font-family:var(--font-tiny)}.bp-lbl{font-family:var(--font-tiny);font-size:10px}.bp-num{font-family:var(--font-head);font-size:11px}.bp-num.big{font-family:var(--font-head);font-size:16px;text-shadow:2px 2px 0 var(--pal-void)}.bp-d-val{font-family:var(--font-head);font-size:9px;background:var(--pal-g5);box-shadow:0 0 0 2px var(--pal-void);border-radius:0}.bp-d-name{font-family:var(--font-ui);font-size:12px}.bp-ob{font-family:var(--font-tiny);font-size:9px}.bp-result{font-family:var(--font-ui);font-size:14px}.dr-kind{font-family:var(--font-tiny);font-size:12px;text-shadow:2px 2px 0 var(--pal-void)}.dr-value{font-family:var(--font-head);font-size:72px;color:var(--pal-white);text-shadow:4px 0 0 var(--c),-4px 0 0 var(--c),0 4px 0 var(--c),0 -4px 0 var(--c),8px 8px 0 var(--pal-void)}.dr-title{font-family:var(--font-ui);font-size:14px;text-shadow:2px 2px 0 var(--pal-void)}.destiny-reveal{animation:pxpop .3s steps(3);display:flex;align-items:center;gap:14px}.destiny-reveal.mine{flex-direction:row-reverse}.dr-card{width:256px;height:auto;box-shadow:0 0 0 4px var(--pal-void),0 0 0 8px var(--c),8px 8px 0 8px #00000080}.dr-text{text-align:center}@keyframes pxpop{0%{transform:translate(-50%,-50%) scale(.4)}}.banner{background:var(--pal-ink);box-shadow:0 0 0 4px var(--pal-void),0 0 0 8px var(--b-c);animation:pxpop2 .25s steps(3);padding:10px 40px}.banner-title{font-family:var(--font-head);font-size:26px;letter-spacing:.08em;text-shadow:3px 3px 0 var(--pal-void),-2px 0 0 var(--b-c),2px 0 0 var(--b-c)}.banner.small .banner-title{font-size:13px}.banner-sub{font-family:var(--font-tiny);font-size:11px}.banner.out{animation:pxfade .3s steps(3) forwards}@keyframes pxpop2{0%{transform:scaleY(.2)}}@keyframes pxfade{to{opacity:0}}.card-preview{width:auto!important;max-width:none;padding:8px}.cp-canvas{width:256px!important;height:auto;max-height:none!important;display:block;margin:0 auto}.card-preview.landscape .cp-canvas{width:352px!important}.cp-info{width:256px;margin:8px auto 0}.card-preview.landscape .cp-info,.card-preview.landscape .cp-actions{width:352px}.cp-actions{width:256px;margin:8px auto 0}.cp-title{font-family:var(--font-head);font-size:11px;line-height:1.4}.cp-sub{font-family:var(--font-tiny);font-size:10px}.cp-chip{font-family:var(--font-tiny);font-size:10px;background:var(--pal-void)}.cp-keywords{font-family:var(--font-tiny);font-size:10px}.cp-text{font-family:var(--font-ui);font-size:15px;line-height:1.3}.cp-lore{font-family:var(--font-ui);font-size:13px}.cp-action{font-family:var(--font-ui);font-size:14px}.cp-st{font-family:var(--font-tiny);font-size:9px;background:var(--pal-y0);border:0}.cp-pin{font-family:var(--font-tiny)}.screen{background:radial-gradient(ellipse at center,#05050c33,#05050cd9)}.logo{image-rendering:pixelated}.logo-top{font-family:var(--font-head);font-size:40px;letter-spacing:.08em;color:var(--pal-y2);text-shadow:4px 4px 0 var(--pal-o1),8px 8px 0 var(--pal-void)}.logo-sub{font-family:var(--font-tiny);font-size:12px;color:var(--pal-holo);letter-spacing:.3em;margin-top:14px}.logo-line{height:4px;background:repeating-linear-gradient(90deg,var(--pal-b3) 0 8px,transparent 8px 12px,var(--pal-r3) 12px 20px,transparent 20px 24px)}.side-card{padding:10px;border-image-source:var(--px-frame-plain)!important}.side-card.side-light.selected{border-image-source:var(--px-frame-light)!important}.side-card.side-dark.selected{border-image-source:var(--px-frame-dark)!important}.side-card.selected{box-shadow:4px 4px 0 var(--pal-void),0 0 0 2px var(--c)!important}.side-title{font-family:var(--font-head);font-size:13px}.side-blurb{font-family:var(--font-ui);font-size:14px}.side-note{font-family:var(--font-tiny);font-size:9px}.emblem-ring{border-radius:0!important;border:4px solid var(--c);box-shadow:4px 4px 0 var(--pal-void)}.emblem-core{border-radius:0!important;box-shadow:none;top:18px;right:18px;bottom:18px;left:18px;animation:pxblink 1.2s steps(2) infinite}.side-card.selected .emblem-ring{animation:none}.start-foot{font-family:var(--font-ui);font-size:13px}.go-title{font-family:var(--font-head);font-size:56px;letter-spacing:.06em;text-shadow:6px 6px 0 var(--pal-void),-4px 0 0 var(--c),4px 0 0 var(--c);margin-right:0}.go-sub{font-family:var(--font-tiny);font-size:13px}.go-reason{font-family:var(--font-ui);font-size:15px}.rotate-icon{border-radius:0!important;border-width:4px;box-shadow:4px 4px 0 var(--pal-void);animation-timing-function:steps(4)}.rotate-title{font-family:var(--font-head);font-size:14px}.rotate-sub{font-family:var(--font-ui)}.sp-note{font-family:var(--font-tiny)}@media (max-height: 520px){.pile-label .pile-name{font-size:0}.pile-label .pile-name:after{content:attr(data-short);font-size:8px}.pp-name{font-size:8px}.hud-controls{right:calc(96px + var(--sar))!important}.phase-item{font-size:9px;padding:2px 4px}.turn-who{font-size:8px}.ab-prompt{font-size:13px}.ab-hint{font-size:11px}.btn.pass{font-size:9px!important}.ab-buttons .btn,.bp-title,.bp-num.big{font-size:12px}.dr-value{font-size:44px}.dr-card{width:128px}.banner-title{font-size:16px}.banner.small .banner-title{font-size:10px}.logo-top{font-size:22px;text-shadow:3px 3px 0 var(--pal-o1),5px 5px 0 var(--pal-void)}.logo-sub{font-size:9px;margin-top:8px}.side-title{font-size:10px}.btn.huge{font-size:10px!important;padding:8px 14px!important}.go-title{font-size:32px}.life-text{font-size:10px}.cp-canvas{width:256px!important}.card-preview{width:auto!important}.ticker-line{font-size:11px}}.context-menu.cm-sheet{position:absolute;left:calc(6px + var(--sal));top:calc(6px + var(--sat));bottom:calc(78px + var(--sab));right:auto;max-height:none;width:auto;min-width:0;max-width:calc(100vw - 24px);display:flex;gap:10px;align-items:flex-start;overflow-y:auto;z-index:82;animation:none}.cm-card-big{image-rendering:pixelated;flex-shrink:0;box-shadow:0 0 0 2px var(--pal-void)}.cm-col{display:flex;flex-direction:column;gap:4px;width:230px;padding-top:34px}.cm-sheet .cm-item{white-space:normal;text-align:left;font-size:14px;min-height:48px}.cm-hint{font-family:var(--font-ui);font-size:12px;color:var(--pal-holo)}.cm-close{position:absolute;top:6px;right:6px;display:block!important}.touch-hint{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:90;padding:12px 18px;font-family:var(--font-head);font-size:11px;color:var(--pal-y3);background:var(--pal-ink);box-shadow:0 0 0 4px var(--pal-void),0 0 0 8px var(--pal-y2),8px 8px 0 8px #00000080;pointer-events:auto;text-align:center;line-height:1.6;animation:pxpop .3s steps(3)}.touch-hint.out{animation:pxfade .5s steps(3) forwards}body.touch .card-preview{left:calc(0px + var(--sal))!important;right:auto!important;top:0!important;bottom:calc(76px + var(--sab))!important;transform:none!important;overflow-y:auto;max-height:none!important;z-index:81}body.touch .card-preview .cp-close{display:block}.side-emblem{width:auto!important;height:auto!important;color:var(--c);display:flex;justify-content:center}.side-emblem .px-icon{filter:drop-shadow(3px 3px 0 var(--pal-void))}.emblem-ring,.emblem-core{display:none}@media (max-height: 520px){.cm-col{width:200px;padding-top:30px}.cm-sheet .cm-item{font-size:12.5px;min-height:44px;padding:2px 6px!important}.context-menu.cm-sheet{bottom:calc(66px + var(--sab))}body.touch .card-preview{bottom:calc(66px + var(--sab))!important}.touch-hint{font-size:9px}.side-emblem .px-icon{width:36px;height:36px}}:root{--hud-top: 64px;--hud-bottom: 92px}@media (max-height: 520px){:root{--hud-top: 46px;--hud-bottom: 66px}}.inspector{position:absolute;z-index:84;left:calc(6px + var(--sal));top:calc(var(--hud-top) + var(--sat));bottom:calc(var(--hud-bottom) + var(--sab));max-width:calc(100vw - 24px);display:flex;gap:10px;align-items:flex-start;padding:8px;border:6px solid transparent;border-image:var(--px-frame-panel) 3 fill / 6px / 0 stretch;box-shadow:var(--shadow);pointer-events:auto;touch-action:pan-y}.inspector.hidden{display:none}.inspector.pinned{border-image-source:var(--px-frame-goldline)}.insp-cardbox{flex-shrink:0;align-self:flex-start}.insp-card{display:block;image-rendering:pixelated;box-shadow:0 0 0 2px var(--pal-void)}.insp-col{width:250px;max-height:100%;overflow-y:auto;padding-right:30px;scrollbar-width:thin;scrollbar-color:var(--pal-b1) transparent}.inspector.no-card .insp-col{width:300px}.insp-close{position:absolute;top:4px;right:4px;z-index:2;padding:2px!important}.insp-title{font-family:var(--font-head);font-size:11px;line-height:1.5;color:var(--pal-g5);margin-bottom:4px}.insp-title.side-light{color:var(--pal-b4)}.insp-title.side-dark{color:var(--pal-r4)}.insp-sub{font-family:var(--font-tiny);font-size:10px;color:var(--pal-g3);text-transform:capitalize;margin-bottom:4px}.insp-hint{font-family:var(--font-ui);font-size:13px;color:var(--pal-holo);margin:2px 0 6px}.insp-p{font-family:var(--font-ui);font-size:14px;line-height:1.3;color:var(--pal-g4);margin:6px 0}.insp-note{font-family:var(--font-ui);font-size:13px;line-height:1.25;color:var(--pal-y3);margin:4px 0}.insp-notes-title{margin-top:8px;display:block}.insp-text{font-family:var(--font-ui);font-size:14px;line-height:1.3;color:var(--pal-g5);margin:6px 0}.insp-lore{font-family:var(--font-ui);font-size:12px;color:var(--pal-g3);font-style:italic;margin:4px 0}.insp-k{font-family:var(--font-tiny);font-size:10px;color:var(--pal-holo);letter-spacing:.04em}.insp-v{font-family:var(--font-ui);font-size:14px;color:var(--pal-g5)}.insp-facts{margin:6px 0;display:grid;gap:2px}.insp-fact{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.insp-status{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.insp-st{font-family:var(--font-tiny);font-size:9px;background:var(--pal-y0);color:var(--pal-y3);padding:2px 4px}.insp-chips{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0}.insp-chip{font-family:var(--font-tiny);font-size:10px;background:var(--pal-void);color:var(--pal-g3);padding:2px 4px}.insp-chip b{color:var(--pal-white);font-weight:400}.insp-kw{font-family:var(--font-tiny);font-size:10px;color:var(--pal-holo)}.insp-bd{margin:6px 0;padding:4px 6px;background:var(--pal-void);box-shadow:0 0 0 2px var(--pal-navy)}.insp-bd-head{display:flex;justify-content:space-between;align-items:center}.insp-bd-total{font-family:var(--font-head);font-size:12px;color:var(--pal-y2)}.insp-bd-part{display:flex;gap:8px;align-items:baseline;font-family:var(--font-ui);font-size:13px;color:var(--pal-g4);padding:1px 0}.insp-bd-part.linked{cursor:pointer;color:var(--pal-b4);text-decoration:underline dotted}.insp-bd-val{font-family:var(--font-tiny);font-size:11px;min-width:26px;text-align:right;color:var(--pal-white)}.insp-actions{display:flex;flex-direction:column;gap:4px;margin:6px 0}.insp-action{justify-content:space-between;white-space:normal!important;text-align:left;min-height:44px;font-size:13px}.insp-preview-actions{margin-top:6px}.insp-cards{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.insp-thumb{padding:0;border:0;background:none;cursor:pointer}.insp-thumb canvas{width:64px;height:auto;display:block;image-rendering:pixelated}@media (max-height: 520px){.insp-col{width:220px}.insp-title{font-size:9px}.insp-p,.insp-text{font-size:12.5px}.insp-note{font-size:12px}}.card-preview,.ab-peek,.context-menu.cm-sheet{display:none!important}body.inspecting .player-panel.mine{visibility:hidden}.battle-panel{left:auto!important;right:calc(14px + var(--sar))!important;top:176px!important;transform:none!important;animation:none!important}@media (max-height: 520px){.battle-panel{top:calc(96px + var(--sat))!important;right:calc(8px + var(--sar))!important}}.log-ticker{max-width:100%}.ticker-line{max-width:640px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-height: 520px){.ticker-line{max-width:380px}}.scene-labels [data-inspect]{pointer-events:auto!important;cursor:help}[data-inspect]:not(button):hover{filter:brightness(1.25)}.loc-rail{display:flex;gap:2px;transform:translate(-50%,-50%)}.rc{display:inline-flex;align-items:center;gap:2px;padding:1px 3px;font-family:var(--font-tiny);font-size:9px;line-height:1;color:var(--pal-white);background:var(--pal-ink);box-shadow:0 0 0 1px var(--pal-void)}.rc .px-icon{width:7px;height:7px}.rc-power.side-light{color:var(--pal-b4);box-shadow:0 0 0 1px var(--pal-b1)}.rc-power.side-dark{color:var(--pal-r4);box-shadow:0 0 0 1px var(--pal-r1)}.rc-drain{background:var(--pal-y0);color:var(--pal-y3)}.rc-battle{background:var(--pal-o2);color:var(--pal-void);animation:pxblink .9s steps(2) infinite}@media (min-height: 521px){.rc{font-size:11px;padding:2px 4px}.rc .px-icon{width:9px;height:9px}}.card-chip{display:flex;gap:1px;transform:translate(-100%,-50%);line-height:1}.card-chip b{font-family:var(--font-tiny);font-weight:400;font-size:8px;padding:1px 2px;box-shadow:0 0 0 1px var(--pal-void)}.card-chip b.p{background:var(--pal-r3);color:var(--pal-white)}.card-chip b.a{background:var(--pal-b2);color:var(--pal-white)}.card-chip b.more{background:var(--pal-g1);color:var(--pal-g5)}.card-chip .cb.imm{background:var(--pal-ink);color:var(--pal-y2);border:0}.card-chip .cb.must{background:var(--pal-r3);color:var(--pal-white)}.card-chip .cb.barrier{background:var(--pal-ink);color:var(--pal-b4);border:0}.card-chip .cb.enemy{color:var(--pal-white)}:root{--opp-bottom: 160px}.inspector{top:calc(var(--hud-top))!important;bottom:calc(var(--hud-bottom))!important}.player-panel.mine{bottom:calc(var(--hud-bottom))!important}.battle-panel{top:calc(var(--opp-bottom))!important}.log-ticker{pointer-events:auto}@media (max-height: 520px){.hud-top{justify-content:flex-start!important;padding-left:calc(8px + var(--sal))}.hud-center{align-items:flex-start!important}.player-panel.theirs{top:calc(var(--hud-top-right, 52px))!important}}.battle-panel{max-height:calc(100vh - var(--opp-bottom) - var(--hud-bottom));overflow-y:auto;scrollbar-width:none}.battle-panel::-webkit-scrollbar{display:none}[data-inspect]{pointer-events:auto!important}.insp-title{padding-right:36px}.insp-action{padding:3px 6px!important;font-size:12.5px!important;line-height:1.2;gap:6px}