:root{--ink: #171310;--ink-2: #221b16;--ink-3: #2c231c;--silk: #e8dcc0;--silk-dim: #c9bb9c;--bamboo: #a8956b;--cinnabar: #b8342a;--cinnabar-dark: #4c1510;--gold: #c9a227;--stone: #3d5a6c;--shadow: rgba(0, 0, 0, .55);--card-w: clamp(74px, 7.6vw, 104px);--card-h: calc(var(--card-w) * 1.42);--slot-w: clamp(46px, 6.6vw, 84px);--slot-h: calc(var(--slot-w) * 1.24);--font-title: "Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", serif;--font-body: "Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--ink);color:var(--silk);font-family:var(--font-body);font-size:clamp(13px,1.35vw,16px);line-height:1.45}#app{position:relative;width:100%;height:100%;overflow:hidden}button{font-family:var(--font-title);color:var(--silk);background:linear-gradient(180deg,var(--ink-3),#1c1611);border:1px solid var(--bamboo);border-radius:3px;padding:.45em 1.1em;font-size:clamp(13px,1.3vw,17px);letter-spacing:.08em;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}button:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 0 1px #c9a22759,0 4px 14px var(--shadow)}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#7d241d,var(--cinnabar-dark));border-color:var(--gold)}button.ghost{background:transparent;border-color:#a8956b8c;color:var(--silk-dim)}button.small{font-size:clamp(11px,1.1vw,13px);padding:.3em .7em}.screen-host,.overlay-host{position:absolute;top:0;right:0;bottom:0;left:0}.overlay-host{pointer-events:none;z-index:60;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vh,18px);padding:clamp(10px,2.4vw,32px);overflow:hidden;background:radial-gradient(120% 90% at 50% 8%,rgba(61,90,108,.22),transparent 60%),repeating-linear-gradient(90deg,rgba(168,149,107,.07) 0 2px,transparent 2px 14px),var(--ink)}.panel{width:min(100%,1080px);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(8px,1.6vh,16px);padding:clamp(12px,2.4vw,28px);border:1px solid rgba(168,149,107,.4);background:linear-gradient(180deg,#221b16f0,#171310f5);box-shadow:inset 0 0 60px #00000080}.panel.center{align-items:center;text-align:center}.panel-head{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(168,149,107,.3);padding-bottom:8px}.panel h1,.panel h2,.game-title{font-family:var(--font-title);letter-spacing:.18em;margin:0;color:var(--silk)}.game-title{font-size:clamp(32px,7vw,74px);text-shadow:0 2px 0 #000,0 0 26px rgba(201,162,39,.25)}.title-art{width:min(760px,94%);height:clamp(110px,26vh,300px);background-size:cover;background-position:center 45%;border:1px solid rgba(201,162,39,.5);border-radius:3px;box-shadow:0 12px 32px #00000080,inset 0 0 80px #1713108c;margin-bottom:clamp(8px,2vh,20px)}.title-art.placeholder{background-image:radial-gradient(120% 90% at 50% 20%,rgba(184,52,42,.22),transparent 60%),linear-gradient(180deg,#3d5a6c59,#171310bf)}.panel h2{font-size:clamp(18px,2.6vw,30px)}.subtitle{font-family:var(--font-title);color:var(--bamboo);letter-spacing:.16em;font-size:clamp(12px,1.4vw,17px);margin:0}.hint{color:var(--silk-dim);font-size:clamp(11px,1.2vw,14px);max-width:52ch}.meta{display:flex;flex-direction:column;gap:2px;color:var(--silk-dim);font-size:clamp(11px,1.15vw,13px)}.meta p{margin:0}.small{font-size:clamp(10px,1.05vw,12px);color:var(--silk-dim)}.row{display:flex;flex-wrap:wrap;gap:clamp(8px,1.4vw,16px);justify-content:center;align-items:center}.panel>.row.sticky{position:sticky;bottom:0;z-index:2;padding:10px 0 2px;background:linear-gradient(180deg,#17131000,#171310f2 45%)}.row.tight{gap:6px;margin-top:4px}.row.wrap{align-items:flex-start}.stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stage-node{display:flex;flex-direction:column;gap:3px;align-items:flex-start;justify-content:flex-end;text-align:left;padding:10px 12px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#3d5a6c29,#171310e6)}.stage-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center 20%;background-repeat:no-repeat}.stage-node:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#17131033,#1713109e 48%,#171310f0)}.stage-node.locked .stage-art{filter:grayscale(.92) brightness(.38) contrast(.9)}.stage-node.locked:after{background:linear-gradient(180deg,#17131080,#171310e0)}.stage-node.cleared{border-color:var(--gold);box-shadow:inset 0 0 0 1px #c9a22759,inset 0 0 28px #c9a22733}.stage-no{font-family:var(--font-title);color:var(--cinnabar);font-size:clamp(16px,2vw,24px)}.stage-name{letter-spacing:.08em}.stage-hp,.stage-state{font-size:clamp(10px,1.1vw,12px);color:var(--silk-dim)}.card{--cw: var(--card-w);position:relative;width:var(--cw);height:var(--card-h);flex:0 0 auto;display:flex;flex-direction:column;gap:calc(var(--cw) * .025);border:1px solid var(--bamboo);border-radius:4px;background:repeating-linear-gradient(90deg,rgba(168,149,107,.14) 0 1px,transparent 1px 7px),linear-gradient(180deg,#efe4c8,#cdbb95);color:#241c14;padding:calc(var(--cw) * .045);font-size:clamp(8px,calc(var(--cw) * .128),13px);box-shadow:0 3px 10px var(--shadow);transition:transform .14s ease,box-shadow .14s ease,outline-color .14s ease;outline:2px solid transparent;outline-offset:1px;cursor:default}.card.playable{cursor:pointer;box-shadow:0 0 0 1px #c9a227cc,0 4px 16px #c9a22747}.card.playable:hover{transform:translateY(-6px);z-index:6}.card.selected{outline-color:var(--gold);transform:translateY(-8px);z-index:7}@media (hover: hover){.hand .card:hover{transform:translateY(-10px);z-index:6}}.card.dim{filter:grayscale(.5) brightness(.78)}.card.targetable{outline-color:var(--cinnabar);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{outline-color:#b8342a59}}.card-head{flex:0 0 auto;display:flex;align-items:center;gap:calc(var(--cw) * .035);min-width:0}.card-cost{flex:0 0 auto;width:1.6em;height:1.6em;display:grid;place-items:center;border-radius:50%;background:var(--stone);color:var(--silk);font-size:1.05em;font-family:var(--font-title)}.card-cost.reduced{background:var(--cinnabar)}.card-name{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em;line-height:1.15;font-family:var(--font-title);letter-spacing:.02em}.card-art{position:relative;container-type:size;flex:1 1 0;min-height:calc(var(--cw) * .2);display:grid;place-items:center;border:1px solid rgba(36,28,20,.28);background-color:#171310;background-size:cover;background-position:center;box-shadow:inset 0 0 calc(var(--cw) * .12) #00000073;color:var(--silk);overflow:hidden}.card-glyph{font-family:var(--font-title);line-height:1;font-size:calc(var(--cw) * .34);font-size:min(calc(var(--cw) * .34),74cqh);color:var(--silk);text-shadow:0 0 12px rgba(201,162,39,.4)}.card-marks{position:absolute;right:calc(var(--cw) * .02);bottom:calc(var(--cw) * .015);font-size:.85em;color:var(--gold);letter-spacing:.05em}.card-text{flex:0 0 auto;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:max(8px,.86em);line-height:1.25;text-align:center;color:#2f2519}.card-foot{flex:0 0 auto;display:flex;justify-content:space-between;font-family:var(--font-title);font-size:1.15em;line-height:1.1;min-height:1.1em;padding:0 calc(var(--cw) * .03)}.card-atk{color:#7d241d}.card-hp,.card-dur{color:#244b2c}.card.onboard{--cw: var(--slot-w);height:var(--slot-h);font-size:clamp(9px,calc(var(--slot-w) * .145),12px)}.card.onboard .card-cost,.card.onboard .card-text{display:none}.card.onboard .card-foot{font-size:1.5em}.card.onboard .card-name{min-height:1.15em}.card-detail{position:fixed;z-index:80;max-width:min(260px,76vw);padding:8px 10px;border:1px solid var(--bamboo);border-radius:4px;background:linear-gradient(180deg,#f2e8cf,#d9c8a3);color:#241c14;box-shadow:0 6px 20px #00000073;font-size:12px;line-height:1.5;pointer-events:none;animation:detail-in .12s ease-out}.cd-title{font-family:var(--font-title);font-size:14px;letter-spacing:.03em}.cd-meta{margin-top:2px;color:#6a5638;font-size:11px}.cd-body{margin-top:5px}.cd-notes{margin:5px 0 0;padding-left:1.15em;color:#4a3a24;font-size:11px}@keyframes detail-in{0%{opacity:0;transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){.card-detail{animation:none}}.battle{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;display:flex;flex-direction:column;gap:4px;padding:clamp(6px,1.4vw,14px);background:radial-gradient(90% 60% at 50% 50%,rgba(61,90,108,.18),transparent 70%),repeating-linear-gradient(90deg,rgba(168,149,107,.06) 0 2px,transparent 2px 16px),var(--ink)}.battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center 35%;background-repeat:no-repeat}.battle-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#17131099,#171310db)}.topbar{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:clamp(10px,1.1vw,13px);color:var(--silk-dim);border-bottom:1px solid rgba(168,149,107,.25);padding-bottom:4px}.topbar .active{color:var(--gold);font-family:var(--font-title);letter-spacing:.1em}.topbar button:first-of-type{margin-left:auto}.topbar button+button{margin-left:8px}.log{position:absolute;right:clamp(6px,1.4vw,14px);top:42px;width:min(46vw,300px);max-height:52vh;overflow-y:auto;padding:8px;border:1px solid rgba(168,149,107,.4);background:#0f0c0af0;font-size:clamp(10px,1.05vw,12px);z-index:30}.log-line{margin-bottom:3px;color:var(--silk-dim)}.log-line.damage{color:#e08b7f}.log-line.heal{color:#9dc49a}.log-line.big{color:var(--gold)}.side-row{flex:0 0 auto;display:flex;align-items:center;gap:clamp(8px,1.6vw,16px);padding:2px 0}.side-info{font-size:clamp(10px,1.1vw,13px);color:var(--silk-dim);letter-spacing:.06em}.controls{margin-left:auto;display:flex;align-items:center;gap:8px}.hero{position:relative;width:var(--slot-w);aspect-ratio:3 / 4;flex:0 0 auto;border:1px solid var(--bamboo);border-radius:4px;background:linear-gradient(180deg,#3a2f26,#1b1511);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;outline:2px solid transparent}.hero.targetable{outline-color:var(--cinnabar);cursor:crosshair;animation:pulse 1.1s ease-in-out infinite}.hero-portrait{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 22%;filter:saturate(.85) contrast(1.05)}.hero-name{position:relative;font-size:clamp(9px,1vw,12px);font-family:var(--font-title);letter-spacing:.04em;background:#0f0c0ac7;width:100%;text-align:center;padding:1px 0}.hero-hp,.hero-armor{position:absolute;bottom:20px;font-family:var(--font-title);font-size:clamp(13px,1.7vw,20px);text-shadow:0 1px 0 #000}.hero-hp{right:4px;color:#f0b7ae}.hero-armor{left:4px;color:#b9cbe0}.hero-weapon{position:absolute;top:2px;left:2px;font-size:clamp(8px,.95vw,11px);background:#0f0c0acc;padding:1px 3px;border:1px solid rgba(201,162,39,.5);color:var(--gold)}.mana{display:flex;flex-wrap:wrap;gap:2px;align-items:center;max-width:46vw}.mana .pip{width:clamp(7px,1vw,12px);height:clamp(7px,1vw,12px);border-radius:2px;transform:rotate(45deg);border:1px solid var(--stone);background:#3d5a6c33}.mana .pip.full{background:var(--stone);border-color:#7fa8c0;box-shadow:0 0 6px #7fa8c099}.mana .pip.spent{background:#3d5a6c73;opacity:.5}.mana .overload{margin-left:4px;font-size:clamp(9px,1vw,12px);color:#9db6e8}.boards{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.board{--lunge-pad: clamp(10px, 1.5vh, 15px);display:flex;gap:5px;justify-content:center;align-items:flex-end;min-height:calc(var(--slot-h) + var(--lunge-pad) * 2);flex-wrap:nowrap;overflow-x:auto;padding-block:var(--lunge-pad)}.board-empty{align-self:center;color:#c8bb9c66;font-size:clamp(10px,1.1vw,13px);letter-spacing:.2em;border:1px dashed rgba(168,149,107,.35);padding:6px 14px}.minion.ready{cursor:pointer;box-shadow:0 0 0 1px #c9a227b3,0 0 14px #c9a22738,0 3px 10px var(--shadow)}.minion.selected{outline-color:var(--gold);transform:translateY(-4px)}.minion.targetable{outline-color:var(--cinnabar);cursor:crosshair}.minion.taunt{border-color:var(--gold);box-shadow:inset 0 0 0 2px #c9a22759,0 3px 10px var(--shadow)}.minion.stealth{opacity:.68}.minion.frozen{background:linear-gradient(180deg,#dfe9f0,#b3c4d1)}.board.placing{cursor:copy;outline:1px dashed rgba(201,162,39,.45);outline-offset:3px}.board.placing .minion{cursor:copy}.controls .power{border-color:var(--stone)}.hand{flex:0 0 auto;display:flex;gap:4px;justify-content:center;align-items:flex-end;overflow-x:auto;padding:6px 2px 2px;min-height:calc(var(--card-h) + 8px)}.hand .card+.card{margin-left:var(--overlap, 0px)}@media (max-width: 700px){.hand:has(.card:nth-last-child(n+6)){--overlap: calc(var(--card-w) * -.04)}.hand:has(.card:nth-last-child(n+7)){--overlap: calc(var(--card-w) * -.19)}.hand:has(.card:nth-last-child(n+8)){--overlap: calc(var(--card-w) * -.32)}.hand:has(.card:nth-last-child(n+9)){--overlap: calc(var(--card-w) * -.41)}.hand:has(.card:nth-last-child(n+10)){--overlap: calc(var(--card-w) * -.48)}}@media (max-width: 430px){.hand:has(.card:nth-last-child(n+5)){--overlap: calc(var(--card-w) * -.06)}.hand:has(.card:nth-last-child(n+6)){--overlap: calc(var(--card-w) * -.25)}.hand:has(.card:nth-last-child(n+7)){--overlap: calc(var(--card-w) * -.4)}.hand:has(.card:nth-last-child(n+8)){--overlap: calc(var(--card-w) * -.48)}.hand:has(.card:nth-last-child(n+9)){--overlap: calc(var(--card-w) * -.56)}.hand:has(.card:nth-last-child(n+10)){--overlap: calc(var(--card-w) * -.62)}}.selhint{position:absolute;left:50%;bottom:calc(var(--card-h) + 14px);transform:translate(-50%);padding:3px 12px;border:1px solid var(--gold);background:#0f0c0ae6;color:var(--gold);font-size:clamp(10px,1.1vw,13px);letter-spacing:.08em}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080605b8;z-index:40}.modal-box{display:flex;flex-direction:column;gap:10px;align-items:center;max-width:min(92vw,720px);padding:clamp(14px,3vw,26px);border:1px solid var(--gold);background:linear-gradient(180deg,#221b16fa,#14100dfa);box-shadow:0 12px 40px #000000b3;--card-w: clamp(64px, 16vw, 88px)}.modal-title{font-family:var(--font-title);font-size:clamp(18px,2.6vw,30px);letter-spacing:.2em;margin:0;color:var(--gold)}.floater{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-title);font-size:clamp(16px,2.4vw,28px);text-shadow:0 2px 0 #000;animation:rise .9s ease-out forwards}.floater.damage{color:#ff8a7a}.floater.heal{color:#a8e0a4}.floater.info{color:var(--gold)}.floater.buff{color:#e0c25a}.floater.armor{color:#8ab4cc}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}25%{opacity:1;transform:translate(-50%,-60%) scale(1.05)}to{opacity:0;transform:translate(-50%,-120%) scale(1)}}.minion.is-lunging,.hero.is-lunging{z-index:12;animation:lunge .3s cubic-bezier(.3,1.5,.4,1)}@keyframes lunge{45%{transform:translate(var(--lx, 0px),var(--ly, 0px)) scale(1.08)}}.minion.is-hit,.hero.is-hit{z-index:11;animation:hit-flash .34s ease-out}@keyframes hit-flash{0%{filter:brightness(2.6) saturate(.3)}30%{filter:brightness(1.5) saturate(.6);transform:translate(var(--hx, 0px),var(--hy, 0px)) rotate(2deg)}65%{transform:translate(calc(var(--hx, 0px) * -.4)) rotate(-1.5deg)}to{filter:none;transform:none}}.fx-ghost{pointer-events:none;z-index:55}.fx-ghost.is-dying{animation:minion-die .45s ease-in forwards}@keyframes minion-die{to{opacity:0;transform:translateY(10px) scale(.62) rotate(-7deg);filter:grayscale(1) brightness(.7)}}.boards.is-shaking{animation:board-shake .42s cubic-bezier(.3,.9,.3,1)}@keyframes board-shake{0%,to{transform:translate(0)}15%{transform:translate(calc(-4px * var(--shake, 1)),calc(2px * var(--shake, 1)))}32%{transform:translate(calc(3px * var(--shake, 1)),calc(-2px * var(--shake, 1)))}52%{transform:translate(calc(-2px * var(--shake, 1)),calc(-1px * var(--shake, 1)))}74%{transform:translate(calc(1.5px * var(--shake, 1)))}}.minion.is-pulsing,.hero.is-pulsing{z-index:10;animation:fx-ring .5s ease-out}@keyframes fx-ring{0%{box-shadow:0 0 0 0 var(--ring, rgba(201, 162, 39, .85))}to{box-shadow:0 0 0 14px transparent}}@media (prefers-reduced-motion: reduce){.minion.is-lunging,.hero.is-lunging,.boards.is-shaking{animation:none}.minion.is-hit,.hero.is-hit{animation-duration:.12s}}.toast{position:absolute;left:50%;bottom:18%;transform:translate(-50%);padding:6px 16px;border:1px solid var(--cinnabar);background:#140e0cf0;color:var(--silk);letter-spacing:.06em;transition:opacity .4s ease;z-index:70}.toast.fade{opacity:0}.deck-status{font-size:clamp(11px,1.2vw,14px);color:var(--gold);letter-spacing:.06em}.deck-status.bad{color:#e08b7f}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w),1fr));gap:8px;justify-items:center}.cell{display:flex;flex-direction:column;align-items:center;gap:2px}.count{font-size:clamp(10px,1.1vw,13px);color:var(--silk-dim);min-width:3.4em;text-align:center}.hero-pick{width:clamp(120px,22vw,200px);display:flex;flex-direction:column;gap:4px;padding:8px;align-items:stretch;background:linear-gradient(180deg,#3d5a6c2e,#171310f0)}.hero-pick .hero-portrait{position:relative;inset:auto;aspect-ratio:4 / 3;border:1px solid rgba(168,149,107,.5)}.hero-title,.hero-power{font-size:clamp(10px,1.05vw,12px);color:var(--silk-dim);text-align:left}.reward-group{display:flex;flex-direction:column;gap:6px;align-items:center;padding:8px;border:1px solid rgba(168,149,107,.45);background:#221b16b3}.treasure-pick{display:flex;flex-direction:column;gap:6px;align-items:center;width:clamp(140px,24vw,220px);padding:10px;background:linear-gradient(180deg,#c9a22724,#171310f0)}.treasure-sigil{width:clamp(56px,9vw,84px);aspect-ratio:1;border:1px solid rgba(201,162,39,.35);border-radius:50%;background-color:#1713108c;background-size:contain;background-position:center;background-repeat:no-repeat}.treasure-name{font-family:var(--font-title);font-size:clamp(13px,1.6vw,18px);color:var(--gold);letter-spacing:.08em}.treasure-text{font-size:clamp(10px,1.1vw,13px);color:var(--silk-dim);text-align:left}@media (max-width: 720px){.log{width:62vw}.topbar .counts{display:none}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}