:root{--bg-night: #1c1510;--bg-earth: #3a2718;--bg-paper: #d8c3a1;--bg-paper-dark: #b58a5d;--bg-panel: rgba(44, 30, 20, .82);--bg-panel-light: rgba(255, 248, 231, .84);--text-primary: #2d221a;--text-muted: #695745;--text-light: #f4e9d5;--color-gold: #d7a94d;--color-river: #5d8088;--color-hp: #b84739;--color-mana: #2e698f;--color-attack: #bd4d3d;--color-health: #3f8152;--color-highlight: #d7a447;--font-title: "STKaiti", "KaiTi", "Songti SC", "Noto Serif SC", serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--radius-md: 14px;--radius-lg: 22px;--shadow-soft: 0 18px 42px rgba(18, 11, 8, .18);--shadow-hard: 0 14px 24px rgba(18, 11, 8, .24)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at 12% 18%,rgba(255,241,204,.34),transparent 42%),radial-gradient(circle at 82% 14%,rgba(130,70,34,.22),transparent 46%),linear-gradient(180deg,#eadcbc,var(--bg-paper-dark));min-height:100vh;overflow:auto;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#321e100f,#140c072e),url(../images/ui/battle-map.svg) center / cover no-repeat;opacity:.26;mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0 1px,transparent 1px),radial-gradient(circle at 75% 55%,rgba(0,0,0,.06) 0 1px,transparent 1px);background-size:22px 22px,28px 28px;opacity:.18}.hidden{display:none!important}button{font:inherit;color:inherit;border:1px solid rgba(66,43,24,.24);background:linear-gradient(180deg,#fff9ebf0,#e0c9a5eb);border-radius:12px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #28180d29}button:disabled{cursor:not-allowed;opacity:.52}#app{min-height:100vh;padding:18px;position:relative;z-index:1}.screen{width:min(1460px,100%);margin:0 auto;position:relative}.theme-han{--accent-strong: #cc9d43;--accent-soft: rgba(248, 226, 181, .85);--accent-deep: #8e3328}.theme-chu{--accent-strong: #d06945;--accent-soft: rgba(247, 211, 184, .82);--accent-deep: #741d1f}.theme-shu{--accent-strong: #7ca060;--accent-soft: rgba(218, 237, 199, .84);--accent-deep: #3b5b2f}.theme-steppe{--accent-strong: #79a9b8;--accent-soft: rgba(207, 231, 239, .84);--accent-deep: #2c4e58}.theme-neutral{--accent-strong: #b58a5d;--accent-soft: rgba(235, 220, 194, .82);--accent-deep: #60462f}.visual-unit-infantry{--surface-tint: rgba(155, 101, 54, .22)}.visual-unit-shield{--surface-tint: rgba(107, 92, 73, .24)}.visual-unit-archer{--surface-tint: rgba(101, 120, 77, .24)}.visual-unit-cavalry{--surface-tint: rgba(124, 83, 57, .24)}.visual-general{--surface-tint: rgba(167, 121, 49, .28)}.visual-spell-offense{--surface-tint: rgba(150, 63, 48, .28)}.visual-spell-support{--surface-tint: rgba(74, 118, 96, .26)}.visual-spell-tactics{--surface-tint: rgba(89, 82, 134, .28)}#hero-select{min-height:calc(100vh - 36px);display:grid;align-content:center;gap:22px;padding:clamp(28px,4vw,52px);border-radius:28px;overflow:hidden;border:1px solid rgba(80,53,31,.18);background:linear-gradient(180deg,#fffaf24d,#37211224),url(../images/ui/battle-map.svg) center / cover no-repeat,linear-gradient(180deg,#fffbecd9,#b68a59d9);box-shadow:var(--shadow-soft)}#hero-select:before{content:"战报卷轴 · 出征点将";justify-self:center;font-size:12px;letter-spacing:.34em;color:#4f321cd1}#hero-select h1{text-align:center;font-family:var(--font-title);font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:.14em;color:#362215;text-shadow:0 10px 20px rgba(255,240,214,.26)}#hero-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hero-pick-card{--accent-strong: #c99b42;--accent-soft: rgba(248, 226, 181, .84);--accent-deep: #6d4320;min-height:348px;display:grid;grid-template-rows:auto 166px 1fr;gap:12px;text-align:left;padding:16px;border-radius:22px;color:#f7eddc;border:1px solid rgba(244,225,191,.12);background:linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(180deg,#2b1b12eb,#170e0af0);box-shadow:var(--shadow-hard);position:relative;overflow:hidden}.hero-pick-card:before{content:"";position:absolute;inset:auto -12% 52% 38%;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-strong) 60%,white 18%),transparent 68%);opacity:.26;pointer-events:none}.hero-pick-card.is-selected{border-color:#ffe7b37a;box-shadow:0 0 0 1px #ffe2a485,0 0 0 8px #ffd57a14,0 22px 34px #100a075c;transform:translateY(-4px)}.hero-pick-card__faction{display:inline-flex;align-items:center;justify-self:start;padding:5px 10px;border-radius:999px;font-size:11px;letter-spacing:.18em;color:#22140b;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-strong) 88%,white 12%),color-mix(in srgb,var(--accent-deep) 60%,#3c2111 40%));box-shadow:0 6px 14px #130c083d}.hero-pick-card__art{display:block;border-radius:16px;border:1px solid rgba(255,241,220,.14);background:linear-gradient(180deg,#ffffff1f,#160c092e),linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 52%,transparent),transparent 56%),var(--hero-art) center / cover no-repeat;box-shadow:inset 0 0 0 1px #fff8e90f,0 12px 20px #0a07053d}.hero-pick-card__content{display:grid;gap:8px}.hero-pick-card__name{font-family:var(--font-title);font-size:30px;line-height:1;letter-spacing:.06em}.hero-pick-card__epithet{font-size:12px;letter-spacing:.16em;color:color-mix(in srgb,var(--accent-soft) 86%,white 14%)}.hero-pick-card__line{font-size:13px;line-height:1.45;color:#f7eddcd6}.hero-pick-card__line--stats,.hero-pick-card__line--motto{color:#f7eddca8}.hero-pick-card__line--skill,.hero-pick-card__line--passive{padding:8px 10px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}#start-btn{justify-self:center;min-width:220px;padding:14px 24px;font-weight:700;letter-spacing:.16em;color:#2d1808;background:linear-gradient(180deg,#f0d488,#bd8430);box-shadow:0 14px 22px #49270d2e}#game-screen{min-height:calc(100vh - 36px);display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "battle log" "hand hand";gap:14px}#top-bar{grid-area:top;overflow:hidden;border-radius:24px;color:var(--text-light);border:1px solid rgba(248,228,188,.14);background:linear-gradient(180deg,#3d2817f0,#1b110bf0);box-shadow:var(--shadow-hard)}.top-bar__main{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 10px}.top-bar__title{font-family:var(--font-title);font-size:26px;font-weight:700;letter-spacing:.12em}.top-bar__meta{font-size:13px;color:#f4e9d5c7}.top-bar__settings-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-size:18px;color:var(--text-light);background:#ffffff14;border:1px solid rgba(248,228,188,.12)}.top-bar__mode,.top-bar__hotkeys,.top-bar__hint{margin-inline:18px}.top-bar__mode{padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(248,228,188,.1);font-size:12px;color:#f4e9d5e0}.top-bar__hotkeys{margin-top:8px;font-size:11px;color:#f4e9d58f}.top-bar__hint{padding:10px 0 16px;font-size:14px;color:#f0d7a4}#battlefield{grid-area:battle;display:grid;grid-template-rows:auto auto auto;gap:12px;padding:16px;border-radius:24px;border:1px solid rgba(85,58,32,.16);background:linear-gradient(180deg,#fffaef29,#462c181f),url(../images/ui/battle-map.svg) center / cover no-repeat,linear-gradient(180deg,#e3d2b0e0,#b78e60e0);box-shadow:var(--shadow-soft)}#enemy-area,#player-area{display:grid;gap:12px}#enemy-area{grid-template-columns:248px minmax(0,1fr)}#player-area{grid-template-columns:minmax(0,1fr) 274px}#enemy-board,#player-board{display:grid;gap:10px}.board-row{padding:10px;border-radius:18px;background:#fffaf138;border:1px dashed rgba(91,62,33,.2);backdrop-filter:blur(2px)}.board-row__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.board-row__title{font-size:12px;font-weight:700;letter-spacing:.18em;color:#583f28}.board-row__count{padding:3px 8px;border-radius:999px;font-size:11px;color:#725739;background:#fff8eb8f;border:1px solid rgba(91,62,33,.1)}.board-grid{display:flex;flex-wrap:wrap;gap:10px}.board-grid--targeting .board-cell:not(.is-highlighted):not(.is-selected){opacity:.46;filter:saturate(.78)}.board-cell{--surface-tint: rgba(133, 96, 61, .2);min-width:150px;max-width:208px;flex:1 1 0;min-height:182px;display:grid;align-content:start;gap:7px;padding:10px;text-align:left;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(104,72,42,.14);background:linear-gradient(180deg,#fffcf5bd,#ebd8b8db),linear-gradient(180deg,var(--surface-tint),transparent 56%);box-shadow:inset 0 0 0 1px #fff5e438,0 8px 18px #3522131a}.board-cell--empty,.board-cell--insert{justify-items:center;align-content:center;text-align:center}.board-cell--empty{min-height:182px;background:linear-gradient(180deg,#fffef985,#ebdcbf85);color:var(--text-muted)}.board-cell--insert{min-width:80px;max-width:96px;flex:0 0 84px;min-height:182px;color:#7b6247;background:repeating-linear-gradient(135deg,#ffffff57,#ffffff57 8px,#e0c69e5c 8px 16px);border-style:dashed}.board-cell__art{display:block;min-height:76px;border-radius:12px;border:1px solid rgba(255,247,232,.32);background:linear-gradient(180deg,#ffffff14,#1c120c2e),linear-gradient(135deg,rgba(255,255,255,.2),transparent 48%),var(--unit-art) center / cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff14}.board-cell__crest{justify-self:start;padding:3px 8px;border-radius:999px;font-size:10px;letter-spacing:.12em;color:#392513;background:color-mix(in srgb,var(--surface-tint) 80%,#f2d29a 20%)}.board-cell__name{font-family:var(--font-title);font-size:18px;line-height:1.1;font-weight:700;color:#261b14}.board-cell__detail{font-size:12px;color:#68503a}.board-cell__stats{display:flex;gap:6px}.board-cell__stat{min-width:28px;height:24px;display:grid;place-items:center;border-radius:999px;font-size:12px;font-weight:800;color:#fff9ef}.board-cell__stat--atk{background:linear-gradient(180deg,#ce6251,#a3362e)}.board-cell__stat--hp{background:linear-gradient(180deg,#5aa868,#367241)}.board-cell__general{display:inline-flex;justify-self:start;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#704a17;background:#ffdf926b;border:1px solid rgba(125,84,25,.1)}.board-cell__tags{font-size:11px;line-height:1.35;color:#6b533d}.board-cell__empty{font-size:13px;font-weight:700}.board-cell__insert-label{font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.14em}.board-cell__action-badge{position:absolute;top:8px;right:8px;z-index:1;padding:4px 7px;border-radius:999px;font-size:10px;line-height:1;font-weight:700;letter-spacing:.04em;color:#47290d;background:linear-gradient(180deg,#ffd88b,#e2ad3b);border:1px solid rgba(103,63,18,.25);box-shadow:0 2px 5px #47290d2e}.board-cell__action-badge--selected{color:#133743;background:linear-gradient(180deg,#bdeaf0,#6fbcc8);border-color:#1337433d}.board-cell.is-highlighted{border-color:#d18b22c7;box-shadow:0 0 0 2px #d18b2252,0 0 0 8px #d18b2214,0 16px 24px #35221324;transform:translateY(-2px);animation:pulse-target .95s ease-in-out infinite alternate}.board-cell.is-selected{border-color:#5f8f96d1;box-shadow:0 0 0 2px #5f8f964d,0 0 0 8px #5f8f9614,0 16px 24px #35221324;background:linear-gradient(180deg,#f6fcfceb,#cde7e8e6),linear-gradient(180deg,var(--surface-tint),transparent 56%)}#river{display:grid;place-items:center;min-height:58px;border-radius:999px;font-family:var(--font-title);font-size:22px;letter-spacing:.32em;color:#f1f4f4;background:linear-gradient(90deg,#4c7279f5,#608d95f5,#385960f0);box-shadow:inset 0 0 0 1px #ffffff2e,0 12px 18px #26383c29}.hero-panel{min-height:172px}.hero-panel-box{display:grid;gap:10px;padding:12px;border-radius:20px;color:var(--text-light);border:1px solid rgba(248,228,188,.12);background:linear-gradient(180deg,#362316f0,#1a110cf5);box-shadow:var(--shadow-hard)}.hero-panel__face{--accent-strong: #c99b42;--accent-soft: rgba(248, 226, 181, .84);display:grid;grid-template-columns:104px 1fr;gap:12px;width:100%;padding:12px;text-align:left;border-radius:16px;color:inherit;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 20%,transparent),transparent 52%);border:1px solid rgba(255,243,219,.1)}.hero-panel__face.is-highlighted{border-color:#f5d59cd6;box-shadow:0 0 0 2px #f5d59c38,0 0 0 8px #f5d59c0f}.hero-panel__target-badge{position:absolute;top:8px;right:8px;z-index:1;padding:4px 6px;border-radius:999px;font-size:10px;line-height:1;font-weight:700;color:#47290d;background:linear-gradient(180deg,#ffd88b,#e2ad3b);border:1px solid rgba(103,63,18,.25)}.hero-panel__portrait{display:block;min-height:122px;border-radius:14px;border:1px solid rgba(255,247,232,.16);background:linear-gradient(180deg,#ffffff1f,#160c092e),linear-gradient(135deg,rgba(255,255,255,.18),transparent 48%),var(--hero-art) center / cover no-repeat}.hero-panel__body{display:grid;gap:6px;align-content:start}.hero-panel__kicker{font-size:11px;letter-spacing:.18em;color:color-mix(in srgb,var(--accent-soft) 76%,white 24%)}.hero-panel__name{font-family:var(--font-title);font-size:28px;line-height:1;letter-spacing:.06em}.hero-panel__resources{display:flex;flex-wrap:wrap;gap:6px}.hero-panel__resource{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.hero-panel__resource--hp{background:#b8473933}.hero-panel__resource--mana{background:#2e698f2e}.hero-panel__power,.hero-panel__passive,.hero-panel__meta{font-size:12px;line-height:1.45}.hero-panel__passive{color:#f4e9d5b8}.hero-panel__meta{color:#f4e9d5a8;padding-inline:2px}.hero-panel__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hero-panel__actions button{padding:9px 8px;font-size:12px;font-weight:700;background:linear-gradient(180deg,#fffbf0eb,#d5b88ce0)}#battle-log{grid-area:log;min-height:0}.log-panel{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:24px;border:1px solid rgba(85,58,32,.16);background:linear-gradient(180deg,#fffaef2e,#462c181f),linear-gradient(180deg,#e3d2b0e0,#b78e60e0);box-shadow:var(--shadow-soft)}.log-panel__title{padding:14px 16px;border-bottom:1px solid rgba(82,56,31,.1);font-family:var(--font-title);font-size:20px;font-weight:700;letter-spacing:.08em}.log-panel__lines{padding:12px 12px 14px;overflow:auto;display:grid;gap:8px;align-content:start}.log-line{padding:9px 10px;border-radius:12px;font-size:12px;line-height:1.45;color:#34281f;background:#fffdf76b;border:1px solid rgba(82,56,31,.08)}.log-line--muted{color:var(--text-muted)}#hand-area{grid-area:hand;padding:12px;border-radius:24px;border:1px solid rgba(85,58,32,.16);background:linear-gradient(180deg,#fffaef24,#462c1814),linear-gradient(180deg,#d4be9ed1,#ae8556c7);box-shadow:var(--shadow-soft)}.hand-wrap{display:grid;gap:8px}.hand-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 2px;min-height:244px}.hand-empty{width:100%;min-height:220px;display:grid;place-items:center;padding:16px;border-radius:16px;border:1px dashed rgba(82,56,31,.2);color:var(--text-muted)}.hand-card{--surface-tint: rgba(133, 96, 61, .22);min-width:186px;max-width:212px;min-height:238px;display:grid;grid-template-rows:112px auto auto auto 1fr auto;gap:8px;padding:10px;text-align:left;position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(103,71,42,.14);background:linear-gradient(180deg,#fffcf6db,#eeddbfeb),linear-gradient(180deg,var(--surface-tint),transparent 56%);box-shadow:var(--shadow-hard)}.hand-card__art{display:block;border-radius:14px;border:1px solid rgba(255,247,232,.3);background:linear-gradient(180deg,#ffffff1a,#1c120c33),linear-gradient(135deg,rgba(255,255,255,.16),transparent 48%),var(--card-art) center / cover no-repeat}.hand-card__topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.hand-card.is-selected{border-color:#d18b22d6;box-shadow:0 0 0 2px #d18b2252,0 0 0 8px #d18b2214,0 18px 30px #29190e2e;transform:translateY(-4px)}.hand-card.is-dim{opacity:.6}.hand-card.is-disabled{cursor:default;filter:saturate(.84)}.hand-card.is-disabled:hover{transform:none}.hand-card__cost{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-family:var(--font-title);font-size:22px;font-weight:900;color:#2b1808;background:linear-gradient(180deg,#f3d78d,#ca9634);box-shadow:0 8px 16px #cb94322e}.hand-card__type{font-size:12px;letter-spacing:.08em;color:#624c38}.hand-card__family{font-size:11px;letter-spacing:.16em;color:#6d573d}.hand-card__name{font-family:var(--font-title);font-size:22px;line-height:1.1;font-weight:700;color:#261b14}.hand-card__detail{font-size:12px;line-height:1.35;color:#6d573d}.hand-card__meta{display:flex;align-items:center;gap:6px;margin-top:auto;min-height:24px}.hand-card__stat{min-width:24px;height:20px;display:grid;place-items:center;padding:0 6px;border-radius:999px;font-size:11px;font-weight:800;color:#fff9ee}.hand-card__stat--atk{background:linear-gradient(180deg,#cd5a4f,#a83831)}.hand-card__stat--hp{background:linear-gradient(180deg,#5aa863,#397840)}.hand-card__spell-meta{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#4a3b2e;background:#ffffff70;border:1px solid rgba(60,40,20,.08)}.hand-card__selected-badge{position:absolute;top:8px;right:8px;padding:4px 6px;border-radius:999px;font-size:10px;line-height:1;font-weight:700;color:#47290d;background:linear-gradient(180deg,#ffd88b,#e2ad3b);border:1px solid rgba(103,63,18,.22)}.card-preview{position:fixed;width:300px;max-width:calc(100vw - 24px);z-index:46;padding:16px;border-radius:18px;color:#f7eedf;background:linear-gradient(180deg,#3c2715fa,#1c120bfa);border:1px solid rgba(244,218,168,.18);box-shadow:0 18px 48px #120c0857,inset 0 0 0 1px #fff1d40d;pointer-events:none}.card-preview__art{height:126px;margin-bottom:14px;border-radius:14px;border:1px solid rgba(255,241,212,.12);background:linear-gradient(180deg,#ffffff1a,#140c083d),linear-gradient(135deg,rgba(255,255,255,.14),transparent 48%),var(--preview-art) center / cover no-repeat}.card-preview__header{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.card-preview__cost{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-family:var(--font-title);font-size:24px;font-weight:900;color:#2f1a08;background:linear-gradient(180deg,#f4d382,#cb9432)}.card-preview__title-group{display:grid;gap:4px}.card-preview__name{font-family:var(--font-title);font-size:22px;font-weight:700;line-height:1.1}.card-preview__type,.card-preview__family{font-size:12px;letter-spacing:.04em;color:#f7eedfb8}.card-preview__stats{display:flex;gap:8px;margin-top:12px}.card-preview__stat{min-width:32px;height:26px;display:grid;place-items:center;padding:0 8px;border-radius:999px;font-size:13px;font-weight:800;color:#fff9ee}.card-preview__stat--atk{background:linear-gradient(180deg,#cd5a4f,#a83831)}.card-preview__stat--hp{background:linear-gradient(180deg,#5aa863,#397840)}.card-preview__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.card-preview__tag{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#f6dfad;background:#ffdc8c1a;border:1px solid rgba(255,220,140,.16)}.card-preview__spell{margin-top:12px;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:700;color:#d9caf3;background:#bea4ec1a;border:1px solid rgba(190,164,236,.12)}.card-preview__desc{margin-top:12px;font-size:13px;line-height:1.5;color:#f7eedfeb}.card-preview__flavor{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;line-height:1.45;color:#f7eedf94;font-style:italic}@media(max-width:1200px){#hero-picker{grid-template-columns:repeat(2,minmax(0,1fr))}#game-screen{grid-template-columns:1fr;grid-template-areas:"top" "battle" "log" "hand"}#battle-log{min-height:320px}}@media(max-width:900px){#enemy-area,#player-area,.hero-panel__face{grid-template-columns:1fr}.hero-panel__portrait{min-height:140px}}@media(max-width:720px){#app{padding:10px}#hero-picker{grid-template-columns:1fr}#hero-select{min-height:auto}.top-bar__title{font-size:20px}.hero-panel__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hand-card{min-width:170px;max-width:188px}.board-cell{min-width:136px}#river{font-size:18px;letter-spacing:.2em}}.overlay{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:30}.animation-layer{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.anim-damage-number,.anim-heal-number{position:absolute;font-family:var(--font-title);font-weight:900;white-space:nowrap;pointer-events:none;animation:anim-float-up .7s ease-out forwards}.anim-damage-number{font-size:28px;color:#e34a3f;text-shadow:0 2px 6px rgba(160,30,24,.42),0 0 2px rgba(0,0,0,.22)}.anim-heal-number{font-size:26px;color:#2ea84a;text-shadow:0 2px 6px rgba(30,140,50,.34),0 0 2px rgba(0,0,0,.18)}@keyframes anim-float-up{0%{opacity:1;transform:translate(-50%) scale(1)}30%{opacity:1;transform:translate(-50%,-18px) scale(1.14)}to{opacity:0;transform:translate(-50%,-48px) scale(.86)}}.anim-unit-death,.anim-spell-cast,.anim-unit-summon,.anim-general-attach{position:absolute;pointer-events:none}.anim-unit-death{font-size:34px;color:#7a3f2d;text-shadow:0 0 10px rgba(182,76,40,.28);animation:anim-unit-death .52s ease-out forwards}@keyframes anim-unit-death{0%{opacity:.92;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.68) rotate(12deg) translateY(18px)}}.anim-spell-cast,.anim-general-attach,.anim-unit-summon{width:58px;height:58px;border-radius:50%}.anim-spell-cast{background:radial-gradient(circle,rgba(195,174,237,.92),rgba(129,108,196,.44),transparent 72%);animation:anim-spell-flash .38s ease-out forwards}.anim-general-attach{background:radial-gradient(circle,rgba(255,221,138,.92),rgba(214,153,52,.4),transparent 72%);animation:anim-spell-flash .36s ease-out forwards}.anim-unit-summon{background:radial-gradient(circle,rgba(239,208,132,.86),rgba(191,144,54,.3),transparent 74%);animation:anim-summon-pop .36s ease-out forwards}@keyframes anim-spell-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.26)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}to{opacity:0;transform:translate(-50%,-50%) scale(1.62)}}@keyframes anim-summon-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.34) translateY(12px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06) translateY(-4px)}to{opacity:0;transform:translate(-50%,-50%) scale(1.42) translateY(-10px)}}.anim-attack-slash{position:absolute;width:var(--anim-attack-length, 72px);height:18px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,#fff0,#fff0bcf2 22%,#ffb242eb 55%,#d6522229);box-shadow:0 0 10px #ffe4a56b,0 0 22px #d6522233;transform-origin:center;mix-blend-mode:screen;animation:anim-attack-slash .32s ease-out forwards}@keyframes anim-attack-slash{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--anim-attack-angle, 0deg)) scaleX(.35)}35%{opacity:1;transform:translate(-50%,-50%) rotate(var(--anim-attack-angle, 0deg)) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--anim-attack-angle, 0deg)) scaleX(1.25)}}.anim-hero-shake{animation:anim-hero-shake .3s ease-out}@keyframes anim-hero-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.anim-xiangyu-transform{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,rgba(195,48,28,.56),rgba(118,18,10,.26),transparent 74%);animation:anim-xiangyu-transform .8s ease-out forwards}@keyframes anim-xiangyu-transform{0%{opacity:0}25%{opacity:1}to{opacity:0}}.overlay.hidden{display:none!important}.overlay--visible{display:grid!important}.overlay-card{pointer-events:none;border-radius:16px;border:1px solid rgba(255,238,202,.22);box-shadow:0 14px 40px #160e0947;backdrop-filter:blur(4px)}.overlay-card--turn{padding:12px 20px;color:#fff5dd;font-family:var(--font-title);font-size:24px;letter-spacing:.16em;background:linear-gradient(180deg,#45311beb,#2d1f11eb);animation:overlay-fade-in .16s ease-out}.overlay-card--player{box-shadow:0 0 0 2px #6fbcc838,0 14px 40px #160e0947}.overlay-card--enemy{box-shadow:0 0 0 2px #e2ad3b38,0 14px 40px #160e0947}.overlay-card--gameover{pointer-events:auto;width:min(520px,calc(100vw - 24px));padding:18px;color:#f4ebda;background:linear-gradient(180deg,#342314f2,#23170ef5);border-color:#ffdca02e;display:grid;gap:10px;animation:overlay-fade-in .18s ease-out}.overlay-card--mulligan{pointer-events:auto;width:min(580px,calc(100vw - 24px));padding:18px;color:#f4ebda;background:linear-gradient(180deg,#3c2917f5,#261a10f7);border-color:#ffdca033;display:grid;gap:10px;animation:overlay-fade-in .18s ease-out;box-shadow:0 0 0 1px #e6b14724,0 18px 46px #120b0757}.overlay-card--graveyard{pointer-events:auto;width:min(700px,calc(100vw - 24px));max-height:72vh;padding:18px;color:#f4ebda;background:linear-gradient(180deg,#2a1c10f7,#1c120afa);border-color:#ffdca02e;display:grid;gap:14px;animation:overlay-fade-in .18s ease-out;overflow:auto}#replay-overlay{z-index:38}.overlay-card--replay{pointer-events:auto;width:min(980px,calc(100vw - 24px));max-height:86vh;padding:18px;color:#f4ebda;background:linear-gradient(180deg,#2a1c10f7,#1c120afa);border-color:#ffdca02e;display:grid;gap:14px;animation:overlay-fade-in .18s ease-out;overflow:auto}.overlay-card--settings{pointer-events:auto;width:min(560px,calc(100vw - 24px));padding:18px;color:#f4ebda;background:linear-gradient(180deg,#2a1c10f7,#1c120afa);border-color:#ffdca02e;display:grid;gap:14px;animation:overlay-fade-in .18s ease-out}.settings-grid{display:grid;gap:12px}.settings-item{display:grid;gap:8px;padding:10px 12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);font-size:13px}.settings-item input[type=checkbox]{justify-self:start}.settings-item input[type=range],.settings-item select{width:100%}.replay-viewer__summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#f4ebdad1}.replay-viewer__board{display:grid;gap:12px}.replay-side{display:grid;gap:10px;padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.replay-viewer__river{text-align:center;padding:8px 10px;border-radius:999px;font-family:var(--font-title);letter-spacing:.18em;color:#f0f3f3;background:linear-gradient(90deg,#5f8f96f2,#44767df5)}.replay-hero{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(244,218,168,.12)}.replay-hero__name{font-family:var(--font-title);font-size:16px;font-weight:700}.replay-hero__stats{font-size:12px;color:#f2e8d6db}.replay-row{display:grid;gap:8px}.replay-row__header{font-size:12px;font-weight:700;color:#f5d59c}.replay-row__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.replay-unit{min-height:76px;display:grid;align-content:start;gap:4px;padding:8px;border-radius:10px;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border:1px solid rgba(255,255,255,.08)}.replay-unit--empty{place-items:center;color:#f2e8d66b;border-style:dashed}.replay-unit__name{font-size:13px;font-weight:700;line-height:1.2}.replay-unit__stats{font-size:13px;color:#f4ebdaeb}.replay-unit__meta{font-size:11px;color:#f2e8d69e}.replay-viewer__footer{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#f2e8d6b3}.replay-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px;background:#0000002e;border-radius:12px}.replay-controls button{min-width:44px;padding:8px 10px;font-size:14px}.graveyard-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.graveyard-col__title{font-family:var(--font-title);font-size:15px;font-weight:700;color:#f5d59c;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(244,218,168,.15)}.graveyard-entry{display:grid;grid-template-columns:auto 1fr auto auto;gap:6px;align-items:center;padding:6px 8px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);margin-bottom:4px;font-size:13px}.graveyard-entry__badge{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#ffffff1a;font-size:12px;font-weight:700}.graveyard-entry__name{font-weight:700}.graveyard-entry__stats{font-size:12px;color:#f2e8d6b3}.graveyard-entry__general{grid-column:2 / -1;font-size:11px;color:#d4a830}.graveyard-entry__round{font-size:11px;color:#f2e8d680}.graveyard-empty{font-size:13px;color:#f2e8d673;padding:12px;text-align:center}.overlay-card__title{font-family:var(--font-title);font-size:24px;font-weight:700;color:#ffe1a1}.overlay-card__body{font-size:14px;line-height:1.45;color:#f4ebdaf0}.overlay-card__tip{font-size:12px;line-height:1.4;color:#f4ebdab8}.overlay-card__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.overlay-card__actions button{pointer-events:auto;padding:8px 12px;font-weight:700;background:linear-gradient(180deg,#f2d48a,#c69233);color:#2f1b08;border-color:#41280b38}@keyframes pulse-target{0%{box-shadow:0 0 0 2px #d18b224d,0 0 0 6px #d18b2214,inset 0 0 0 1px #5b3e2114}to{box-shadow:0 0 0 2px #d18b227a,0 0 0 10px #d18b221f,inset 0 0 0 1px #5b3e2114}}@keyframes overlay-fade-in{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){#game-screen{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"top" "battle" "hand" "log"}#battlefield{padding:10px}#enemy-area,#player-area{grid-template-columns:1fr}.hero-panel{order:-1}}@media(max-width:720px){#app{padding:8px}#hero-picker{grid-template-columns:1fr}.top-bar__main{flex-direction:column;align-items:flex-start}.top-bar__mode{margin-top:4px}.top-bar__hotkeys{margin-top:6px}.board-cell{min-height:86px;min-width:90px}.hero-panel__actions,.graveyard-columns,.replay-row__grid{grid-template-columns:1fr}.hand-card{min-width:112px}.overlay-card--turn{font-size:20px;padding:10px 16px}}