*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}html{background:#15160f}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e4ddc4;overflow:hidden;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:root{--blue: #2f6fd0;--blue-soft: #6f9be0;--red: #c8352f;--red-soft: #e0665e;--brass: #c9a227;--brass-bright: #e6c65c;--line: rgba(196, 183, 140, .35);--line-strong: rgba(196, 183, 140, .55);--ink: #e4ddc4;--dim: #a89e7c;--stroke: #1c1e15;--plate: linear-gradient(178deg, rgba(56, 46, 29, .93), rgba(36, 29, 18, .95));--plate-key: rgba(178, 143, 62, .6);--plate-lift: inset 0 1px 0 rgba(255, 244, 205, .18), inset 0 0 0 1px rgba(22, 18, 10, .6), 0 10px 24px rgba(14, 12, 6, .45);--paper-ink: #2a2312;--paper-body: #4b4029;--paper-dim: #6d5f3c;--paper-rule: rgba(78, 64, 34, .3);--paper-rule-strong: rgba(78, 64, 34, .55);--paper-brass: #8a6a12;--paper-blue: #2b5aa8;--paper-red: #a3302a;--font-stencil: "DIN Alternate", "Bahnschrift", "Avenir Next Condensed", "Arial Narrow", ui-sans-serif, sans-serif;--minimap-w: 172px;--minimap-right: calc(16px + var(--minimap-w) + 18px);--gap: 8px;--tile: min(82px, calc((100vw - 500px)/8) );--deck-w: calc(var(--tile) * 8 + var(--gap) * 7);--bottom-shift: clamp( 0px, calc((100vw - var(--deck-w)) / 2 - 24px), calc(var(--minimap-right) / 2) );--grain: repeating-linear-gradient( 0deg, rgba(233, 224, 193, .02) 0px, rgba(233, 224, 193, .02) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 3px )}.strip,.rail,.hq-plate,.minimap,.match-menu,.hint{background:var(--grain),var(--plate);border:2px solid var(--plate-key);border-radius:6px;box-shadow:var(--plate-lift)}.app{position:fixed;top:0;right:0;bottom:0;left:0}.app canvas{display:block}.app.aiming canvas{cursor:crosshair}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#12120b8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto}.menu-box,.end-box{position:relative;text-align:center;padding:40px 52px;border:2px solid rgba(122,98,46,.7);border-radius:6px;background:linear-gradient(#eee3c4e6,#dfd1aced),url(/art/paper.webp) center / cover,linear-gradient(165deg,#ece0bd,#d5c59a);box-shadow:0 30px 80px #0009,inset 0 1px #fffdf08c;color:var(--paper-ink);max-width:700px;margin:24px 0}.menu-box{max-width:980px;padding:24px 44px 26px;margin:8px 0}.menu-art{display:flex;flex-direction:column;align-items:center;margin:-17px -37px 8px}.menu-banner{display:block;width:100%;height:76px;object-fit:cover;object-position:center 42%;border-radius:4px 4px 0 0;opacity:.92;-webkit-mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.25) 88%,transparent);mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.25) 88%,transparent)}.menu-emblem{display:block;width:56px;height:56px;margin-top:-30px;border-radius:50%;border:2px solid #b08d2f;box-shadow:0 4px 14px #0000008c,inset 0 0 0 1px #00000080;z-index:1}.menu-box:after,.end-box:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid var(--paper-rule);border-radius:3px;pointer-events:none}.title{font-family:var(--font-stencil);font-size:38px;font-weight:800;letter-spacing:.24em;color:var(--paper-ink);text-transform:uppercase;margin-bottom:1px}.tagline{color:var(--paper-dim);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;padding-bottom:6px;margin-bottom:10px;border-bottom:1px solid var(--paper-rule)}.manual{margin-bottom:12px;border:1px solid var(--paper-rule);border-radius:4px;background:#fffcee57;text-align:left}.manual>summary{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 11px;list-style:none;cursor:pointer;color:var(--paper-dim);transition:background .12s ease,color .12s ease}.manual>summary::-webkit-details-marker{display:none}.manual>summary:hover{background:#78622e17;color:var(--paper-body)}.manual-label{flex:none;font-family:var(--font-stencil);font-size:9px;font-weight:800;letter-spacing:.26em;color:var(--paper-brass)}.manual-label:before{content:"▸ "}.manual[open] .manual-label:before{content:"▾ "}.manual-teaser{flex:1;min-width:0;font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manual-more{flex:none;padding:1px 7px 0;border-radius:2px;border:1px solid var(--paper-rule);font-family:var(--font-stencil);font-size:8px;font-weight:800;letter-spacing:.2em;color:var(--paper-dim)}.manual[open] .manual-more{visibility:hidden}.manual .rules{padding:2px 12px 8px}.rules{columns:3;column-gap:20px;column-rule:1px solid var(--paper-rule);color:var(--paper-body);font-size:11px;line-height:1.38;text-align:left}.rules p{break-inside:avoid;margin-bottom:7px}.rule-key{font-weight:800;color:var(--paper-ink)}.controls{margin-top:11px;font-size:10.5px;color:var(--paper-dim);letter-spacing:.04em}.maps-label{font-family:var(--font-stencil);text-align:left;font-size:11px;font-weight:800;letter-spacing:.26em;color:var(--paper-dim);margin-bottom:7px}.maps-row{display:flex;gap:8px;margin-bottom:14px}.map-btn{pointer-events:auto;position:relative;flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:6px;padding:6px 6px 8px;border-radius:4px;border:1px solid var(--paper-rule);background:#fffcee66;transition:border-color .12s ease,background .12s ease,transform .12s ease}.map-btn:hover{border-color:var(--paper-rule-strong);background:#fffceebf;transform:translateY(-1px)}.map-plate{display:flex;align-items:center;justify-content:center;height:82px}.map-thumb{display:block;border-radius:1px;box-shadow:0 1px 4px #30260e59}.map-text{display:block;padding:0 3px;min-width:0}.map-tier{display:block;margin-bottom:2px;font-family:var(--font-stencil);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-tier.t-grand{color:var(--paper-brass)}.map-name{display:block;min-height:2.1em;font-family:var(--font-stencil);font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.05;text-transform:uppercase;color:var(--paper-ink)}.map-hook{display:block;margin-top:3px;font-size:10px;line-height:1.25;color:var(--paper-dim)}.map-dur{display:inline-block;margin-right:5px;font-family:var(--font-stencil);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--paper-brass)}.map-btn.stamped{border-color:#a8811a;background:#c9a22733;box-shadow:inset 0 0 0 1px #a8811a8c}.map-btn.stamped .map-name{color:#7a5a08}.map-btn.stamped .map-tier{padding-right:14px}.map-btn.stamped:after{content:"★";position:absolute;top:4px;right:7px;font-size:12px;color:#a8811a;text-shadow:0 1px 0 rgba(255,250,230,.7)}.play{pointer-events:auto;font-family:var(--font-stencil);font-size:23px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;padding:14px 66px;border-radius:4px;color:#251c05;background:linear-gradient(180deg,#f4dd8c,#ddb852 46%,#b28829);border:2px solid #6f5310;box-shadow:inset 0 1px #fffceacc,inset 0 -2px #5a420c59,0 6px 18px #3a2a0a66;text-shadow:0 1px 0 rgba(255,249,222,.55);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.play:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:inset 0 1px #fffceacc,inset 0 -2px #5a420c59,0 10px 24px #3a2a0a73}.play:active{transform:translateY(1px);filter:brightness(.95)}.play:disabled{cursor:not-allowed;transform:none;color:var(--paper-dim);background:#78622e24;border-color:var(--paper-rule-strong);box-shadow:inset 0 1px #fffcf066;text-shadow:none}.deck-label{font-family:var(--font-stencil);display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:11px;font-weight:800;letter-spacing:.26em;color:var(--paper-dim);margin-bottom:7px}.deck-count{font-size:12px;letter-spacing:.1em}.deck-count.ok{color:var(--paper-brass)}.deck-count.bad{color:var(--paper-red);animation:pulse 1s infinite}.deck-row{display:flex;gap:14px;align-items:stretch;margin-bottom:14px;text-align:left}.deck-grid{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-start;align-content:flex-start;width:444px;flex:none}.deck-card{pointer-events:auto;position:relative;width:68px;height:92px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#3a3222,#251f14);border:1px solid #191408;box-shadow:0 2px 5px #32260c59;transition:transform .12s ease,box-shadow .12s}.deck-card svg{width:30px;height:30px}.deck-card .card-art{position:absolute;top:1px;right:1px;bottom:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:3px;object-fit:cover}.deck-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;box-shadow:inset 0 0 0 1px #fff4cd1a,inset 0 -4px color-mix(in srgb,var(--pool, #c9a227) 62%,#17120a),inset 0 -5px #141108e6;pointer-events:none;z-index:4}.deck-card.picked:after{box-shadow:inset 0 0 0 1px #fff4cd29,inset 0 -4px 0 var(--pool, #c9a227),inset 0 -5px #141108e6}.deck-card:not(.picked):before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:3px;background:#0c0d088c;pointer-events:none;z-index:2}.deck-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #281e0866}.deck-card:not(.picked):hover:before{background:#0c0d083d}.deck-card.picked{box-shadow:0 0 0 2px #c9a227,0 4px 10px #281e0873}.deck-card .deck-name{position:absolute;left:1px;right:1px;bottom:1px;z-index:3;display:flex;align-items:center;gap:3px;padding:10px 3px 6px;border-radius:0 0 3px 3px;text-align:left;background:linear-gradient(180deg,#100e0800,#100e08e6 48%)}.deck-name-text{flex:1;min-width:0;font-family:var(--font-stencil);font-size:8px;font-weight:800;letter-spacing:.02em;line-height:1.08;text-transform:uppercase;color:#efe6c6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.deck-card .deck-key{flex:none;min-width:12px;height:12px;padding:0 2px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--font-stencil);font-size:8px;font-weight:800;color:#cfc4a2;background:#080804bf;box-shadow:inset 0 0 0 1px #e9e0c13d}.deck-card .deck-cost{position:absolute;top:3px;left:3px;z-index:3;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:900;color:#241d0b;background:radial-gradient(circle at 35% 30%,#f0d986,#b08d2f);box-shadow:0 0 0 1.5px #14150dbf,0 2px 4px #00000073}.card-detail{flex:1;min-width:0;height:191px;padding:10px 14px 9px;border:1px solid var(--paper-rule);border-left:3px solid var(--accent, var(--paper-rule-strong));border-radius:4px;background:#fffcee73;display:flex;flex-direction:column;gap:8px}.card-detail.cd-empty{align-items:center;justify-content:center;border-left-color:var(--paper-rule-strong);color:var(--paper-dim);font-family:var(--font-stencil);font-size:11px;font-weight:800;letter-spacing:.22em}.cd-head{display:flex;align-items:center;gap:9px}.cd-thumb{width:40px;height:40px;flex:none;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #14150db3,0 0 0 2px var(--accent)}.cd-thumb img,.cd-thumb svg{width:100%;height:100%;object-fit:cover;display:block;border:none}.cd-title{flex:1;min-width:0}.cd-name{display:block;font-family:var(--font-stencil);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-pool{display:block;margin-top:2px;font-size:9.5px;letter-spacing:.06em;color:var(--paper-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-cost{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#241d0b;background:radial-gradient(circle at 35% 30%,#f0d986,#b08d2f);border:1px solid var(--stroke)}.cd-key{min-width:19px;height:19px;padding:0 4px;border-radius:3px;flex:none;margin-right:4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-stencil);font-size:10px;font-weight:800;color:var(--paper-body);background:#78622e24;box-shadow:inset 0 0 0 1px var(--paper-rule-strong)}.cd-badge-label{font-family:var(--font-stencil);font-size:7.5px;font-weight:800;letter-spacing:.16em;color:var(--paper-dim);align-self:center;flex:none}.cd-stats{display:flex;gap:12px}.cd-stat{min-width:52px}.cd-stat-label{display:block;font-family:var(--font-stencil);font-size:8.5px;font-weight:800;letter-spacing:.18em;color:var(--paper-dim)}.cd-stat-value{display:block;margin-top:1px;font-family:var(--font-stencil);font-size:13px;font-weight:800;letter-spacing:.05em;color:var(--paper-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.cd-row{display:flex;gap:14px;align-items:flex-start;flex:1;min-height:0}.cd-profile{display:flex;gap:9px;flex:none}.cd-pcell{display:flex;flex-direction:column;align-items:center;width:32px}.cd-pbar{width:14px;height:26px;border-radius:2px;background:#4e402224;box-shadow:inset 0 0 0 1px #4e40224d;display:flex;align-items:flex-end;overflow:hidden}.cd-pbar span{display:block;width:100%;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#c69a26,#7d5f12)}.cd-pval{margin-top:2px;font-size:8.5px;color:var(--paper-ink);font-variant-numeric:tabular-nums}.cd-plabel{font-family:var(--font-stencil);font-size:7.5px;font-weight:800;letter-spacing:.14em;color:var(--paper-dim)}.cd-traits{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start}.cd-trait{padding:2px 7px 1px;border-radius:2px;border:1px solid var(--paper-rule-strong);background:#78622e1a;font-family:var(--font-stencil);font-size:8.5px;font-weight:800;letter-spacing:.14em;color:var(--paper-body)}.cd-desc{font-size:11px;color:var(--paper-body);font-style:italic}.end-title{font-family:var(--font-stencil);font-size:54px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px;color:var(--paper-ink)}.end-title.win{color:var(--paper-blue)}.end-title.lose{color:var(--paper-red)}.end-sub{color:var(--paper-dim);letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin-bottom:24px}.final{font-size:30px;font-weight:800;margin-bottom:8px;display:flex;gap:16px;justify-content:center;font-variant-numeric:tabular-nums;font-family:var(--font-stencil)}.fs.blue{color:var(--paper-blue)}.fs.red{color:var(--paper-red)}.fs-sep{color:var(--paper-dim)}.final-label{font-family:var(--font-stencil);font-size:11px;font-weight:800;letter-spacing:.26em;color:var(--paper-dim);margin-bottom:28px}.end-actions{display:flex;gap:14px;justify-content:center}.end-box.aar{max-width:760px;padding:22px 40px 26px}.aar-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;margin-bottom:14px;border-bottom:1px solid var(--paper-rule)}.aar-stamp{padding:3px 10px 2px;border-radius:2px;border:1.5px dashed rgba(138,106,18,.8);transform:rotate(-1.2deg);font-family:var(--font-stencil);font-size:10px;font-weight:800;letter-spacing:.26em;color:var(--paper-brass)}.aar-file{font-family:var(--font-stencil);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim)}.end-box.aar .end-title{font-size:46px;margin-bottom:4px}.end-box.aar .end-sub{margin-bottom:12px}.end-box.aar .final{font-size:26px;margin-bottom:5px}.end-box.aar .final-label{margin-bottom:18px}.aar-section{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-family:var(--font-stencil);font-size:9.5px;font-weight:800;letter-spacing:.24em;color:var(--paper-dim);text-align:left}.aar-section:after{content:"";flex:1;height:1px;background:var(--paper-rule)}.aar-spark{display:flex;gap:10px;align-items:stretch;margin-bottom:16px}.aar-spark-side{display:flex;flex-direction:column;justify-content:space-between;width:62px;flex:none;padding:1px 0 19px;font-family:var(--font-stencil);font-size:7.5px;font-weight:800;letter-spacing:.12em;color:var(--paper-dim);text-align:right}.aar-spark-plot{flex:1;min-width:0}.aar-spark-plot svg{display:block;width:100%;height:72px;border:1px solid var(--paper-rule);border-radius:3px;background:#fffcee80}.aar-spark-axis{display:flex;align-items:baseline;justify-content:space-between;margin-top:4px;font-size:9.5px;color:var(--paper-dim);font-variant-numeric:tabular-nums}.aar-spark-end{font-family:var(--font-stencil);font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--paper-ink)}.aar-spark-empty{padding:22px 0;text-align:center;border:1px dashed var(--paper-rule-strong);border-radius:3px;font-family:var(--font-stencil);font-size:10px;font-weight:800;letter-spacing:.24em;color:var(--paper-dim)}.aar-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:20px}.aar-panel{text-align:left}.aar-table{display:grid;grid-template-columns:1fr auto auto;column-gap:16px;row-gap:4px;align-items:baseline}.aar-th{font-family:var(--font-stencil);font-size:8.5px;font-weight:800;letter-spacing:.16em;color:var(--paper-dim);text-align:right;white-space:nowrap}.aar-th.blue:before,.aar-th.red:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}.aar-th.blue:before{background:var(--paper-blue)}.aar-th.red:before{background:var(--paper-red)}.aar-rl{font-family:var(--font-stencil);font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--paper-body)}.aar-rv{min-width:42px;text-align:right;font-family:var(--font-stencil);font-size:14px;font-weight:800;color:var(--paper-ink);font-variant-numeric:tabular-nums}.aar-rl.total,.aar-rv.total{margin-top:3px;padding-top:5px;border-top:1px solid var(--paper-rule-strong);color:var(--paper-brass)}.aar-note{margin-top:10px;font-size:10px;font-style:italic;line-height:1.45;color:var(--paper-dim)}.ghost-btn{pointer-events:auto;padding:13px 28px;border-radius:4px;font-family:var(--font-stencil);font-weight:700;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--paper-rule-strong);color:var(--paper-body);background:#fffcee66;transition:background .12s ease,border-color .12s ease}.ghost-btn:hover{background:#fffceecc;border-color:#8a7238}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.topcenter{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.strip{display:flex;flex-direction:column;align-items:stretch;padding:5px 17px 8px}.strip-clock{display:flex;align-items:baseline;justify-content:center;gap:12px;padding-bottom:3px;margin-bottom:5px;border-bottom:1px solid var(--line)}.time{font-family:var(--font-stencil);font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.08em}.time.dbl{color:var(--brass-bright)}.dbl-badge{font-family:var(--font-stencil);font-size:10px;font-weight:800;letter-spacing:.24em;color:var(--brass-bright);animation:pulse 1s infinite}.meter-panel{display:flex;align-items:center;gap:12px}.meter-side{display:flex;align-items:baseline;gap:5px;min-width:52px}.meter-side.blue{justify-content:flex-end}.meter-side.red{justify-content:flex-start}.meter-side-label{font-family:var(--font-stencil);font-size:8px;font-weight:800;letter-spacing:.16em;color:var(--dim)}.meter-num{font-family:var(--font-stencil);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.meter-track{position:relative}.meter-bar{position:relative;width:300px;height:13px;background:repeating-linear-gradient(90deg,#0000 0,#0000 calc(16.666% - 1px),#e9e0c129 calc(16.666% - 1px),#e9e0c129 16.666%),#00000073;box-shadow:inset 0 0 0 1px #14150d80;clip-path:polygon(0 50%,8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%);overflow:hidden}.meter-fill{position:absolute;top:0;bottom:0;transition:width .35s ease}.meter-fill.blue{right:50%;background:linear-gradient(180deg,#4a8bea,#2a62b8)}.meter-fill.red{left:50%;background:linear-gradient(180deg,#e0524a,#ab2c26)}.meter-center{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:repeating-linear-gradient(180deg,#e8e0c6,#e8e0c6 3px,#0000 3px,#0000 6px);z-index:2}.strip-verdict{margin-top:4px;text-align:center;font-family:var(--font-stencil);font-size:9.5px;font-weight:800;letter-spacing:.2em;color:var(--dim);font-variant-numeric:tabular-nums}.strip-verdict.blue,.strip-verdict.red{color:var(--ink)}.strip-verdict.blue:before,.strip-verdict.red:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:middle}.strip-verdict.blue:before{background:var(--blue-soft)}.strip-verdict.red:before{background:var(--red-soft)}.hq-plate{position:absolute;top:14px;width:216px;padding:9px 14px 10px;pointer-events:none}.hq-plate.player{left:16px;border-left:3px solid var(--blue)}.hq-plate.enemy{right:16px;border-right:3px solid var(--red)}.hq-plate.enemy .hq-label{flex-direction:row-reverse}.hq-plate.enemy .hq-num{text-align:right}.hq-label{display:flex;align-items:center;font-family:var(--font-stencil);font-size:10.5px;font-weight:800;letter-spacing:.22em;color:var(--dim);margin-bottom:6px}.hq-crest{flex:none;width:20px;height:20px;border-radius:50%;margin-right:9px;box-shadow:inset 0 0 0 1px #141108e6,0 1px 3px #0a080399}.hq-plate.enemy .hq-crest{margin-right:0;margin-left:9px}.hq-plate.player .hq-crest{background:radial-gradient(circle at 50% 50%,#5b97ee 0,#5b97ee 24%,#efe6c6 24%,#efe6c6 44%,#2456ab 44%,#2456ab 74%,#17130a 74%,#17130a)}.hq-plate.enemy .hq-crest{background:radial-gradient(circle at 50% 50%,#e0665e 0,#e0665e 24%,#efe6c6 24%,#efe6c6 44%,#a3302a 44%,#a3302a 74%,#17130a 74%,#17130a)}.hq-bar{position:relative;height:11px;border-radius:2px;background:#0000006b;box-shadow:inset 0 1px 2px #0009,inset 0 0 0 1px #141108b3;overflow:hidden}.hq-bar span{display:block;height:100%;border-radius:2px 1px 1px 2px;transition:width .25s ease}.hq-plate.player .hq-bar span{background:linear-gradient(180deg,#4f8ee8,#2456ab);box-shadow:inset 0 1px #e2f0ff73,inset 0 -2px #0b1c4266}.hq-plate.enemy .hq-bar span{background:linear-gradient(180deg,#e0524a,#a3302a);box-shadow:inset 0 1px #ffe2de66,inset 0 -2px #420c0966}.hq-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0,#0000 calc(25% - 1px),#100d0699 calc(25% - 1px),#100d0699 25%)}.hq-num{margin-top:5px;font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}.hq-plate.player.critical{border-color:#d9534dbf;border-left-color:#e8635c;background:var(--grain),#38201ceb;animation:alarm-plate 1.4s ease-in-out infinite}.hq-plate.player.critical .hq-label{color:#f0b3ae}.hq-plate.player.critical .hq-bar{background:#3c0c088c}.hq-plate.player.critical .hq-bar span{background:linear-gradient(180deg,#ef5a52,#a8231d);animation:pulse .7s infinite}.hq-alarm-tag{margin-left:8px;padding:1px 5px 0;border-radius:2px;font-size:8.5px;letter-spacing:.18em;color:#2b0f0d;background:#e8635c;animation:pulse .7s infinite}@keyframes alarm-plate{0%,to{box-shadow:0 0 #d9534d00}50%{box-shadow:0 0 14px 2px #d9534d73}}.hq-alarm{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 78% 74% at 50% 50%,#0000 54%,#9e1e1633 82%,#7a100a80);animation:fade-in .6s ease,alarm-breathe 1.6s .6s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes alarm-breathe{0%,to{opacity:.6}50%{opacity:1}}.match-menu{position:absolute;top:92px;left:16px;pointer-events:auto;display:flex;align-items:center;gap:7px;padding:5px 11px;font-family:var(--font-stencil);font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--dim);transition:color .12s ease,border-color .12s ease}.match-menu:hover{color:var(--ink);border-color:var(--brass)}.mm-glyph{font-size:12px;letter-spacing:0}.match-menu.open{gap:8px;padding:5px 8px 5px 11px;border-color:var(--brass);animation:fade-in .14s ease}.mm-ask{color:#e8a49f}.mm-yes,.mm-no{pointer-events:auto;padding:3px 9px 2px;border-radius:3px;font-family:var(--font-stencil);font-size:10px;font-weight:800;letter-spacing:.16em;border:1px solid var(--line);transition:background .12s ease,color .12s ease,border-color .12s ease}.mm-yes{color:#f0b3ae;border-color:#d9534d99;background:#8c282247}.mm-yes:hover{background:#b4342c80;color:#fff}.mm-no{color:#cfc6a5}.mm-no:hover{background:#c4b78c1a;border-color:var(--line-strong)}.hint{position:absolute;bottom:224px;left:50%;transform:translate(-50%);margin-left:var(--bottom-shift);pointer-events:none;display:flex;align-items:center;gap:14px;padding:7px 15px 8px;color:var(--ink);animation:fade-up .18s ease;white-space:nowrap}.hint-body{display:flex;flex-direction:column;gap:1px}.hint-order{font-family:var(--font-stencil);font-size:13px;font-weight:800;letter-spacing:.18em;color:var(--ink)}.hint-note{font-size:11px;color:var(--dim)}.hint.blocked{border-color:#d9534dd9;background:var(--grain),linear-gradient(178deg,#4a261af0,#301810f2);animation:hint-deny .32s ease}.hint.blocked .hint-order{color:#f6cdc8}@keyframes hint-deny{0%,to{transform:translate(-50%)}22%{transform:translate(calc(-50% - 7px))}55%{transform:translate(calc(-50% + 6px))}80%{transform:translate(calc(-50% - 3px))}}.hint-stack{display:flex;align-items:center;gap:5px;padding-left:14px;border-left:1px solid var(--line);font-size:10px;letter-spacing:.08em;color:var(--dim)}.hint-key{min-width:17px;height:17px;padding:0 4px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-stencil);font-size:10px;font-weight:800;color:#ddd4b4;background:#0e0f0999;box-shadow:inset 0 0 0 1px #e9e0c14d}@keyframes fade-up{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.cardbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none;display:flex;flex-direction:column;gap:8px;align-items:center;margin-left:var(--bottom-shift)}.cardbar.shake{animation:shake .32s}@keyframes shake{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 7px))}50%{transform:translate(calc(-50% + 6px))}75%{transform:translate(calc(-50% - 4px))}}.rail{width:var(--deck-w);display:flex;align-items:stretch;gap:12px;padding:7px 13px}.rail .supply-row{border-left:1px solid var(--line);padding-left:12px}.elixir{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border-radius:3px}.elixir-label{font-family:var(--font-stencil);font-size:9px;font-weight:800;letter-spacing:.22em;color:var(--dim)}.elixir-num{font-family:var(--font-stencil);font-size:21px;font-weight:800;color:var(--brass-bright);width:30px;text-align:center;font-variant-numeric:tabular-nums}.elixir-row{display:flex;gap:2px;flex:1;align-items:stretch}.cell{position:relative;flex:1;height:16px;border-radius:2px;background:linear-gradient(180deg,#0a08038c,#4a3c2280);box-shadow:inset 0 0 0 1px #14110880,inset 0 -1px #e0ca8e17;overflow:hidden}.cell.full{background:linear-gradient(180deg,#f0cf6c 0,#f0cf6c 2px,#e2bd55 2px,#a8802a);box-shadow:inset 0 1px #fffae0bf,inset 0 -1px #60440e8c}.cell span{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(180deg,#e2bd55,#a8802a);opacity:.7;border-radius:2px}.cell-rule{flex:none;width:2px;margin:-1px 1px;border-radius:1px;background:#0c0a04d9;box-shadow:0 0 0 1px #e9e0c11a}.x2{font-family:var(--font-stencil);font-size:13px;font-weight:800;color:var(--brass-bright);letter-spacing:.04em;animation:pulse 1s infinite}.cards{width:var(--deck-w);display:flex;gap:var(--gap);align-items:flex-end;justify-content:center;pointer-events:auto}.card{pointer-events:auto;position:relative;width:var(--tile, 82px);height:calc(var(--tile, 82px) * 1.34);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--grain),linear-gradient(180deg,#3d3524,#241e13);border:1px solid #191408;box-shadow:0 3px #0e0b058c,0 6px 14px #0e0b0559,inset 0 1px #fff4cd24;transition:transform .13s ease,box-shadow .13s}.card svg{width:40px;height:40px}.card .card-art{position:absolute;top:1px;right:1px;bottom:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:4px;object-fit:cover}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;box-shadow:inset 0 0 0 1px #fff4cd21,inset 0 -5px 0 var(--pool, #c9a227),inset 0 -6px #141108e6;pointer-events:none;z-index:5}.card .cname{position:absolute;left:1px;right:1px;bottom:1px;z-index:4;display:flex;align-items:center;gap:4px;padding:14px 4px 8px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#100e0800,#100e08eb 46%);text-align:left}.card .cname-text{flex:1;min-width:0;font-family:var(--font-stencil);font-size:9.5px;font-weight:800;letter-spacing:.03em;line-height:1.1;text-transform:uppercase;color:#efe6c6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card .cost{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#241d0b;background:radial-gradient(circle at 35% 30%,#f0d986,#b08d2f);box-shadow:0 0 0 1.5px #14150dbf,0 2px 4px #00000080;z-index:6}.card .hotkey{flex:none;min-width:14px;height:14px;padding:0 3px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--font-stencil);font-size:9px;font-weight:800;letter-spacing:.02em;color:#cfc4a2;background:#080804bf;box-shadow:inset 0 0 0 1px #e9e0c13d}.card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0e0b0573}.card.selected{transform:translateY(-8px);z-index:2;box-shadow:0 0 0 2px var(--brass-bright),0 12px 24px #0e0b058c}.card.selected .hotkey{color:#241d0b;background:linear-gradient(180deg,#fff8de,var(--brass-bright));box-shadow:inset 0 0 0 1px #5a461099}.card.poor:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:4px;background:#0c0d0880;pointer-events:none;z-index:2}.card.poorPool:before{background:color-mix(in srgb,var(--pool, #c9a227) 22%,rgba(12,13,8,.55))}.card .pool-need{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:4;font-family:var(--font-stencil);font-size:8px;font-weight:800;letter-spacing:.3em;text-indent:.3em;text-align:center;color:color-mix(in srgb,var(--pool, #c9a227) 78%,#fff8de);text-shadow:0 1px 2px rgba(8,8,4,.9),0 0 6px rgba(8,8,4,.7);pointer-events:none}.card .supply-fill{position:absolute;left:1px;bottom:1px;width:5px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,#fbeaae 0,#fbeaae 1px,#f0cf6c 1px,#bf9a34);box-shadow:inset -1px 0 #3c2b068c,0 0 6px #ffecaa73;pointer-events:none;z-index:3;transition:height .18s linear}.card.poor:not(.poorPool):before{background:linear-gradient(90deg,#060603cc 0,#060603cc 5px,#0000 5px),#0c0d0880}@keyframes coin-wait{0%,to{box-shadow:0 0 0 1.5px #14150dbf,0 2px 4px #00000080}50%{box-shadow:0 0 0 1.5px #fffbecf2,0 0 11px 2px #fff4cd80,0 2px 4px #00000080}}.card.poor .cost{animation:coin-wait 1.9s ease-in-out infinite}.card.poorPool .cost{animation:none}.stack-badge{position:absolute;top:5px;left:50%;transform:translate(-50%);min-width:26px;height:19px;padding:0 4px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--font-stencil);font-size:13px;font-weight:800;color:#241d0b;background:linear-gradient(180deg,#f4e09a,#c9a227);border:1.5px solid #241d0b;box-shadow:0 2px 6px #0000008c,inset 0 1px #fff4cd8c;animation:stack-pop .22s ease;pointer-events:none;z-index:7}.stack-badge.bad{color:#fff;background:linear-gradient(180deg,#e05a52,#96231e);border-color:#2b0f0d;animation:stack-pop .22s ease,pulse .8s .22s infinite}@keyframes stack-pop{0%{transform:translate(-50%,-5px) scale(1.5)}60%{transform:translate(-50%) scale(.93)}to{transform:translate(-50%) scale(1)}}.card.deny-shake{animation:card-shake .34s ease;border-color:#e8635c;box-shadow:0 0 0 2px #d9534dcc,0 10px 22px #00000080}@keyframes card-shake{0%,to{transform:translateY(-8px) rotate(0)}20%{transform:translate(-6px,-8px) rotate(-2.2deg)}45%{transform:translate(5px,-8px) rotate(2deg)}70%{transform:translate(-3px,-8px) rotate(-1deg)}}.elixir.deny-flash,.pool.deny-flash{animation:gauge-flash .52s ease}@keyframes gauge-flash{0%,to{box-shadow:0 0 #d9534d00;background:#d9534d00}18%,58%{box-shadow:0 0 0 3px #d9534d80;background:#d9534d38}}.deny-toast{position:absolute;bottom:100%;left:50%;margin-bottom:10px;transform:translate(-50%);pointer-events:none;display:flex;align-items:center;gap:8px;padding:6px 16px 5px;border-radius:4px;white-space:nowrap;font-family:var(--font-stencil);font-size:13px;font-weight:800;letter-spacing:.2em;color:#f3cfcb;background:var(--grain),linear-gradient(178deg,#4e261ef2,#341812f5);border:2px solid rgba(217,83,77,.8);box-shadow:inset 0 1px #ffd6cd38,0 10px 24px #0e0c0680;animation:deny-pop .22s ease;z-index:6}.deny-mark{color:#e8635c;font-size:12px;letter-spacing:0}@keyframes deny-pop{0%{opacity:0;transform:translate(-50%,7px) scale(.94)}60%{opacity:1;transform:translate(-50%,-1px) scale(1.02)}to{opacity:1;transform:translate(-50%) scale(1)}}.supply-row{display:flex;gap:14px;justify-content:center;align-items:center;flex:none}.pool{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 4px;border-radius:3px;pointer-events:none}.pool-label{font-family:var(--font-stencil);font-size:8.5px;font-weight:800;letter-spacing:.18em;color:var(--dim)}.pool.empty .pool-label{color:#d9534d;animation:pulse 1s infinite}.pool-pips{display:flex;gap:3px;align-items:flex-end}.pool-pip{position:relative;width:9px;height:14px;border-radius:1.5px;background:#0000004d;overflow:hidden}.pool-pip.full{background:linear-gradient(180deg,#cbbd8a,#a1936a)}.pool-infantry .pool-pip.full{background:linear-gradient(180deg,#d8b45a,#a8842c)}.pool-vehicles .pool-pip.full{background:linear-gradient(180deg,#99a065,#6d7444)}.pool-air .pool-pip.full{background:linear-gradient(180deg,#a8bcc1,#6e8a93)}.pool-fill{position:absolute;bottom:0;left:0;right:0;background:#c4b78c66}.pool-pip.inbound{background:repeating-linear-gradient(45deg,#8cacb580,#8cacb580 2px,#00000040 2px,#00000040 4px);animation:pulse 1.2s infinite}.minimap{position:absolute;left:16px;bottom:14px;pointer-events:auto;padding:6px 7px}.minimap-label{font-family:var(--font-stencil);font-size:8.5px;font-weight:800;letter-spacing:.24em;color:var(--dim);margin:0 0 4px 1px}.minimap canvas{display:block;cursor:pointer;border:1px solid rgba(28,30,21,.65)}.edgepan{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.edgepan .ep-feather,.edgepan .ep-chev{position:absolute;opacity:0}.edgepan .ep-left{left:0;top:0;bottom:0;width:64px;background:linear-gradient(90deg,rgba(24,21,12,.9),transparent);border-left:1px solid rgba(198,166,100,.45)}.edgepan .ep-right{right:0;top:0;bottom:0;width:64px;background:linear-gradient(-90deg,rgba(24,21,12,.9),transparent);border-right:1px solid rgba(198,166,100,.45)}.edgepan .ep-top{top:0;left:0;right:0;height:64px;background:linear-gradient(180deg,rgba(24,21,12,.9),transparent);border-top:1px solid rgba(198,166,100,.45)}.edgepan .ep-bottom{bottom:0;left:0;right:0;height:64px;background:linear-gradient(0deg,rgba(24,21,12,.9),transparent);border-bottom:1px solid rgba(198,166,100,.45)}.edgepan .ep-chev{color:#e9ca6aeb;filter:drop-shadow(0 0 3px rgba(12,12,8,.8))}.edgepan .ep-chev svg{display:block}.edgepan .ep-chev-top{top:2px;left:50%;transform:translate(-50%)}.edgepan .ep-chev-bottom{bottom:2px;left:50%;transform:translate(-50%) rotate(180deg)}.edgepan .ep-chev-left{left:-1px;top:50%;transform:translateY(-50%) rotate(-90deg)}.edgepan .ep-chev-right{right:-1px;top:50%;transform:translateY(-50%) rotate(90deg)}