*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #241710;--bg-1: #2f2013;--wood: #6b4a2f;--wood-hi: #8a6543;--wood-lo: #3a2818;--panel: #3a2a1c;--panel-hi: #4a3626;--sand: #e8d5a8;--parch: #d9c091;--teal: #2a9d8f;--teal-lo: #1c6b64;--gold: #f0c040;--gold-lo: #c88a1e;--red: #d0563f;--green: #5c9a4a;--green-hi: #7bc063;--text: #f3e6cf;--muted: #b09a7a;--t0: #b87333;--t1: #cfd6de;--t2: #f0c040;--t3: #64d6e6}body{background:radial-gradient(1200px 600px at 50% -10%,#3d2a19 0%,transparent 60%),linear-gradient(165deg,var(--bg-1),var(--bg-0));background-attachment:fixed;color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;min-height:100vh}#app{max-width:1160px;margin:0 auto;padding:14px}.muted{color:var(--muted)}.small{font-size:12px}.spacer{flex:1}.hidden{display:none!important}button{background:linear-gradient(180deg,var(--wood-hi),var(--wood));color:var(--text);border:1px solid var(--wood-lo);padding:8px 14px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;box-shadow:0 1px #ffffff14 inset,0 2px 4px #00000059;transition:filter .12s,transform .08s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:linear-gradient(180deg,#4a3626,#3a2a1c)}.btn-ghost.active{border-color:var(--teal);color:#bff0e8}.btn-gold{background:linear-gradient(180deg,var(--gold),var(--gold-lo));color:#2a1c08;border-color:#7a5410}.btn-green{background:linear-gradient(180deg,var(--green-hi),var(--green));color:#14240c;border-color:#3a5c2c}.btn-danger{background:linear-gradient(180deg,#e0705a,var(--red));border-color:#8a2e1e;color:#fff}#login-screen{display:flex;align-items:center;justify-content:center;min-height:84vh}.login-card{background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--wood-lo);border-radius:14px;padding:32px 28px;width:320px;text-align:center;box-shadow:0 10px 40px #00000080,0 0 0 4px #f0c0400f;display:flex;flex-direction:column;gap:14px}.login-card h1{font-size:2rem;color:var(--gold);letter-spacing:4px;text-shadow:0 2px 6px rgba(0,0,0,.5)}.login-sub{color:var(--muted);margin-top:-8px;letter-spacing:2px}.form-group{display:flex;flex-direction:column;gap:5px;text-align:left}.form-group label{color:var(--muted);font-size:12px;letter-spacing:1px}.form-group input{background:#241811;border:1px solid var(--wood-lo);color:var(--text);padding:9px 12px;border-radius:6px;font-size:14px;outline:none}.form-group input:focus{border-color:var(--gold)}#topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;margin-bottom:12px;background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--wood-lo);border-radius:12px;box-shadow:0 3px 10px #0006}#topbar .brand{font-size:20px;font-weight:800;color:var(--gold);letter-spacing:3px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.day-dial{display:flex;align-items:baseline;gap:4px;background:#241811;border:1px solid var(--wood-lo);border-radius:20px;padding:4px 14px}.dial-day{font-size:20px;font-weight:800;color:var(--teal)}.dial-sep{color:var(--muted);font-size:12px}.dial-hour{color:var(--parch);font-weight:700;margin-left:6px}#play-area{display:flex;flex-direction:column;gap:12px}.shelf-block{background:linear-gradient(180deg,#4a362680,#3a2a1c80);border:1px solid var(--wood-lo);border-radius:12px;padding:10px 12px 12px}.shelf-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.shelf-title{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:700;text-transform:uppercase}.shelf-head .hint{color:var(--muted);font-size:11px;margin-left:auto}.shop-shelf{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;min-width:520px}.merchant{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:8px 12px;border-radius:10px;background:linear-gradient(180deg,#7a5a3859,#3a281859);border:1px solid var(--tier, var(--t0));box-shadow:inset 0 0 18px #00000059}.merchant-art{flex:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;background:radial-gradient(circle at 35% 28%,#b98a4e,#5a3c1c);border:2px solid var(--tier, var(--t0));overflow:hidden}.merchant-art img{width:100%;height:100%;object-fit:cover;border-radius:50%}.merchant-name{font-size:14px;font-weight:800;color:var(--gold);letter-spacing:1px}.merchant-blurb{font-size:11px;color:var(--muted);margin-top:2px}.scard{position:relative;overflow:hidden;background:radial-gradient(circle at 35% 30%,#7a5a38,#3a2818);border:2px solid var(--tier, var(--t0));border-radius:9px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 3px 8px #0006;transition:transform .1s,box-shadow .12s}.scard.size1,.rcard.size1,.rcell{aspect-ratio:1/2}.scard.size2,.rcard.size2{aspect-ratio:1/1}.scard.size3,.rcard.size3{aspect-ratio:3/2}.scard.size1{grid-column:span 1}.scard.size2{grid-column:span 2}.scard.size3{grid-column:span 3}.scard:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0009}.scard.sel{box-shadow:0 0 0 3px var(--gold),0 8px 18px #00000080;transform:translateY(-4px)}.scard.cant{filter:grayscale(.4) brightness(.85)}.scard-price{position:absolute;top:5px;right:5px;z-index:2;font-size:11px;font-weight:800;color:#1a0e04;background:#f0c040eb;border-radius:10px;padding:1px 7px}.scard.cant .scard-price{color:var(--red);background:#dc3c32d9}.scard-info{position:relative;z-index:1;background:linear-gradient(to top,rgba(12,6,2,.95) 55%,transparent);padding:22px 7px 7px;display:flex;flex-direction:column;gap:4px}.scard-name{font-size:11px;font-weight:700;color:#f0e0c0;line-height:1.2}.scard-foot{display:flex;gap:5px;align-items:center}.tier-dot{background:var(--tier, var(--t0));color:#1a0e04;border-radius:8px;padding:1px 6px;font-weight:800;font-size:10px}.size-tag{background:#ffffff26;color:#e0d0b0;border-radius:8px;padding:1px 6px;font-weight:700;font-size:10px}.scard.sold{background:repeating-linear-gradient(45deg,#2c1f13,#2c1f13 8px,#332415 8px,#332415 16px);border:2px dashed var(--wood-lo);border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:default}.sold-x{color:var(--muted);font-size:12px;letter-spacing:2px}#status-bar{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--wood-lo);border-radius:12px;padding:10px 14px}.hero-badge{width:48px;height:48px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#241811;background:radial-gradient(circle at 35% 30%,var(--gold),var(--gold-lo));border:2px solid #7a5410;box-shadow:0 0 0 3px #f0c04026}.bars{flex:1;display:flex;flex-direction:column;gap:7px}.hp-bar{position:relative;height:22px;border-radius:11px;background:#241811;border:1px solid var(--wood-lo);overflow:hidden}.hp-fill{height:100%;width:100%;background:linear-gradient(180deg,var(--green-hi),var(--green));transition:width .3s ease}.hp-fill.low{background:linear-gradient(180deg,#e0705a,var(--red))}.hp-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.mini-stats{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:12px;color:var(--parch);background:#241811;border:1px solid var(--wood-lo);border-radius:12px;padding:3px 9px}.chip b{color:var(--text)}.chip.gold-chip b{color:var(--gold)}.chip.prestige-chip b{color:#c79bff}#board-section{overflow-x:auto}.board-shelf{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;min-width:520px}.bcell.locked{border:1.5px dashed rgba(80,60,30,.35);background:#0a060273;cursor:not-allowed;display:flex;align-items:center;justify-content:center}.slot-lock{font-size:14px;opacity:.35}.bcard,.bcell{border-radius:9px;-webkit-user-select:none;user-select:none}.bcard.size1,.bcell{aspect-ratio:1/2}.bcard.size2{aspect-ratio:1/1}.bcard.size3{aspect-ratio:3/2}.bcell{border:1.5px dashed var(--wood-lo);background:#140e0880;display:flex;align-items:flex-start;justify-content:flex-start;cursor:default;position:relative}.bcell.droppable{border-color:var(--teal);background:#2a9d8f1f;cursor:pointer}.bcell.droppable:hover{background:#2a9d8f38}.bcard{position:relative;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 35% 30%,#7a5a38,#3a2818);border:2px solid var(--tier, var(--t0));display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 3px 8px #00000073;transition:transform .1s,box-shadow .12s}.bcard:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0009}.bcard.sel{box-shadow:0 0 0 3px var(--gold),0 8px 18px #00000080;transform:translateY(-4px)}.bcard-top{position:relative;z-index:1;background:linear-gradient(to bottom,rgba(12,6,2,.78) 0%,transparent);padding:4px 5px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.bcard-info{position:relative;z-index:1;background:linear-gradient(to top,rgba(12,6,2,.92) 50%,transparent);padding:14px 5px 5px}.bcard-name{font-size:11px;font-weight:700;color:#f0e0c0;text-align:center;line-height:1.15}.slot-i{color:#ffe6b480;font-size:9px;font-weight:700}.bcell .slot-i{position:absolute;top:4px;left:5px;color:var(--muted)}.tier0{--tier: var(--t0)}.tier1{--tier: var(--t1)}.tier2{--tier: var(--t2)}.tier3{--tier: var(--t3)}.stash-shelf{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;min-width:520px}.stcard{position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#7a5a38,#3a2818);border:2px solid var(--tier, var(--t0));border-radius:9px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 3px 8px #0006;transition:transform .1s,box-shadow .12s}.stcard.size1{aspect-ratio:1/2}.stcard.size2{aspect-ratio:1/1}.stcard.size3{aspect-ratio:3/2}.stcard:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0009}.stcard.sel{box-shadow:0 0 0 3px var(--gold),0 8px 18px #00000080;transform:translateY(-4px)}.stcard-info{position:relative;z-index:1;background:linear-gradient(to top,rgba(12,6,2,.93) 55%,transparent);padding:14px 4px 4px}.stcard-name{font-size:10px;font-weight:700;color:#f0e0c0;text-align:center;line-height:1.1}.stash-slot-empty{aspect-ratio:1/2;border:1.5px dashed rgba(80,60,30,.35);background:#0a060273;border-radius:8px}.stash-slot-empty.droppable{border-color:var(--teal);cursor:pointer}.stash-slot-empty.droppable:hover{background:#00b4a01a}.shelf-block.droppable{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}#action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--wood-lo);border-radius:12px;padding:10px 12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#140c06b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-card{background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--wood-lo);border-radius:16px;padding:28px 32px;text-align:center;max-width:520px;box-shadow:0 20px 60px #0009,0 0 0 4px #f0c04012}.overlay-card h2{color:var(--gold);letter-spacing:4px;margin-bottom:8px}.hero-grid{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.hero-btn{padding:12px 16px;font-size:14px}.hero-btn.ghost{background:linear-gradient(180deg,#4a3626,#3a2a1c)}#dead-screen h2{color:var(--red)}#dead-screen .btn-green{margin-top:16px}.pve-grid{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:14px}.mcard{width:132px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#4a2a24,#331a16);border:2px solid var(--tier, var(--t0));border-radius:11px;padding:12px 10px;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:7px;box-shadow:0 4px 12px #00000080;transition:transform .1s,box-shadow .12s}.mcard:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0009;border-color:var(--gold)}.mcard-tier{font-size:11px;color:var(--tier, var(--t0));font-weight:800;letter-spacing:1px}.tier-gem{display:inline-block;width:9px;height:9px;margin-right:5px;transform:rotate(45deg);vertical-align:middle;background:var(--tier, var(--t0));border:1px solid rgba(255,255,255,.55);box-shadow:0 0 5px var(--tier, var(--t0))}.mcard-art{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;background:radial-gradient(circle at 35% 28%,#8a3a2e,#3a140e);border:2px solid var(--tier, var(--t0))}.mcard-name{font-size:13px;font-weight:700;text-align:center;line-height:1.15}.mcard-hp{font-size:12px;color:#f0937f;font-weight:700}.mcard-reward{font-size:11px;color:var(--gold)}.mcard-go{margin-top:2px;width:100%;text-align:center;padding:6px 0;background:linear-gradient(180deg,#e0705a,var(--red));color:#fff;border-radius:6px;font-weight:800;font-size:13px;letter-spacing:2px}.lcard{position:relative;overflow:hidden;width:128px;height:180px;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 28%,#7a5a38,#3a2818);border:2px solid var(--tier, var(--t0));border-radius:11px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 4px 12px #00000080;transition:transform .1s,box-shadow .12s}.lcard:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0009}.lcard-info{position:relative;z-index:1;background:linear-gradient(to top,rgba(12,6,2,.96) 60%,transparent);padding:24px 8px 8px;display:flex;flex-direction:column;gap:5px;align-items:center}.lcard-name{font-size:13px;font-weight:800;color:#f0e0c0;text-align:center;line-height:1.15}.lcard-foot{display:flex;gap:6px;align-items:center}.lcard-go{width:100%;text-align:center;padding:6px 0;background:linear-gradient(180deg,var(--gold),var(--gold-lo));color:#1a0e04;border-radius:6px;font-weight:800;font-size:13px;letter-spacing:2px}#day-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#0a060200;opacity:0}#day-splash.animating{animation:daySplashBg 1.8s ease forwards;pointer-events:all}.day-splash-text{font-size:64px;font-weight:900;letter-spacing:10px;color:var(--gold);opacity:0;text-shadow:0 0 48px rgba(240,192,64,.7),0 2px 8px rgba(0,0,0,.9)}#day-splash.animating .day-splash-text{animation:daySplashText 1.8s ease forwards}@keyframes daySplashBg{0%{background:#0a060200;opacity:1}15%,72%{background:#0a0602e0;opacity:1}to{background:#0a060200;opacity:0}}@keyframes daySplashText{0%{opacity:0;transform:scale(.65) translateY(12px)}22%{opacity:1;transform:scale(1) translateY(0)}72%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1.1) translateY(-8px)}}.replay-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;background:linear-gradient(180deg,#241a12,#17100a);padding-bottom:172px}.rsec-head{font-size:12px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:var(--muted);padding:7px 22px;background:#0000004d;border-top:1px solid rgba(255,255,255,.04)}.replay-title{font-size:20px;font-weight:800;letter-spacing:3px;color:var(--parch)}.replay-title.won{color:var(--green-hi)}.replay-title.lost{color:#f0937f}.replay-divider{text-align:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#00000040}.replay-side-header{padding:2px 0}.battle-name-hp-row{display:flex;align-items:center;gap:8px;padding:3px 16px}.battle-name-hp-row .hpbar-row{margin:0;flex:1;min-width:0}.battle-char-name{font-size:12px;font-weight:700;color:var(--parch);white-space:nowrap}.hero-skill-row{display:flex;align-items:center;justify-content:center;padding:4px 10px;gap:6px}.skill-group{display:flex;gap:4px;align-items:center}.hero-skill-row .hero-card{flex:none;cursor:default}.hero-skill-row .replay-opp-hero{background:radial-gradient(circle at 40% 30%,#8a3a2e,#3a140e)}.rsec-encounter{display:flex;align-items:center;justify-content:center;padding:16px;min-height:118px}.opp-portrait{width:92px;height:92px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:800;color:#f0d0b0;background:radial-gradient(circle at 40% 30%,#8a3a2e,#3a140e);border:2px solid var(--wood-lo);box-shadow:0 4px 12px #00000080}.replay-board{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;padding:10px 22px;max-width:1200px;margin:0 auto;width:100%}.replay-skills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:6px 22px 10px}.replay-skills .rcard{width:56px;height:80px;flex:none}.rskill-empty{width:56px;height:80px;flex:none;border-radius:9px;border:1.5px dashed rgba(80,60,30,.4);background:#0a060247;display:flex;align-items:center;justify-content:center}.rskill-empty:before{content:"";display:block;width:20px;height:20px;border:1.5px solid rgba(140,100,50,.35);transform:rotate(45deg);border-radius:3px}.rcell{border-radius:9px;border:1.5px dashed rgba(80,60,30,.28);background:#0a060252}.rcell.locked{border-color:#503c1e24;background:#06040280}.rcard{position:relative;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 35% 30%,#7a5a38,#3a2818);border:2px solid var(--tier, var(--t0));display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 2px 6px #0006}.rcard-cd{position:absolute;top:0;left:0;right:0;height:0%;z-index:2;background:#00000080;pointer-events:none;border-bottom:1px solid rgba(255,235,170,.35)}.rcard-tier{position:absolute;left:5px;bottom:5px;z-index:4;background:var(--tier, var(--t0));color:#1a0e04;border-radius:7px;padding:1px 6px;font-size:10px;font-weight:800}.rcard-name{position:relative;z-index:3;padding:12px 4px 5px;background:linear-gradient(to top,rgba(12,6,2,.95) 55%,transparent);font-size:10px;font-weight:700;color:#f0e0c0;text-align:center;line-height:1.1}.rcard.firing{animation:flash .32s ease}@keyframes flash{0%{box-shadow:0 2px 6px #0006;filter:brightness(1);transform:translateY(0)}35%{box-shadow:0 0 0 3px var(--gold),0 0 20px 5px #f0c040d9;filter:brightness(1.6);transform:translateY(-6px)}to{box-shadow:0 2px 6px #0006;filter:brightness(1);transform:translateY(0)}}.hpbar-row{display:flex;align-items:center;gap:8px;margin:4px 22px}.replay-hpbar{position:relative;height:26px;border-radius:5px;overflow:hidden;background:#14100a;border:1px solid var(--wood-lo);flex:1}.replay-hp-fill{height:100%;width:100%;transition:width .28s ease;background:linear-gradient(180deg,#6fae3f,#4a7328)}.replay-hp-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);z-index:1}#replay-footer{position:fixed;top:14px;right:20px;z-index:64;display:flex;gap:10px;align-items:center}.replay-continue{padding:12px 24px;font-size:15px;letter-spacing:1px;box-shadow:0 6px 20px #0009}.replay-restart,.replay-pause{padding:10px 18px;font-size:14px}.dot-badges{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;gap:3px;align-items:center;z-index:2}.dot-badge{font-size:12px;font-weight:800;padding:1px 5px;border-radius:4px;animation:dotPulse 1.4s ease-in-out infinite}.dot-badge.shield{background:#2878dcbf;color:#c8e8ff}.dot-badge.regen{background:#28b450bf;color:#c0ffcc}.dot-badge.burn{background:#c83c14bf;color:#ffdd80}.dot-badge.poison{background:#783cb4bf;color:#e8c8ff}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.6}}#replay-fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:61;pointer-events:none}.attack-line{fill:none;stroke:#f0c25a;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(240,190,90,.8));animation:lineFade .5s ease-out forwards}.burn-line{stroke:#ff7a30;filter:drop-shadow(0 0 4px rgba(255,100,30,.9))}.poison-line{stroke:#60e050;filter:drop-shadow(0 0 4px rgba(80,200,60,.9))}@keyframes lineFade{0%{opacity:0}18%{opacity:1}to{opacity:0}}.attack-dot{fill:#f0c25a;filter:drop-shadow(0 0 4px rgba(240,190,90,1))}.burn-dot{fill:#ff7a30;filter:drop-shadow(0 0 5px rgba(255,100,30,1))}.poison-dot{fill:#60e050;filter:drop-shadow(0 0 5px rgba(80,200,60,1))}#replay-log{position:fixed;left:0;right:0;bottom:0;height:150px;z-index:62;background:#000000d1;border-top:1px solid var(--wood-lo);overflow-y:auto;padding:6px 22px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;color:#b6c298;line-height:1.55}.rlog-line{white-space:nowrap}.rlog-line.rlog-fire{color:#8a9270}.rlog-line.rlog-heal{color:#80dd90}.rlog-line.rlog-burn{color:#ffaa50}.rlog-line.rlog-poison{color:#c8f}.float-num{position:fixed;z-index:62;pointer-events:none;transform:translate(-50%);font-size:16px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.9);animation:floatUp .85s ease-out forwards}.float-num.dmg{color:#ff6a4d}.float-num.heal{color:#7be063}.float-num.shield{color:#7ad0e6}.float-num.status{color:#cfe0ff}.float-num.burn{color:#ffcc50;font-size:14px}.float-num.poison{color:#a0f070;font-size:14px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,4px) scale(.8)}20%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.card-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.card-art-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff6;z-index:0}#card-tooltip{position:fixed;z-index:9999;pointer-events:none;background:#1a0e06;border:1px solid rgba(180,130,60,.4);border-radius:10px;padding:11px 14px;width:240px;box-shadow:0 6px 24px #000c;opacity:0;transition:opacity .1s;top:0;left:0;font-size:12px;color:#d0c0a0}#card-tooltip.show{opacity:1}.tip-name{font-size:15px;font-weight:800;color:#f0d870;margin-bottom:5px;line-height:1.2}.tip-head-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.tip-tier-badge{background:var(--t0);color:#1a0e04;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:800}.tip-sub{background:#785a288c;color:#e0c88a;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700}.tip-size{color:var(--muted);font-size:11px;margin-left:auto}.tip-active-row{display:flex;gap:10px;align-items:flex-start;border-top:1px solid rgba(180,130,60,.2);padding-top:7px;margin-top:2px}.tip-cd-col{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:38px;flex-shrink:0;padding-top:2px}.tip-cd-num{font-size:22px;font-weight:900;color:#aacce0;line-height:1}.tip-cd-unit{font-size:10px;color:#7a9db8;margin-top:1px}.tip-ability-col{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.tip-multicast{font-size:12px;color:#f0d870;font-weight:700}.tip-descs{border-top:1px solid rgba(180,130,60,.2);padding-top:6px;display:flex;flex-direction:column;gap:4px}.tip-descs.tip-passives{margin-top:2px}.tip-desc{line-height:1.45;font-size:12px;color:#d0c0a0}.tip-icon{color:#f0d870;margin:0 1px}.tip-cur{color:#f0e060;font-weight:800}.tip-tags{display:flex;gap:5px;flex-wrap:wrap;padding-top:6px;border-top:1px solid rgba(180,130,60,.2);margin-top:4px}.tip-kw{color:#c890ff;font-size:11px;font-weight:700;background:#8c3cc82e;border-radius:5px;padding:1px 7px}.tip-price{color:#a0c890;font-size:11px;margin-top:6px;border-top:1px solid rgba(180,130,60,.2);padding-top:5px}#dynamic-panel{overflow-x:auto}.choice-grid{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:14px}.choice-card{width:150px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,var(--panel-hi),#2f2013);border:2px solid var(--wood-lo);border-radius:12px;padding:18px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px 12px #00000080;transition:transform .1s,box-shadow .12s,border-color .12s}.choice-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0009;border-color:var(--gold)}.choice-card.ct1:hover{border-color:var(--gold)}.choice-card.ct2:hover{border-color:#c79bff}.choice-card.ct3:hover{border-color:var(--green-hi)}.choice-ico{font-size:40px;line-height:1;display:flex;align-items:center;justify-content:center}.choice-merchant-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.choice-name{font-size:16px;font-weight:800;color:var(--text);letter-spacing:1px}.choice-sub{font-size:11px;color:var(--muted)}.event-card{max-width:460px}.event-desc{color:var(--parch);font-size:14px;line-height:1.6;margin:12px 0 6px}.event-opts{display:flex;flex-direction:column;gap:10px;margin-top:16px}.event-opt{width:100%;padding:12px 16px;text-align:center;background:linear-gradient(180deg,var(--wood-hi),var(--wood));border:1px solid var(--wood-lo);border-radius:8px;color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:filter .12s,transform .08s,border-color .12s}.event-opt:hover{filter:brightness(1.12);border-color:var(--gold)}.event-opt:active{transform:translateY(1px)}.event-opt.disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}.event-opt.disabled:hover{filter:grayscale(.6);border-color:var(--wood-lo)}.perk-chip{color:#7be0a0;font-weight:700}#error-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:linear-gradient(180deg,#e0705a,var(--red));color:#fff;padding:14px 28px;border-radius:16px;font-size:15px;font-weight:700;opacity:0;transition:opacity .3s;pointer-events:none;max-width:360px;box-shadow:0 8px 28px #000000a6;text-align:center}#error-toast.show{opacity:1}#result-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;background:linear-gradient(180deg,var(--green-hi),var(--green));color:#14240c;padding:10px 22px;border-radius:20px;font-size:15px;font-weight:800;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:0 6px 20px #00000080;letter-spacing:1px}#result-toast.show{opacity:1}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#140c0680;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--gold);pointer-events:none;opacity:0;transition:opacity .2s}#loading.show{opacity:1;pointer-events:all}#hero-panel{display:flex;align-items:stretch;justify-content:center;gap:14px;padding:4px 2px}.skill-col{flex:1;display:flex;gap:8px;align-items:center;min-width:0}.skill-col.left{justify-content:flex-end}.skill-col.right{justify-content:flex-start}.skcard,.skcard-empty{width:60px;aspect-ratio:1/1;border-radius:50%;flex:none}.skcard-empty{border:1.5px dashed var(--wood-lo);background:#140e0880}.skcard{position:relative;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 35% 30%,#7a5a38,#3a2818);border:2px solid var(--tier, var(--t0));display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 3px 8px #00000073;transition:transform .1s,box-shadow .12s}.skcard:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0009}.skcard.sel{box-shadow:0 0 0 3px var(--gold),0 6px 14px #00000080;transform:translateY(-3px)}.skcard .card-art-img,.skcard .card-art-txt{border-radius:50%}.skcard-name{position:relative;z-index:1;background:linear-gradient(to top,rgba(12,6,2,.92) 60%,transparent);font-size:9px;font-weight:700;color:#f0e0c0;text-align:center;line-height:1.1;padding:8px 2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card{position:relative;flex:none;width:132px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;cursor:default;background:radial-gradient(circle at 40% 30%,#7a5a38,#2a1c10);border:2px solid var(--gold);box-shadow:0 6px 18px #0000008c,0 0 0 3px #f0c0401f;display:flex;flex-direction:column;justify-content:flex-end}.hero-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-art-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:800;color:#fff6;z-index:0}.hero-lv{position:absolute;top:6px;left:6px;z-index:1;font-size:11px;font-weight:800;color:#241811;background:radial-gradient(circle at 35% 30%,var(--gold),var(--gold-lo));border:1.5px solid #7a5410;border-radius:10px;padding:1px 7px}.hero-info{position:relative;z-index:1;background:linear-gradient(to top,rgba(12,6,2,.94) 55%,transparent);padding:16px 6px 7px}.hero-name{font-size:13px;font-weight:800;color:#f7e9c8;text-align:center;margin-bottom:4px}.hero-hp{position:relative;height:16px;border-radius:8px;background:#241811;border:1px solid var(--wood-lo);overflow:hidden}.hero-hp-fill{height:100%;background:linear-gradient(180deg,var(--green-hi),var(--green));transition:width .3s ease}.hero-hp-fill.low{background:linear-gradient(180deg,#e0705a,var(--red))}.hero-hp-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.hero-xp{position:relative;height:12px;border-radius:6px;margin-top:3px;background:#1a1428;border:1px solid #4a3870;overflow:hidden}.hero-xp-fill{height:100%;background:linear-gradient(180deg,#a080e8,#6040c0);transition:width .3s ease}.hero-xp-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#d0c0f8;text-shadow:0 1px 2px rgba(0,0,0,.8)}