:root{color-scheme:dark;--bg:#0d1b1b;--surface:#172b29;--gold:#dfbc77;--muted:#a8b8b0;--line:#65817750;--ink:#f2ead8;--teal:#94d6bb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'Microsoft Yahei',sans-serif;font-size:16px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#19332f;border-radius:5px;padding:10px 17px;transition:.18s}button:hover:not(:disabled){border-color:var(--gold);background:#28453e}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.gold{background:var(--gold);color:#17201c;border-color:var(--gold);font-weight:700}.gold:hover:not(:disabled){background:#f1d79f}h1,h2,h3,.serif{font-family:'Songti SC','Noto Serif CJK SC',SimSun,serif}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.small{font-size:14px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;border-bottom:1px solid var(--line);gap:12px}.brand{letter-spacing:5px;font-family:SimSun,serif;font-size:24px;color:var(--gold)}.brand small{font-family:system-ui;font-size:12px;letter-spacing:2px;display:block;margin-top:5px;color:var(--muted)}.nav{display:flex;gap:8px}.nav button{font-size:14px;padding:8px 12px;background:transparent}.home{min-height:100svh;background:linear-gradient(180deg,#07151420,#07151450 35%,#071514 96%),url('world.png') center 35%/cover}.home .topbar{background:#0b1d2180}.home-content{max-width:1000px;margin:auto;text-align:center;padding:70px 24px 40px}.eyebrow{letter-spacing:6px;font-size:13px;color:#f1d9a9;text-transform:uppercase}.home h1{font-size:clamp(64px,10vw,116px);letter-spacing:16px;font-weight:500;margin:20px 0;text-shadow:0 5px 35px #001411}.intro{font-size:18px;letter-spacing:4px;text-shadow:0 2px 7px #000}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:670px;margin:55px auto 24px}.choice{padding:24px;text-align:left;background:#102321e8;border:1px solid #526d60;position:relative}.choice.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.choice strong{font-size:27px;display:block;font-family:SimSun,serif;letter-spacing:4px;margin:8px 0}.choice p{font-size:14px;color:#c5d2c7;line-height:1.8;margin-bottom:0}.choice .seal{float:right;color:var(--gold);border:1px solid var(--gold);padding:5px;writing-mode:vertical-rl;letter-spacing:4px}.start{min-width:240px;padding:15px 25px;font-size:18px;letter-spacing:4px}.home-foot{margin:20px auto;color:#becbbf;font-size:14px}.game{min-height:100svh;background:linear-gradient(#0b1c1ced,#0b1c1cfa),url('world.png') center/cover fixed}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;max-width:1440px;margin:auto;padding:20px 28px}.arena{min-width:0}.master{display:flex;align-items:center;gap:16px;padding:10px 0}.avatar{width:48px;height:48px;border:1px solid var(--gold);display:grid;place-items:center;font-family:SimSun;font-size:24px;color:var(--gold);background:#20372e}.master-name{font-size:17px;font-weight:600}.master-sub{font-size:13px;color:var(--muted);margin-top:4px}.vitals{margin-left:auto;text-align:right}.hp{color:#f3a497;font-weight:700;font-size:22px}.qi{color:#9fd7d0;font-size:14px;display:block;margin-top:3px}.track{height:4px;background:#493330;width:110px;margin-top:4px}.track i{display:block;height:100%;background:#df9481}.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:162px;margin:10px 0}.slot{display:flex;align-items:center;justify-content:center;min-height:162px;border:1px dashed #45625960;color:#658177;font-size:14px;border-radius:5px}.unit{padding:0;overflow:hidden;background:#1a302d;text-align:left;position:relative;border-color:#627e6c;min-width:0}.unit-art{height:54px;background-image:linear-gradient(90deg,#112b2920,#112b29aa),url('world.png');background-size:cover,350%;background-position:center,10% 50%;border-bottom:1px solid var(--line)}.unit.body .unit-art{background-position:center,95% 50%}.unit-title{padding:8px 11px 3px;display:flex;justify-content:space-between;font-family:SimSun;font-size:18px}.unit-meta{padding:0 11px;font-size:12px;color:var(--muted)}.unit-stats{display:flex;justify-content:space-between;padding:8px 11px;font-size:15px}.ready{border-color:#82caae;box-shadow:0 0 14px #4eb39d20}.selected{outline:2px solid var(--gold);outline-offset:2px}.target{border-color:var(--gold)!important;box-shadow:0 0 15px #dfbc7730}.extras{display:flex;gap:8px;min-height:34px;flex-wrap:wrap;align-items:center;font-size:13px}.extra{border:1px solid var(--line);padding:6px 10px;background:#152825;font-size:13px}.divider{display:flex;gap:14px;align-items:center;margin:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0}.turn-label{color:var(--gold);font-family:SimSun;font-size:19px}.hint{flex:1;color:#c3d3c9;font-size:14px}.hand-label{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin:16px 0 10px}.hand{display:flex;gap:10px;overflow-x:auto;padding:4px 3px 15px;scrollbar-color:#506e60 transparent}.card{flex:0 0 148px;min-height:204px;padding:12px;text-align:left;position:relative;background:linear-gradient(145deg,#284139,#142722);border-color:#658177;display:flex;flex-direction:column;gap:7px}.card.playable{border-color:#9bc6ae}.card .cost{height:25px;width:25px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;border-radius:50%;font-weight:bold}.card .type{font-size:12px;letter-spacing:2px;color:var(--muted)}.card strong{font-family:SimSun;font-size:19px;color:#f0e6cf}.card .description{font-size:13px;line-height:1.6;color:#bfcec3;flex:1}.card .stats{font-size:14px;color:var(--gold)}.side{border-left:1px solid var(--line);padding-left:22px}.side h3{font-size:19px;font-weight:400;letter-spacing:3px;color:var(--gold);margin-bottom:12px}.side p{font-size:14px;line-height:1.8}.log{max-height:380px;overflow:auto;list-style:none;padding:0}.log li{font-size:13px;line-height:1.7;padding:9px 0;border-bottom:1px solid #65817725;color:var(--muted)}.log li:first-child{color:var(--ink)}.inspect{border:1px solid var(--line);padding:17px;min-height:160px;margin-bottom:24px}.inspect strong{display:block;font-family:SimSun;font-size:22px;margin:8px 0;color:var(--gold)}.inspect button{width:100%;margin-top:10px}.response{padding:15px;border:1px solid var(--gold);background:#343425;margin:12px 0}.response p{margin-bottom:10px}.response button{margin:3px}.winner{background:#142a25;padding:30px;border:1px solid var(--gold);text-align:center;margin:16px 0}.winner h2{font-size:35px;color:var(--gold)}dialog{background:#122522;color:var(--ink);border:1px solid #8c9a74;border-radius:8px;width:min(1000px,94vw);max-height:88svh;padding:26px}dialog::backdrop{background:#00100ddb;backdrop-filter:blur(6px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.modal-head h2{margin:0;color:var(--gold)}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}.catalog .card{min-height:210px}.rules{line-height:1.9;max-width:750px}.rules h3{color:var(--gold);margin-top:25px}.filters{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#dfbc77;color:#11221b;border-radius:5px;z-index:10;max-width:90vw;font-size:14px}.mobile-inspect{display:none}footer{text-align:center;font-size:12px;color:var(--muted);padding:16px}.rules li{margin-bottom:7px}@media(max-width:1000px){.layout{grid-template-columns:1fr;padding:16px}.side{display:none}.mobile-inspect{display:block;margin-top:12px}.mobile-inspect .inspect{min-height:0;margin:0}.mobile-inspect .inspect p{margin-bottom:4px;font-size:14px}.mobile-inspect .inspect button{width:auto}.home-content{padding-top:45px}}@media(max-width:600px){.topbar{padding:12px}.brand{font-size:20px;letter-spacing:3px}.brand small{font-size:10px}.nav{gap:4px}.nav button{font-size:12px;padding:7px 8px}.home h1{font-size:66px;letter-spacing:10px}.home-content{padding:32px 16px}.intro{font-size:15px;letter-spacing:2px}.choices{margin-top:34px;gap:10px}.choice{padding:15px}.choice strong{font-size:24px}.choice p{font-size:13px}.choice .seal{display:none}.layout{padding:10px}.row{gap:7px;min-height:145px}.slot{min-height:145px}.unit-title{font-size:15px;padding:7px}.unit-meta{font-size:12px;padding:0 7px}.unit-stats{padding:7px;font-size:13px}.unit-art{height:40px}.avatar{width:36px;height:40px}.master{gap:9px}.master-name{font-size:15px}.master-sub{font-size:12px}.track{width:80px}.hp{font-size:19px}.divider{gap:8px;flex-wrap:wrap}.divider .hint{min-width:100%;order:3}.divider button{font-size:14px;padding:8px 12px}.turn-label{flex:1;font-size:17px}.card{flex-basis:140px}.extras{font-size:12px}.extra{font-size:12px;padding:5px 7px}dialog{padding:18px}.catalog{grid-template-columns:1fr 1fr}}
.zone-caption{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px;color:var(--muted);font-size:14px;gap:8px}.grave-button{font-size:14px;border-color:#a99a774f;background:#2b3027;padding:7px 12px;color:#decba5}.spell-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.spell-slot{min-height:108px;position:relative;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0}.spell-slot>span:not(.slot-number){font-family:SimSun,serif;font-size:17px}.spell-slot small{font-size:12px;color:var(--muted);line-height:1.5}.spell-slot.empty{border-style:dashed;background:#0a1d1840;color:#78988b}.spell-slot.facedown{background:repeating-linear-gradient(45deg,#263c3620,#263c3620 7px,#9e895c15 7px,#9e895c15 8px),#172923;border-color:#9e895c}.spell-slot.faceup{background:linear-gradient(130deg,#29443b,#192d28)}.spell-slot.resolving{border-color:#eed395;box-shadow:0 0 20px #dcb76550}.slot-number{position:absolute;top:5px;left:8px;font-size:12px;color:#98af9d}.cost-copy{display:block;color:#e0c78e;font-size:14px;line-height:1.7;margin-bottom:6px}.card .description{font-size:14px}.card{min-height:260px;flex-basis:168px}.inspect p{font-size:14px;line-height:1.8}.inspect{position:sticky;top:12px;background:var(--bg);z-index:1}.grave-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.grave-list article{padding:16px;border:1px solid var(--line);background:#1a3028}.grave-list strong{font-size:20px;font-family:SimSun;display:block;margin-bottom:7px;color:var(--gold)}.grave-list p{font-size:14px;line-height:1.7;margin:8px 0}.grave-list .small{display:block}.discard-panel{border-color:#edbfa0}.hand .card[aria-pressed=true]{outline:2px solid #e7ba7b;background:#3b4230}@media(max-width:600px){.spell-row{gap:7px}.spell-slot{min-height:106px;padding:20px 5px 8px}.spell-slot>span:not(.slot-number){font-size:15px}.spell-slot small{font-size:12px}.card{flex-basis:158px}.zone-caption{font-size:13px}.grave-button{font-size:13px;padding:6px 9px}.mobile-inspect .inspect{position:static}.hand-label{gap:12px;flex-wrap:wrap}}
.unit.attack-form{max-width:180px;width:100%;justify-self:center;min-height:165px}.unit.defense-form{width:100%;align-self:center;min-height:110px;border-color:#c3b078;background:#35392b}.unit.defense-form .unit-art{height:25px}.unit.defense-form .unit-meta{color:#edd59c}.unit.defense-form .unit-stats{color:#edd59c}.row{align-items:center;min-height:170px}@media(max-width:600px){.unit.attack-form{max-width:120px;min-height:155px}.unit.defense-form{min-height:110px}.unit.defense-form .unit-art{height:18px}.row{min-height:160px}.unit-meta{line-height:1.6}}
.hidden-unit{background:repeating-linear-gradient(45deg,#192e2b,#192e2b 9px,#9b87521f 9px,#9b87521f 10px)!important;border:2px double #a48e58!important;min-height:130px!important}.card-back-seal{margin:10px auto 0;width:32px;height:32px;border:1px solid #ba9f64;display:grid;place-items:center;color:#d3b574;font-family:SimSun;font-size:21px;transform:rotate(-8deg)}.hidden-unit .unit-title{justify-content:center}.hidden-unit .unit-meta,.hidden-unit .unit-stats{text-align:center;justify-content:center;color:#c5b890}
.deck-select{width:min(680px,100%);margin:48px auto 25px;padding:22px;background:#102321e8;border:1px solid #526d60;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left}.deck-select label{font-size:14px;color:var(--muted)}select,input{font:inherit;color:var(--ink);background:#142a26;border:1px solid var(--line);border-radius:5px;padding:10px 12px;min-width:0}.deck-select select{width:100%}.deck-summary{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:13px}.deck-summary strong{font-family:SimSun;font-size:21px;color:var(--gold)}.deck-summary span{font-size:14px;color:var(--muted)}.workshop{min-height:100svh;background:linear-gradient(#0b1c1cf2,#0b1c1cfc),url('world.png') center/cover fixed}.workshop-head{max-width:1400px;margin:auto;padding:32px 30px 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.workshop-head h1{font-size:42px;letter-spacing:5px;margin:5px 0}.workshop-head p{margin-bottom:0}.workshop-toolbar{max-width:1400px;margin:auto;padding:18px 30px;display:grid;grid-template-columns:1.2fr 1.2fr .8fr auto;gap:12px;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e211fd9}.workshop-toolbar label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.toolbar-actions button{padding:10px 12px}.deck-dashboard{max-width:1400px;margin:18px auto;padding:18px 30px;display:grid;grid-template-columns:160px minmax(300px,1fr) minmax(250px,1fr) auto;align-items:center;gap:24px;background:#172b29;border:1px solid var(--line)}.deck-count{display:flex;align-items:center;gap:13px}.deck-count strong{font-size:38px;font-weight:500}.deck-count small{font-size:16px}.deck-count span{font-size:13px}.deck-count.valid span{color:var(--teal)}.deck-count.invalid span{color:#f0a394}.cost-curve{height:83px;display:flex;align-items:flex-end;gap:8px;margin-top:7px}.cost-curve div{height:100%;min-width:19px;display:grid;grid-template-rows:1fr auto;position:relative;align-items:end;text-align:center}.cost-curve i{display:block;width:100%;background:linear-gradient(var(--gold),#806f49);border-radius:2px 2px 0 0}.cost-curve span{font-size:12px;color:var(--muted);margin-top:3px}.cost-curve b{position:absolute;top:0;left:0;right:0;font-size:11px;color:#dfceb0}.deck-breakdown{display:grid;gap:6px}.deck-breakdown strong{font-size:14px;line-height:1.6}.builder-filters{max-width:1400px;margin:0 auto;padding:6px 30px 12px;display:flex;gap:8px}.builder-layout{max-width:1400px;margin:auto;padding:0 30px 40px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.builder-layout h2{font-size:21px;color:var(--gold);letter-spacing:2px}.builder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.builder-card{background:#152a26;border:1px solid var(--line);padding:13px;min-height:190px;display:flex;flex-direction:column;gap:8px}.builder-card.included{border-color:#bba465;background:#20352e}.builder-card>div:first-child{display:flex;align-items:center;gap:9px}.builder-card .cost,.deck-row .cost{width:25px;height:25px;display:inline-grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);flex:0 0 auto}.builder-card strong{font-family:SimSun;font-size:19px}.builder-card p{font-size:13px;line-height:1.6;color:var(--muted);flex:1;margin:0}.builder-stats{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-size:13px}.builder-stats span{display:flex;align-items:center;gap:8px}.builder-stats button{padding:4px 9px;font-size:18px}.deck-scroll{position:sticky;top:12px;align-self:start;max-height:calc(100svh - 25px);overflow:auto;background:#10231f;border:1px solid var(--line);padding:15px}.deck-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #65817725}.deck-row>span:nth-child(2){display:grid}.deck-row small{color:var(--muted);font-size:12px}.deck-row button{padding:6px 8px;font-size:12px}@media(max-width:1050px){.workshop-toolbar{grid-template-columns:1fr 1fr}.toolbar-actions{justify-content:flex-start}.deck-dashboard{grid-template-columns:140px 1fr}.builder-layout{grid-template-columns:1fr}.deck-scroll{position:static;max-height:none;order:-1}.deck-summary{flex-direction:column}}@media(max-width:600px){.deck-select{grid-template-columns:1fr;margin-top:30px}.deck-select label,.deck-select select,.deck-select button{width:100%}.workshop-head{padding:22px 15px 14px;align-items:flex-start}.workshop-head h1{font-size:34px}.workshop-toolbar{padding:15px;grid-template-columns:1fr}.deck-dashboard{margin:12px 15px;padding:15px;grid-template-columns:1fr;gap:15px}.builder-filters{padding:5px 15px 12px;overflow:auto}.builder-layout{padding:0 15px 30px}.builder-grid{grid-template-columns:1fr}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.deck-summary{grid-column:auto}.nav{flex-wrap:wrap;justify-content:flex-end}}