:root{--ink:#e3e9df;--muted:#91a097;--deep:#0b110d;--panel:rgba(24,34,28,.95);--panel2:#202d25;--line:rgba(216,228,211,.14);--jade:#82b79a;--jade2:#bbdac5;--gold:#c9ac6d;--red:#b75f4e;--shadow:0 22px 70px rgba(0,0,0,.38);--serif:"Noto Serif TC","Songti TC","STSong",serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--deep)}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--serif);background:radial-gradient(circle at 75% 6%,rgba(130,183,154,.12),transparent 28%),linear-gradient(140deg,#111914,#090e0b);overflow-x:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.world-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;opacity:.7}.world-bg:after{content:"";position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.sun{position:absolute;width:240px;height:240px;right:8vw;top:1vh;border-radius:50%;background:radial-gradient(circle,rgba(190,113,77,.3),rgba(190,113,77,.05) 58%,transparent 70%)}.mountain{position:absolute;left:-5%;right:-5%;bottom:-2%}.mountain.far{height:64%;opacity:.2;background:#53665a;clip-path:polygon(0 100%,0 67%,8% 54%,15% 60%,27% 30%,35% 54%,46% 41%,54% 56%,66% 20%,76% 53%,86% 37%,100% 64%,100% 100%)}.mountain.near{height:46%;opacity:.32;background:#17231c;clip-path:polygon(0 100%,0 61%,12% 38%,23% 70%,39% 33%,53% 65%,68% 44%,82% 68%,92% 41%,100% 61%,100% 100%)}.mist{position:absolute;width:72vw;height:8vh;border-radius:50%;background:rgba(200,215,197,.06);filter:blur(18px);animation:drift 18s ease-in-out infinite alternate}.mist.one{top:34%;left:-10%}.mist.two{top:63%;right:-15%;animation-duration:25s;animation-delay:-6s}@keyframes drift{to{transform:translateX(25vw) scaleX(1.15)}}
.game-shell{position:relative;z-index:1;max-width:1580px;min-height:100vh;margin:auto;padding:22px clamp(16px,3vw,44px) 36px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;min-height:78px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand p,.brand h1{margin:0}.brand p{color:var(--gold);font-size:9px;letter-spacing:.22em}.brand h1{margin-top:3px;font-size:clamp(24px,2.3vw,34px);font-weight:500;letter-spacing:.08em}.seal{display:grid;place-items:center;width:47px;height:47px;color:#f3e6d5;background:var(--red);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 4px rgba(70,20,14,.15);font-size:26px;transform:rotate(-3deg)}.world-clock{text-align:center}.world-clock span,.world-clock strong{display:block}.world-clock span{color:var(--muted);font-size:11px}.world-clock strong{margin-top:5px;color:#d9c59e;font-size:12px}.header-actions{display:flex;justify-content:flex-end;gap:7px}.icon-button,.text-button{height:38px;border:1px solid var(--line);background:rgba(17,25,20,.65);color:var(--muted);cursor:pointer}.icon-button{width:38px;border-radius:50%}.text-button{min-width:52px;padding:0 10px;font-size:11px}.icon-button:hover,.text-button:hover{border-color:rgba(213,226,207,.32);color:var(--ink);background:var(--panel2)}.text-button.danger:hover{color:#db8776}.icon-button.muted{color:#59655d}
.status-ribbon{display:grid;grid-template-columns:120px minmax(210px,1fr) repeat(5,60px);align-items:center;gap:8px;margin:17px 0;padding:10px;border:1px solid var(--line);background:rgba(15,22,18,.82);box-shadow:0 12px 42px rgba(0,0,0,.16);backdrop-filter:blur(14px)}.realm-badge{padding:4px 10px;border-right:1px solid var(--line)}.realm-badge span{display:block;color:var(--muted);font-size:8px}.realm-badge strong{display:block;margin-top:4px;color:var(--jade2);font-size:14px}.status-meter{padding:0 12px}.status-meter>div{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--muted);font-size:9px}.status-meter>b{display:block;height:5px;overflow:hidden;background:#080d0a}.status-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4f7c63,#a2c7ab);box-shadow:0 0 12px rgba(130,183,154,.55);transition:width .5s}.mini-stat{height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border-left:1px solid var(--line)}.mini-stat span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#111813;font-size:13px}.mini-stat b{font-size:13px}.vitality span{background:#b66f62}.qi span{background:#79a98f}.mind span{background:#90a7b1}.karma span{background:#c9ac6d}.demon span{background:#8d647e}
.main-grid{display:grid;grid-template-columns:minmax(255px,.82fr) minmax(470px,1.55fr) minmax(260px,.83fr);gap:15px;align-items:start}.panel{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,rgba(30,41,34,.95),rgba(18,26,21,.95));box-shadow:var(--shadow);backdrop-filter:blur(13px)}.panel:before{content:"";position:absolute;inset:5px;border:1px solid rgba(215,228,210,.04);pointer-events:none}.panel-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:19px 19px 13px;border-bottom:1px solid var(--line)}.panel-heading.compact{padding:15px 16px 11px}.panel-heading small{display:block;color:var(--gold);font-size:8px;letter-spacing:.22em}.panel-heading h2{margin:3px 0 0;font-size:15px}.panel-heading em{padding:5px 7px;border:1px solid rgba(201,172,109,.22);color:var(--gold);font-size:8px;font-style:normal}
.map-panel,.story-panel{min-height:642px}.map{position:relative;height:490px;margin:4px 13px 0;overflow:hidden}.map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent,#0f1712 79%),repeating-linear-gradient(22deg,transparent 0 16px,rgba(255,255,255,.02) 17px);pointer-events:none}.map svg{position:absolute;inset:0;width:100%;height:100%}.map svg path{fill:none;stroke:rgba(177,195,178,.22);stroke-width:1.5;stroke-dasharray:4 6}.map-node{position:absolute;left:var(--x);top:var(--y);z-index:2;display:flex;flex-direction:column;align-items:center;width:108px;padding:0;border:0;background:transparent;cursor:pointer;transform:translate(-50%,-50%)}.map-node i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:7px;border:1px solid #687c70;border-radius:50% 48% 46% 52%;background:#26362c;box-shadow:0 7px 18px rgba(0,0,0,.3);font-style:normal;font-size:19px;transition:.22s}.map-node span{font-size:11px;font-weight:700;text-shadow:0 2px 3px #0b100d}.map-node small{margin-top:2px;color:#748178;font-size:8px}.map-node:hover:not(:disabled) i{transform:translateY(-3px);border-color:var(--jade)}.map-node.active i{color:#121b15;background:var(--jade);border-color:var(--jade2);box-shadow:0 0 0 5px rgba(130,183,154,.08),0 9px 22px rgba(0,0,0,.34)}.map-node.active small{color:var(--jade)}.map-node.locked{filter:grayscale(1);opacity:.4;cursor:not-allowed}.map-hint{margin:0 19px 16px;padding-top:10px;border-top:1px solid var(--line);color:#718077;font-size:8px;text-align:center}
.chapter-marker{display:flex;align-items:center;gap:10px;padding:15px 21px 11px;color:var(--muted);font-size:8px}.chapter-marker i{flex:1;height:1px;background:var(--line)}.story-card{margin:0 15px;border:1px solid var(--line);background:rgba(10,16,12,.34)}.story-illustration{position:relative;display:grid;place-items:center;height:190px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(158,190,167,.28),transparent 8%),linear-gradient(160deg,transparent 0 40%,rgba(9,15,11,.6) 41% 53%,transparent 54%),linear-gradient(24deg,transparent 0 46%,rgba(50,72,58,.7) 47% 62%,transparent 63%),linear-gradient(120deg,#30463a,#101812 70%)}.story-illustration:before,.story-illustration:after{content:"";position:absolute;border-radius:50%;background:rgba(219,229,216,.08);filter:blur(14px)}.story-illustration:before{width:65%;height:20%;left:-7%;top:31%}.story-illustration:after{width:58%;height:15%;right:-4%;bottom:17%}.story-illustration[data-scene=town]{background:linear-gradient(155deg,transparent 0 45%,rgba(12,19,14,.72) 46% 59%,transparent 60%),linear-gradient(120deg,#6c5b42,#172219 72%)}.story-illustration[data-scene=marsh]{background:radial-gradient(circle at 70% 32%,rgba(205,219,180,.22),transparent 13%),repeating-radial-gradient(ellipse at 50% 120%,transparent 0 23px,rgba(27,49,38,.7) 25px 34px),linear-gradient(145deg,#284a3c,#0f1a16)}.story-illustration[data-scene=valley]{background:radial-gradient(circle at 52% 70%,rgba(221,100,61,.31),transparent 20%),linear-gradient(150deg,transparent 0 39%,rgba(27,19,14,.72) 40% 58%,transparent 59%),linear-gradient(120deg,#693c30,#171512 75%)}.story-illustration[data-scene=tomb]{background:repeating-linear-gradient(72deg,transparent 0 31px,rgba(164,181,173,.12) 32px 33px),radial-gradient(circle at 50% 70%,rgba(164,198,181,.28),transparent 22%),linear-gradient(130deg,#273c34,#101613)}.scene-glyph{position:relative;z-index:1;color:rgba(225,234,221,.7);font-size:72px;text-shadow:0 7px 25px #000;transform:rotate(-4deg)}.scene-caption{position:absolute;z-index:2;left:13px;bottom:12px;padding:5px 9px;border-left:2px solid var(--gold);background:rgba(9,14,11,.65);font-size:8px}.story-copy{min-height:192px;padding:18px 21px 20px}.story-tag{margin:0 0 4px!important;color:var(--gold)!important;font-size:8px!important}.story-copy h2{margin:0;font-size:clamp(23px,2.3vw,32px);font-weight:500}.story-copy>p{min-height:48px;margin:8px 0 13px;color:#a8b3a8;font-size:11px;line-height:1.8}.choices{display:grid;gap:7px}.choice-button{display:flex;justify-content:space-between;gap:10px;width:100%;padding:10px 11px;border:1px solid var(--line);background:rgba(43,57,47,.46);text-align:left;cursor:pointer}.choice-button:hover:not(:disabled){border-color:rgba(130,183,154,.5);background:rgba(58,78,64,.56);transform:translateX(3px)}.choice-button span{font-size:10px}.choice-button em{color:var(--gold);font-size:8px;font-style:normal;white-space:nowrap}.choice-button:disabled{opacity:.38}
.action-deck{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 15px 15px}.action-card{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;min-height:60px;padding:8px 9px;border:1px solid var(--line);background:rgba(34,47,39,.72);text-align:left;cursor:pointer}.action-card>i{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;color:var(--jade2);background:#142119;font-style:normal}.action-card b,.action-card small{display:block}.action-card b{font-size:10px}.action-card small{max-width:150px;overflow:hidden;margin-top:3px;color:#78867d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.action-card em{color:#7b887f;font-size:7px;font-style:normal}.action-card:hover:not(:disabled){border-color:rgba(130,183,154,.5);background:rgba(50,70,57,.82);transform:translateY(-2px)}.action-card.breakthrough:not(:disabled){border-color:rgba(201,172,109,.48);background:linear-gradient(110deg,rgba(92,71,38,.35),rgba(43,53,44,.75))}.action-card.breakthrough:not(:disabled)>i{color:#292215;background:var(--gold)}.action-card:disabled{opacity:.38;cursor:not-allowed}
.right-stack{display:grid;gap:15px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:10px 11px;background:var(--line)}.resource-grid>div{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:6px;padding:9px 7px;background:#17211b}.resource-grid i{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);color:var(--gold);font-style:normal}.resource-grid span{color:var(--muted);font-size:8px}.resource-grid b{font-size:11px}.technique-card{margin:2px 11px 12px;padding:10px 11px;border-left:2px solid var(--jade);background:rgba(10,16,12,.4)}.technique-card span{color:var(--muted);font-size:7px}.technique-card strong{display:block;margin-top:3px;color:var(--jade2);font-size:12px}.technique-card p{margin:4px 0 0;color:#77847b;font-size:8px}.relations{display:grid;gap:5px;padding:9px 12px 12px}.empty-state{margin:10px;color:#68756d;font-size:8px;text-align:center}.relation{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:7px;padding:7px;border:1px solid var(--line)}.relation>i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#172018;background:var(--gold);font-style:normal}.relation b,.relation small{display:block}.relation b{font-size:9px}.relation small{color:var(--muted);font-size:7px}.relation em{color:var(--jade);font-size:8px;font-style:normal}.relation.hostile>i{color:#fff;background:#864d43}.relation.hostile em{color:#c87a6b}.log-panel ol{max-height:188px;margin:0;padding:8px 13px 13px;overflow:auto;list-style:none}.log-panel li{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid rgba(215,226,211,.06)}.log-panel time{color:var(--gold);font-size:7px}.log-panel li span{color:#909c93;font-size:8px}
.modal-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:21px;background:rgba(5,9,6,.78);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:.28s}.modal-layer.visible{opacity:1;visibility:visible}.origin-dialog,.combat-dialog,.ending-dialog{position:relative;width:min(870px,95vw);max-height:calc(100vh - 40px);overflow:auto;padding:clamp(23px,4vw,44px);border:1px solid rgba(201,172,109,.28);background:linear-gradient(145deg,#1e2a22,#101712);box-shadow:0 35px 100px rgba(0,0,0,.68);text-align:center}.origin-dialog:before,.combat-dialog:before,.ending-dialog:before{content:"";position:absolute;inset:8px;border:1px solid var(--line);pointer-events:none}.eyebrow{margin:0;color:var(--gold);font-size:9px}.intro-seal{position:absolute;left:26px;top:26px;display:grid;place-items:center;width:38px;height:38px;background:var(--red);font-size:21px}.origin-dialog h2,.ending-dialog h2{margin:6px 0 8px;font-size:clamp(30px,4vw,46px);font-weight:500}.intro-copy{max-width:620px;margin:0 auto 23px;color:var(--muted);font-size:11px;line-height:1.9}.origin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.origin-card{min-height:235px;padding:23px 18px 17px;border:1px solid var(--line);background:rgba(31,43,35,.68);cursor:pointer}.origin-card.sword{--accent:#a9c8c9}.origin-card.alchemy{--accent:#9ac49c}.origin-card.demon{--accent:#c4786f}.origin-card:hover{border-color:var(--accent);transform:translateY(-5px)}.origin-card>span{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 11px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:37px}.origin-card small,.origin-card strong,.origin-card em{display:block}.origin-card small{color:var(--gold);font-size:8px}.origin-card strong{margin-top:4px;font-size:16px}.origin-card p{height:40px;color:var(--muted);font-size:9px}.origin-card em{padding-top:9px;border-top:1px solid var(--line);color:var(--accent);font-size:8px;font-style:normal}.intro-footnote{margin:17px 0 0;color:#69766d;font-size:8px}.combat-dialog{width:min(750px,95vw)}.modal-close{position:absolute;right:14px;top:11px;border:0;background:transparent;color:#8c978e;font-size:26px}.combat-arena{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:13px}.combatant{display:grid;justify-items:center}.portrait{display:grid;place-items:center;width:90px;height:90px;margin-bottom:9px;border-radius:50%;font-size:45px}.enemy-portrait{border:1px solid #8f574a;background:radial-gradient(circle,#694137,#251a17)}.player-portrait{border:1px solid #658c76;background:radial-gradient(circle,#3e6850,#17231b)}.combatant>span{color:var(--muted);font-size:7px}.combatant h2{margin:2px 0 8px;font-size:14px}.combat-bar{width:min(175px,28vw);height:7px;overflow:hidden;background:#080c09}.combat-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#82483e,#c17967);transition:width .4s}.player .combat-bar i{background:linear-gradient(90deg,#4e8064,#91bba1)}.combatant>small{margin-top:5px;color:#7f8b82;font-size:8px}.versus{color:var(--gold);font-size:32px}.intent-box{display:flex;justify-content:center;gap:9px;margin:22px auto 0;padding:10px;border:1px solid rgba(183,95,78,.22);font-size:9px}.intent-box span{color:#c77969}.combat-message{min-height:22px;margin:13px 0;color:var(--muted);font-size:9px}.combat-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.combat-action{min-height:61px;padding:8px;border:1px solid var(--line);background:rgba(42,57,47,.62);cursor:pointer}.combat-action:hover:not(:disabled){border-color:var(--jade)}.combat-action b,.combat-action small{display:block}.combat-action b{font-size:10px}.combat-action small{margin-top:4px;color:var(--muted);font-size:7px}.combat-action:disabled{opacity:.35}.ending-dialog{width:min(610px,94vw)}.ending-glyph{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 17px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:47px}.ending-dialog>p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.9}.ending-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:19px 0}.ending-stats div{padding:10px 5px;border:1px solid var(--line)}.ending-stats span,.ending-stats b{display:block}.ending-stats span{color:var(--muted);font-size:7px}.ending-stats b{color:var(--jade2);font-size:13px}.primary-button{min-width:155px;padding:11px 21px;border:1px solid var(--gold);color:#211c12;background:var(--gold);font-weight:700}.toast-region{position:fixed;z-index:80;right:22px;bottom:22px}.toast{min-width:215px;margin-top:7px;padding:11px 13px;border:1px solid var(--line);background:#18221c;font-size:9px}.toast.good{border-left:3px solid var(--jade)}.toast.bad{border-left:3px solid var(--red)}.toast.fade{animation:fade .35s both}@keyframes fade{to{opacity:0;transform:translateX(15px)}}.pulse{animation:pulse .4s}@keyframes pulse{50%{filter:brightness(1.45);transform:scale(1.04)}}.shake{animation:shake .35s}@keyframes shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@media(max-width:1120px){.main-grid{grid-template-columns:minmax(250px,.8fr) minmax(460px,1.4fr)}.right-stack{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.topbar{grid-template-columns:1fr auto}.world-clock{display:none}.status-ribbon{grid-template-columns:110px minmax(190px,1fr) repeat(5,53px)}}@media(max-width:780px){.game-shell{padding:11px 9px}.brand p{display:none}.brand h1{font-size:23px}.seal{width:39px;height:39px}.status-ribbon{grid-template-columns:repeat(5,1fr);margin:10px 0}.realm-badge{grid-column:span 2}.status-meter{grid-column:span 3}.mini-stat{border-top:1px solid var(--line);border-left:0}.main-grid{grid-template-columns:1fr}.story-panel{order:-1}.map-panel,.story-panel{min-height:auto}.map{height:365px}.right-stack{grid-column:auto;grid-template-columns:1fr}.story-illustration{height:150px}.origin-grid{grid-template-columns:1fr;max-height:58vh;overflow:auto}.origin-card{min-height:auto}.intro-seal{display:none}.combat-dialog{padding:27px 13px}.portrait{width:69px;height:69px}.combat-actions{grid-template-columns:1fr 1fr}}@media(max-width:480px){.brand h1{font-size:19px}.header-actions .text-button{display:none}.action-deck{grid-template-columns:1fr}.story-copy{padding:15px}.ending-stats{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Version 2: origins, builds, artifacts and milestone battles */
.hidden{display:none!important}.wide-dialog{width:min(960px,96vw)}.legacy-banner{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;padding:8px 12px;border:1px solid rgba(201,172,109,.25);background:rgba(201,172,109,.05);font-size:9px}.legacy-banner span{color:var(--gold);letter-spacing:.14em}.legacy-banner strong{color:var(--jade2);font-weight:500}.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.background-card{display:grid;grid-template-columns:64px 1fr;gap:14px;min-height:152px;padding:18px;border:1px solid var(--line);background:rgba(31,43,35,.68);text-align:left;cursor:pointer;transition:.22s}.background-card:hover{border-color:var(--gold);background:rgba(48,57,43,.88);transform:translateY(-4px)}.background-card>span{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(201,172,109,.48);border-radius:50%;color:var(--gold);font-size:25px}.background-card small,.background-card strong,.background-card em{display:block}.background-card small{color:var(--gold);font-size:8px;letter-spacing:.15em}.background-card strong{margin-top:4px;font-size:14px}.background-card p{min-height:34px;margin:7px 0;color:var(--muted);font-size:9px;line-height:1.6}.background-card em{padding-top:7px;border-top:1px solid var(--line);color:var(--jade2);font-size:8px;font-style:normal}.back-choice{display:block;margin:-6px 0 10px;border:0;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}.back-choice:hover{color:var(--gold)}
.fate-clock{display:flex;justify-content:space-between;gap:8px;margin:0 18px 7px;padding:9px 10px;border:1px solid rgba(183,95,78,.2);background:rgba(83,37,30,.12);font-size:8px}.fate-clock span{color:#9b8177}.fate-clock strong{color:#d8ad81;font-weight:500}
.artifact-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;margin:0 11px 9px;padding:10px;border:1px solid rgba(201,172,109,.2);background:linear-gradient(120deg,rgba(201,172,109,.07),rgba(10,16,12,.35))}.artifact-glyph{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(201,172,109,.4);border-radius:50%;color:var(--gold);font-size:17px}.artifact-card small,.artifact-card strong,.artifact-card p{display:block;margin:0}.artifact-card small{color:var(--muted);font-size:7px}.artifact-card strong{margin-top:2px;font-size:10px}.artifact-card p{margin-top:3px;color:#748077;font-size:7px;line-height:1.45}.artifact-card em{color:var(--gold);font-size:8px;font-style:normal}.skill-book{margin:0 11px 12px;padding:9px 10px;border:1px solid var(--line);background:rgba(10,16,12,.28)}.skill-book>div:first-child{display:flex;justify-content:space-between}.skill-book small,.skill-book em{color:var(--muted);font-size:7px;font-style:normal}.skill-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.skill-chip{padding:4px 6px;border:1px solid rgba(130,183,154,.22);color:var(--jade2);background:rgba(130,183,154,.06);font-size:7px}.empty-skill{color:#647068;font-size:7px}
.draft-dialog{position:relative;width:min(820px,95vw);padding:clamp(24px,4vw,42px);border:1px solid rgba(201,172,109,.3);background:linear-gradient(145deg,#1e2a22,#101712);box-shadow:0 35px 100px rgba(0,0,0,.68);text-align:center}.draft-dialog h2{margin:6px 0;font-size:clamp(27px,3.2vw,40px);font-weight:500}.draft-dialog>p:not(.eyebrow){margin:0 0 20px;color:var(--muted);font-size:10px}.draft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.draft-card{position:relative;min-height:195px;padding:18px 15px;border:1px solid var(--line);background:rgba(37,51,42,.7);text-align:left;cursor:pointer;transition:.22s}.draft-card:hover{border-color:var(--gold);background:rgba(52,67,55,.9);transform:translateY(-5px)}.draft-card>i{display:grid;place-items:center;width:39px;height:39px;margin-bottom:12px;border:1px solid rgba(201,172,109,.35);border-radius:50%;color:var(--gold);font-style:normal}.draft-card small,.draft-card strong,.draft-card span,.draft-card em{display:block}.draft-card small{color:var(--muted);font-size:7px;letter-spacing:.12em}.draft-card strong{margin:4px 0 7px;font-size:14px}.draft-card span{min-height:48px;color:#95a39a;font-size:8px;line-height:1.6}.draft-card em{padding-top:8px;border-top:1px solid var(--line);color:var(--jade2);font-size:8px;font-style:normal}
.boss-phase{margin:-12px auto 14px;color:var(--gold);font-size:8px;letter-spacing:.18em}.combat-status{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;min-height:24px;margin:15px 0 5px}.status-chip{padding:4px 7px;border:1px solid var(--line);color:var(--jade2);background:rgba(130,183,154,.06);font-size:7px}.status-chip.enemy-status{color:#dc9c88;border-color:rgba(183,95,78,.24);background:rgba(183,95,78,.06)}.combat-actions{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.combat-action.featured{border-color:rgba(201,172,109,.4);background:rgba(91,68,35,.26)}.combat-action .cost{color:var(--gold)}.modal-close:disabled{display:none}.legacy-result{margin:14px auto;padding:10px;border:1px solid rgba(201,172,109,.25);color:var(--gold);background:rgba(201,172,109,.05);font-size:9px}
@media(max-width:780px){.background-grid,.draft-grid{grid-template-columns:1fr}.background-grid{max-height:58vh;overflow:auto}.background-card{min-height:auto}.draft-grid{max-height:62vh;overflow:auto}.draft-card{min-height:135px}.artifact-card{grid-template-columns:36px 1fr auto}.combat-status{margin-top:10px}}