:root{--bg: #060a12;--panel: #0e1422;--panel-soft: #0b111d;--line: #1a253a;--text: #e7eef8;--muted: #8ca0ba;--accent: #00d2c7;--danger: #dd4455;--good: #22b673;--warn: #d9a93a}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans SC,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 15% -10%,#132038 0%,transparent 38%),radial-gradient(circle at 90% 10%,#221936 0%,transparent 36%),var(--bg)}#app{max-width:1500px;margin:0 auto;padding:16px}.shell{display:flex;flex-direction:column;gap:12px}.layout{display:grid;gap:12px}.layout-3{grid-template-columns:300px minmax(620px,1fr) 340px}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--panel),var(--panel-soft))}.card{padding:14px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.intro-card,.awaken-card,.result-card{padding:20px}.intro-card{max-width:860px;margin:80px auto}.awaken-card,.result-card{max-width:920px;margin:60px auto}.intro-text{margin-top:8px;line-height:1.7}.result-card.victory{border-color:#1f7358;box-shadow:0 0 0 1px #1f7358 inset}.result-card.defeat{border-color:#7d2b3b;box-shadow:0 0 0 1px #7d2b3b inset}.stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;margin-top:14px}.stat{border:1px solid #22314a;background:#101a2b;border-radius:10px;padding:10px;font-size:13px;line-height:1.45}.stat strong{display:inline-block;margin-top:3px;color:#f2f8ff}.phase-dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:#2b3346}.dot.active{background:var(--accent);box-shadow:0 0 12px var(--accent)}.title{margin:0 0 6px;font-size:24px;line-height:1.2}.version-tag{font-size:11px;font-weight:400;color:#9fb5cf;vertical-align:middle;margin-left:8px;border:1px solid #2c405e;border-radius:999px;padding:2px 8px;background:#0b1322;white-space:nowrap}.title-sm{font-size:18px;display:flex;align-items:center;gap:6px}.hero-name{margin:2px 0 8px;font-size:26px}.sub{margin:0;color:var(--muted);font-size:13px}.muted-label{margin:0 0 10px;color:#9eb0c8;font-size:12px;letter-spacing:.8px}.left-column,.center-column,.right-column{display:flex;flex-direction:column;gap:12px}.right-log{height:calc(100vh - 118px);min-height:520px}.toolbar{display:grid;grid-template-columns:180px 1fr auto;gap:8px;margin-bottom:10px}.tag{border:1px solid #21456a;background:#102036;border-radius:10px;padding:10px 12px;font-size:13px;color:#c9d8e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag.muted{border-color:#293344;background:#121c2e;color:#9baec8}.metric-row{margin-bottom:12px}.guide-card{border-color:#244f62}.guide-main{margin:0 0 8px;font-size:16px;color:#d7f6ff}.info-hub{border-color:#2a4f66}.info-chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.info-chips span{font-size:12px;border:1px solid #2d4562;background:#12223a;border-radius:999px;padding:4px 8px;color:#b8cae1}.attr-details{margin-top:10px;border-top:1px dashed #2b3f55;padding-top:8px}.attr-details summary{cursor:pointer;font-size:12px;color:#8fc8ff}.guide-steps{margin-top:10px;display:grid;grid-template-columns:1fr;gap:6px}.guide-steps span{font-size:12px;color:#8ea4bf;border-left:2px solid #2d3b53;padding-left:8px}.guide-steps .done{color:#9effd8;border-color:#1f8a67}.term-help{margin-top:10px;border-top:1px dashed #2d3e57;padding-top:8px}.term-help p{margin:4px 0;font-size:12px;color:#9cb1cb;line-height:1.45}.attr-help{border-color:#2a4f66}.attr-help-list p{margin:0;padding:6px 0;border-bottom:1px dashed #2b3f55;font-size:12px;line-height:1.45;color:#a7bbd4}.attr-help-list p:last-child{border-bottom:0}.kv-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.progress{width:100%;height:10px;border-radius:999px;background:#1d2638;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit}.progress.heat span{background:linear-gradient(90deg,#e26051,#f2bf50)}.progress.san span{background:linear-gradient(90deg,#9968ff,#d084ff)}.progress.spirit span{background:linear-gradient(90deg,#39b2ff,#2f90ff)}.progress.warn span{background:linear-gradient(90deg,#d49d35,#efc763)}.progress.luck span{background:linear-gradient(90deg,#1fc487,#37f2b1)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr))}.item-grid{border-top:1px dashed #233248;padding-top:10px}button,select{border:1px solid #29405c;border-radius:10px;background:#14253b;color:#dce8f8;padding:10px 12px;font-size:14px;line-height:1.2}button:hover,select:hover{filter:brightness(1.08)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#8ca0ba 50%),linear-gradient(135deg,#8ca0ba 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #00d2c759}option{background:#0e1422;color:#e7eef8}button.alert{border-color:#7f2a35;background:#5f1f2a}button.good{border-color:#2f7e62;background:#1f5f4a}.panel-embedded{margin-top:10px;padding:12px}.bar-wrap{margin-top:10px;background:#0f1726;border:1px solid #223654;border-radius:8px;height:26px;position:relative;overflow:hidden}.bar-green,.bar-yellow,.bar-red{position:absolute;top:0;height:100%}.bar-green{left:0;background:var(--good)}.bar-yellow{background:var(--warn)}.bar-red{background:var(--danger)}.bar-pointer{position:absolute;top:0;width:3px;height:100%;background:#fefefe;box-shadow:0 0 8px #fff}.log{margin-top:8px;overflow:auto;height:calc(100% - 40px);display:flex;flex-direction:column;gap:8px;padding-right:4px}.log-item{border-left:3px solid #2e4e74;background:#101828;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.45}.action-modal-mask{position:fixed;inset:0;display:grid;place-items:center;pointer-events:auto;background:#0308108c;z-index:80;cursor:pointer}.action-modal{cursor:default}.action-modal .actions{margin-top:12px;justify-content:flex-end}.action-modal .actions button{min-width:96px}.action-modal{min-width:320px;max-width:520px;padding:14px 16px;border-radius:12px;border:1px solid #2f4466;background:#111c2f;box-shadow:0 12px 40px #00000073}.action-modal.normal{border-color:#2f4466}.action-modal.warn{border-color:#7f3d44;background:#25151a}.action-modal.good{border-color:#2f7d62;background:#12241e}.action-modal-title{font-size:15px;font-weight:700;margin-bottom:4px}.action-modal-body{font-size:13px;color:#c6d7eb}.shop-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.shop-summary{cursor:pointer;font-size:13px;color:#9fd6ff}.arena-market-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.shop-item{border:1px solid #273a56;background:#121f32;border-radius:10px;padding:10px;display:grid;gap:6px}.shop-price{font-size:12px;color:#8ed1ff}.shop-sell{border-top:1px dashed #2c3c55;margin-top:10px;padding-top:10px}@media(max-width:1320px){.layout-3{grid-template-columns:290px 1fr}.right-column{grid-column:1 / -1}.right-log{min-height:260px;height:320px}}@media(max-width:860px){#app{padding:10px}.layout-3,.toolbar{grid-template-columns:1fr}.action-grid,.stats{grid-template-columns:repeat(2,minmax(120px,1fr))}.shop-grid{grid-template-columns:1fr}}.strategy-panel{border-color:#315073}.strategy-head,.battle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.strategy-grid{display:grid;grid-template-columns:180px 1fr;gap:10px;margin-top:10px}.strategy-grid label{display:grid;gap:6px;color:#9fb5cf;font-size:12px}.strategy-grid label:last-child{grid-template-columns:repeat(3,minmax(130px,1fr));align-items:end}.strategy-grid label:last-child:before{content:"技能顺序";grid-column:1 / -1}.strategy-desc{margin-top:10px;border-top:1px dashed #2d4562;padding-top:8px;font-size:12px;color:#b7c8de;line-height:1.55}.strategy-desc p{margin:0 0 6px}.strategy-desc ul{margin:0;padding-left:18px}.battle-panel{border-color:#674f2a;background:radial-gradient(circle at 50% 0%,rgba(217,169,58,.13),transparent 45%),linear-gradient(180deg,var(--panel),var(--panel-soft))}.battle-stage{display:grid;grid-template-columns:1fr 56px 1fr;gap:10px;align-items:stretch;margin-top:10px}.versus{display:grid;place-items:center;color:#ffd98a;font-weight:800;text-shadow:0 0 14px rgba(255,217,138,.45)}.fighter-card{position:relative;border:1px solid #2a3f5a;border-radius:12px;background:#101b2e;padding:12px;transition:border-color .18s ease}.fighter-portrait{display:grid;place-items:center;margin-bottom:8px}.encounter-preview{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0;padding:10px;border:1px solid #2a3f5a;border-radius:12px;background:#0c1424}.encounter-icon{display:grid;place-items:center}.encounter-icon .beast-icon{width:56px;height:56px;border-radius:12px;border:1px solid #4e2f48;background:radial-gradient(circle at 50% 30%,rgba(221,68,85,.14),transparent 60%),#160f1a;padding:4px;box-sizing:content-box}.encounter-info strong{color:#ffe7a6}.encounter-info p{margin:4px 0 0}.fighter-portrait .martial-icon,.fighter-portrait .beast-icon{width:56px;height:56px;border-radius:12px;border:1px solid #2c405e;background:radial-gradient(circle at 50% 30%,rgba(255,211,107,.12),transparent 60%),#0b1322;padding:4px;box-sizing:content-box}.fighter-card.enemy .fighter-portrait .martial-icon,.fighter-card.enemy .fighter-portrait .beast-icon{border-color:#4e2f48;background:radial-gradient(circle at 50% 30%,rgba(221,68,85,.14),transparent 60%),#160f1a}.fighter-card.enemy{background:#1a1420;border-color:#4e2f48}.fighter-card.active{border-color:#ffd36b;box-shadow:0 0 0 1px #ffd36b59,0 0 18px #ffd36b2e;animation:lungeRight .45s ease;z-index:2}.fighter-card.enemy.active{animation:lungeLeft .45s ease}.fighter-card.hit{animation:hitShake .4s ease,hitFlash .4s ease}.dmg-float{position:absolute;top:6px;left:50%;font-weight:800;font-size:20px;color:#ff5252;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;animation:dmgFloat .9s ease forwards;z-index:5}.dmg-float.crit{color:#ffd36b;font-size:24px}.skill-float{position:absolute;top:-20px;left:50%;font-weight:800;font-size:14px;color:#ffe083;text-shadow:0 1px 3px rgba(0,0,0,.85);white-space:nowrap;pointer-events:none;animation:skillPop .7s ease forwards;z-index:6}@keyframes skillPop{0%{transform:translate(-50%,8px) scale(.7);opacity:0}30%{transform:translate(-50%,-4px) scale(1.12);opacity:1}to{transform:translate(-50%,-12px) scale(1);opacity:0}}.el-tag{font-size:12px;font-weight:700;padding:1px 6px;border-radius:999px;margin-left:4px;vertical-align:middle}.el-fire{color:#ff6b3d;background:#ff6b3d29}.el-water{color:#3dc4ff;background:#3dc4ff29}.el-thunder{color:#ffe14d;background:#ffe14d29}.el-wind{color:#6dd97a;background:#6dd97a29}.el-earth{color:#c9a06a;background:#c9a06a29}.auth-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#aebfd5}.auth-info button{font-size:12px;padding:2px 8px}.rank-table{width:100%;border-collapse:collapse;font-size:13px}.rank-table th,.rank-table td{padding:6px 8px;border-bottom:1px solid #2a3a52;text-align:left}.rank-table th{color:#ffd98a}@keyframes lungeRight{0%{transform:translate(0)}30%{transform:translate(10px) scale(1.03)}to{transform:translate(0)}}@keyframes lungeLeft{0%{transform:translate(0)}30%{transform:translate(-10px) scale(1.03)}to{transform:translate(0)}}@keyframes hitShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes hitFlash{0%{box-shadow:0 0 #ff323200}30%{box-shadow:0 0 0 3px #ff3232d9,0 0 26px #ff32328c}to{box-shadow:0 0 #ff323200}}@keyframes dmgFloat{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-36px);opacity:0}}.fighter-name{font-size:16px;font-weight:800;margin-bottom:8px}.race-track{height:18px;border:1px solid #2b4565;border-radius:999px;background:#08101d;position:relative;overflow:hidden;margin-bottom:8px}.race-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#37d5ff,#ffe083,#37d5ff);background-size:40px 100%;animation:raceShimmer .8s linear infinite}@keyframes raceShimmer{0%{background-position:0 0}to{background-position:40px 0}}.race-track i{position:absolute;top:2px;right:6px;width:12px;height:12px;border-radius:50%;background:#fff0ae;box-shadow:0 0 12px #fff0ae}.fighter-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fighter-stats span,.stack-line{font-size:12px;color:#aebfd5;border:1px solid #273a55;background:#121f32;border-radius:999px;padding:4px 8px}.stack-line{display:inline-block;margin-top:8px;border-radius:8px}.timeline-note{margin-top:10px;border-left:3px solid #d9a93a;background:#d9a93a14;border-radius:8px;padding:10px 12px;font-size:14px;color:#f0dfba}.battle-controls{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}@media(max-width:860px){.strategy-grid,.battle-stage{grid-template-columns:1fr}.strategy-grid label:last-child{grid-template-columns:1fr}.versus{min-height:28px}}.daily-panel,.timed-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:#2d5e68}.daily-actions,.timed-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timed-panel{display:block;background:radial-gradient(circle at 20% 0%,rgba(0,210,199,.12),transparent 42%),linear-gradient(180deg,var(--panel),var(--panel-soft))}.timed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.timed-progress{margin-top:12px;height:12px}button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.2)}@media(max-width:860px){.daily-panel,.timed-head{align-items:stretch;flex-direction:column}.daily-actions,.timed-actions{justify-content:flex-start}}.top-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.top-tabs button{padding:8px 10px;font-size:13px;background:#101d31}.top-tabs button.active{border-color:#d9a93a;color:#ffe7a6;box-shadow:0 0 0 1px #d9a93a40 inset}.goal-panel{border-color:#6b5529;background:radial-gradient(circle at 8% 0%,rgba(217,169,58,.14),transparent 40%),linear-gradient(180deg,var(--panel),var(--panel-soft))}.goal-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.goal-list span{border:1px solid #384861;background:#121e31;border-radius:999px;padding:6px 10px;font-size:12px;color:#aebfd5}.goal-list span.done{border-color:#2f8b67;color:#9effd8}.page-head{margin-bottom:12px;border-bottom:1px dashed #2d3f59;padding-bottom:10px}.ring-slots,.bone-grid,.martial-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px}.ring-slot,.bone-slot{min-height:145px;border:1px solid #293b55;background:#101b2d;border-radius:12px;padding:12px}.ring-slot.empty{opacity:.75;border-style:dashed}.ring-orb{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin-bottom:10px;border:3px solid #e3e7ef;box-shadow:0 0 18px #ffffff29;font-weight:800}.ring-黄 .ring-orb{border-color:#e4c04c;color:#ffe89a;box-shadow:0 0 18px #e4c04c59}.ring-紫 .ring-orb{border-color:#a56bff;color:#d9c0ff;box-shadow:0 0 18px #a56bff59}.ring-黑 .ring-orb{border-color:#2b2f3a;color:#c8d0df;box-shadow:0 0 18px #8090b447}.ring-红 .ring-orb{border-color:#d45;color:#ffadb6;box-shadow:0 0 18px #dd445559}.ring-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.ring-tags span{font-size:11px;border:1px solid #314763;border-radius:999px;padding:3px 7px;color:#b7cbe4}.bone-slot.owned{border-color:#795fc0;box-shadow:0 0 16px #795fc024}.bone-slot p{margin:8px 0;color:#f0f4ff}.bone-slot span{color:#9fb2ce;font-size:12px;line-height:1.45}.daily-quest-card{border-color:#2d5e68}.daily-quest-list{margin-top:10px;display:grid;gap:8px}.daily-quest{border:1px solid #273a56;background:#101b2d;border-radius:10px;padding:9px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.daily-quest.done{border-color:#2d7b63}.daily-quest p{margin:4px 0 0;color:#91a5c0;font-size:12px}@media(max-width:860px){.topbar{align-items:flex-start;flex-direction:column}.top-tabs{justify-content:flex-start}.ring-slots,.bone-grid,.martial-grid{grid-template-columns:1fr}}@media(max-width:860px){html,body{min-width:0;overflow-x:hidden}body{background:radial-gradient(circle at 50% -8%,rgba(36,57,94,.72),transparent 36%),linear-gradient(180deg,#050914,#090d16)}#app{width:100%;max-width:none;padding:8px 8px calc(74px + env(safe-area-inset-bottom))}.shell,.left-column,.center-column,.right-column{gap:8px}.panel{border-radius:12px}.card,.panel-embedded{padding:10px}.topbar{position:sticky;top:0;z-index:50;padding:10px;border-radius:0 0 14px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090e19eb}.topbar .title{font-size:18px;margin-bottom:2px}.topbar .sub{font-size:11px}.top-tabs{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:70;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:6px;border:1px solid rgba(61,83,115,.9);border-radius:16px;background:#080d18f0;box-shadow:0 10px 34px #0000006b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top-tabs button{min-width:0;padding:8px 3px;border-radius:11px;font-size:11px;white-space:nowrap}.layout,.layout-3{display:flex;flex-direction:column}.left-column{order:1}.center-column{order:2}.right-column{order:3}.left-column>.card:first-child{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}.left-column>.card:first-child .muted-label{display:none}.hero-name{font-size:20px;margin:0}.left-column>.card:first-child .sub{grid-column:1 / -1}.left-column>.card:nth-child(2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.left-column>.card:nth-child(2) .muted-label{grid-column:1 / -1;margin-bottom:0}.metric-row{margin:0}.kv-row{font-size:12px;margin-bottom:4px}.progress{height:8px}.info-hub{display:none}.toolbar{grid-template-columns:1fr;gap:6px;margin-bottom:8px}.tag{padding:8px 9px;font-size:12px}.title{font-size:20px}.title-sm{font-size:15px}.sub{font-size:12px;line-height:1.45}button,select{min-height:38px;padding:9px 10px;font-size:13px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.daily-panel,.timed-head,.strategy-head,.battle-head,.arena-market-head,.battle-controls{flex-direction:column;align-items:stretch}.daily-actions,.timed-actions{display:grid;grid-template-columns:1fr 1fr}.goal-list,.info-chips,.fighter-stats,.ring-tags{gap:5px}.goal-list span,.info-chips span,.fighter-stats span,.stack-line,.ring-tags span{font-size:11px;padding:4px 7px}.strategy-grid{grid-template-columns:1fr}.strategy-grid label:last-child{display:grid;grid-template-columns:1fr}.strategy-desc{max-height:116px;overflow:auto}.battle-stage{grid-template-columns:1fr}.versus{min-height:20px;font-size:12px}.fighter-card{padding:10px}.fighter-name{font-size:14px}.timeline-note{font-size:12px;padding:8px 10px}.ring-slots,.bone-grid,.martial-grid,.shop-grid{grid-template-columns:1fr}.ring-slot,.bone-slot{min-height:auto;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.ring-orb{grid-row:span 3;width:42px;height:42px;margin:0;font-size:12px}.ring-tags{margin-top:0}.daily-quest-card{max-height:300px;overflow:auto}.daily-quest{grid-template-columns:1fr auto;padding:8px}.daily-quest strong{font-size:13px}.daily-quest p{font-size:11px}.right-log{height:auto;min-height:0;max-height:240px}.log{max-height:184px}.log-item{font-size:12px;padding:7px 8px}.shop-grid{max-height:320px;overflow:auto}.shop-item{padding:9px}.action-modal{min-width:0;width:calc(100vw - 28px)}.intro-card,.awaken-card,.result-card{margin:18px auto;padding:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:9px;font-size:12px}}@media(max-width:390px){.action-grid,.daily-actions,.timed-actions,.stats{grid-template-columns:1fr}.top-tabs button{font-size:10px;padding-inline:2px}.left-column>.card:nth-child(2){grid-template-columns:1fr}}@media(max-width:860px){.top-tabs{top:auto!important;bottom:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}}@media(max-width:860px){#app{padding:8px}.topbar{position:sticky;top:0;display:block;padding:8px}.topbar>div:first-child{margin-bottom:6px}.top-tabs{position:static!important;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px;border:1px solid rgba(61,83,115,.9);border-radius:14px;background:#080d18d6;box-shadow:none}.top-tabs button{min-height:34px;padding:7px 2px;font-size:11px;border-radius:10px}.left-column>.card:first-child{min-height:0;padding:10px}.left-column>.card:nth-child(2){max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.left-column>.card:nth-child(2) .metric-row:nth-of-type(n+5){display:none}.toolbar select,.toolbar .tag{min-height:36px}.goal-panel,.daily-panel,.timed-panel,.strategy-panel,.battle-panel{margin-top:8px}}@media(max-width:860px){html,body{width:100%;max-width:100%;overflow-x:hidden!important}#app,.shell,.layout,.layout-3,.left-column,.center-column,.right-column,main,aside,section,header,.panel,.card,.panel-embedded,.topbar{width:100%;max-width:100%;min-width:0}#app{margin:0;padding-left:8px;padding-right:8px}.topbar,.layout-3,.layout,.left-column,.center-column,.right-column{box-sizing:border-box}.top-tabs{width:100%;max-width:100%;min-width:0;overflow:hidden}.top-tabs button,button,select,input,.tag,.stat,.shop-item,.daily-quest,.fighter-card,.ring-slot,.bone-slot{min-width:0;max-width:100%}.toolbar,.action-grid,.strategy-grid,.battle-stage,.ring-slots,.bone-grid,.martial-grid,.shop-grid,.stats{width:100%;max-width:100%;min-width:0}.title,.sub,.hero-name,.tag,.log-item,.strategy-desc,.daily-quest,.shop-item,.ring-slot,.bone-slot{overflow-wrap:anywhere;word-break:break-word}.daily-quest{grid-template-columns:minmax(0,1fr) auto}.daily-quest button{width:auto;white-space:nowrap}.left-column>.card:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:370px){#app{padding-left:6px;padding-right:6px}.top-tabs{gap:4px;padding:4px}.top-tabs button{font-size:10px;padding-left:1px;padding-right:1px}}.spirit-slots,.spirit-list{display:grid;gap:10px}.spirit-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.spirit-slot,.spirit-card,.strategy-basic,.empty-state{border:1px solid #29405c;border-radius:12px;background:#101b2d;padding:10px}.spirit-slot.equipped,.spirit-card.equipped{border-color:#d9a93a;box-shadow:0 0 0 1px #d9a93a2e inset}.spirit-slot.empty{border-style:dashed;opacity:.78}.spirit-slot p,.spirit-card p,.spirit-card span,.strategy-basic p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.spirit-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}@media(max-width:860px){.top-tabs{grid-template-columns:repeat(6,1fr)}.spirit-slots,.spirit-card{grid-template-columns:1fr}}.hero-detail{margin-top:10px;display:grid;gap:7px}.hero-passive,.hero-growth{display:grid;gap:3px;border:1px solid #263d59;border-radius:10px;background:#101b2d;padding:8px}.hero-passive span,.hero-growth span{color:#8ea4bf;font-size:11px}.hero-passive strong,.hero-growth strong{color:#dbeaff;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.hero-attrs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hero-attrs span{border:1px solid #2c4563;border-radius:999px;background:#102036;color:#bcd2ec;font-size:11px;padding:4px 6px;text-align:center;white-space:nowrap}@media(max-width:860px){.hero-detail{grid-column:1 / -1}.hero-attrs{grid-template-columns:repeat(2,minmax(0,1fr))}}.attr-button{border:1px solid #2c4563;border-radius:999px;background:#102036;color:#bcd2ec;font-size:11px;padding:4px 8px;text-align:center;white-space:nowrap;cursor:pointer;min-height:0}.attr-button:hover{border-color:var(--accent);color:#d7f6ff;filter:none}.layout-focused{display:flex;flex-direction:column;gap:12px}.focused-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.focused-status-main{display:flex;align-items:baseline;gap:10px}.focused-status-main strong{font-size:18px;color:#ffe7a6}.focused-status-attrs{display:flex;flex-wrap:wrap;gap:6px}.focused-main{width:100%}.focused-main .page-head{margin-bottom:10px}.bag-card,.ring-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #29405c;border-radius:12px;background:#101b2d;padding:10px}.ring-card strong{color:#ffe7a6}.bag-effect{display:inline-block;margin-top:4px;font-size:12px;color:#9fffd8}.ring-effect{color:#9fffd8}.bag-list{margin-top:4px}.ring-slot.locked{opacity:.6;border-style:dashed;border-color:#3a3f4a}.ring-slot.locked .ring-orb{border-color:#4a4f5a;box-shadow:none;color:#aab}.ring-card button,.ring-slot button{margin-top:6px}.dmg-breakdown{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #3a2f14;background:#d9a93a14;border-radius:8px;padding:8px 10px;font-size:13px;color:#f0dfba}.dmg-breakdown strong{color:#ffd36b;margin-left:auto}.el-good{color:#9fffd8;background:#22b6732e}.el-bad{color:#ff9aa6;background:#dd44552e}.el-neutral{color:#b7cbe4;background:#8ca0ba29}.dmg-up{color:#9fffd8}.dmg-down{color:#ff9aa6}.dmg-crit{color:#ffd36b;font-weight:700}.dmg-shield{color:#8ed1ff}button.shop-summary{margin-top:10px;width:100%;text-align:left;color:#9fd6ff}@media(max-width:860px){.focused-status{flex-direction:column;align-items:stretch}.bag-card,.ring-card{grid-template-columns:1fr}.dmg-breakdown strong{margin-left:0}}.user-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;flex-wrap:wrap}.user-bar-id,.user-bar-res{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-name{font-weight:700;color:#ffe7a6}.user-chip{font-size:12px;border:1px solid #2d4562;background:#12223a;border-radius:999px;padding:4px 9px;color:#bcd2ec;white-space:nowrap}.user-bar-res button{font-size:12px;padding:4px 10px}.page-main{width:100%}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.layer-select{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0;font-size:14px}.layer-select button{min-width:40px;padding:6px 10px}@media(max-width:860px){.home-grid{grid-template-columns:1fr}}.log-page{max-height:calc(100vh - 220px);min-height:320px}.battle-modal-mask{position:fixed;inset:0;display:grid;place-items:center;pointer-events:auto;background:#03081099;z-index:90;padding:12px;cursor:default}.battle-modal-mask .battle-panel{width:min(760px,100%);max-height:calc(100vh - 24px);overflow:auto}.top-tabs{flex-wrap:wrap;justify-content:flex-end}@media(max-width:860px){.topbar{flex-direction:column;align-items:stretch}.topbar .title{font-size:18px}.top-tabs{position:static!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:flex-start!important;grid-template-columns:none!important;gap:6px!important;padding:6px!important;bottom:auto!important}.top-tabs button{flex:1 1 auto;min-width:56px;padding:8px 6px;font-size:12px;white-space:nowrap}}.element-advice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:10px 0;padding:10px 12px;border:1px solid #38506f;border-radius:12px;background:radial-gradient(circle at 0% 0%,rgba(217,169,58,.14),transparent 42%),linear-gradient(135deg,#101f34f5,#0b1424f5)}.element-advice.good{border-color:#2f8b67;background:radial-gradient(circle at 0% 0%,rgba(34,182,115,.2),transparent 42%),linear-gradient(135deg,#0d2d27f0,#0b1624f5)}.element-advice.warn{border-color:#9b4a55;background:radial-gradient(circle at 0% 0%,rgba(221,68,85,.2),transparent 42%),linear-gradient(135deg,#30161ff0,#0b1424f5)}.element-advice-main{min-width:0}.element-advice-main strong{display:block;color:#ffe7a6;font-size:14px}.element-advice-main p{margin:5px 0 0;color:#b8cae1;font-size:12px;line-height:1.45}.advice-badge{display:inline-block;margin-bottom:5px;padding:3px 7px;border:1px solid rgba(217,169,58,.42);border-radius:999px;color:#ffd36b;background:#d9a93a1a;font-size:11px}.element-advice-side{display:grid;justify-items:end;gap:5px;color:#9fb2ce;font-size:12px;white-space:nowrap}.element-advice-side b{color:#d7f6ff}@media(max-width:860px){.element-advice{grid-template-columns:1fr;margin:8px 0}.element-advice-side{justify-items:start;white-space:normal}}.defeat-guide p{margin:0 0 8px;color:#ffe7a6}.defeat-guide ol{margin:0;padding-left:20px;display:grid;gap:7px}.defeat-guide li{color:#d5e1f2;line-height:1.5}.defeat-guide strong{color:#ffd36b}@media(max-width:860px){.user-bar{padding:8px 10px;gap:6px}.user-bar-id,.user-bar-res{gap:5px}.user-chip{padding:3px 7px;font-size:11px}.page-head{margin-bottom:8px;padding-bottom:8px}.page-head .sub{margin-top:4px}.encounter-preview{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:8px;align-items:start}.encounter-icon svg,.fighter-portrait svg{max-width:48px;max-height:48px}.element-advice{padding:8px 9px;gap:6px}.element-advice-main strong{font-size:13px}.element-advice-main p,.element-advice-side{font-size:11px}.action-modal-mask{place-items:end stretch;padding:10px;background:#030810ad}.action-modal{width:100%!important;max-width:none;max-height:min(82vh,720px);display:flex;flex-direction:column;padding:12px;border-radius:16px 16px 12px 12px}.action-modal-title{font-size:16px;margin-bottom:8px}.action-modal-body{overflow:auto;padding-right:2px;font-size:12px;line-height:1.5}.action-modal .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch!important;margin-top:10px!important}.action-modal .actions button{min-width:0;width:100%;min-height:38px;padding:8px 6px}.defeat-guide ol{padding-left:18px;gap:6px}.defeat-guide li{line-height:1.45}}@media(max-width:370px){.action-modal .actions{grid-template-columns:1fr}}.fighter-portrait .martial-icon,.fighter-portrait .beast-icon,.encounter-icon .beast-icon{display:inline-grid!important;place-items:center!important;line-height:0!important;overflow:hidden;box-sizing:border-box!important}.fighter-portrait .martial-icon>svg,.fighter-portrait .beast-icon>svg,.encounter-icon .beast-icon>svg{width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;margin:auto!important}@media(max-width:860px){.encounter-icon .beast-icon,.fighter-portrait .martial-icon,.fighter-portrait .beast-icon{width:48px!important;height:48px!important;padding:3px}.encounter-icon svg,.fighter-portrait svg{width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important}}.martial-icon,.beast-icon{image-rendering:pixelated;transform-origin:50% 72%;will-change:transform,filter}.martial-icon{animation:pixel-idle-bob 2.6s steps(2,end) infinite}.beast-icon{animation:pixel-beast-breathe 2.2s steps(2,end) infinite}.encounter-icon .beast-icon{animation:pixel-beast-breathe 2.2s steps(2,end) infinite,pixel-alert-twitch 4.8s steps(1,end) infinite}.fighter-card.active .fighter-portrait .martial-icon,.fighter-card.active .fighter-portrait .beast-icon{animation:pixel-active-lunge .56s steps(2,end) infinite;filter:drop-shadow(0 0 8px rgba(255,211,107,.42))}.fighter-card.hit .fighter-portrait .martial-icon,.fighter-card.hit .fighter-portrait .beast-icon{animation:pixel-hit-shake .28s steps(2,end) 1;filter:drop-shadow(0 0 10px rgba(255,90,105,.5))}@keyframes pixel-idle-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}}@keyframes pixel-beast-breathe{0%,to{transform:translateY(0) scaleX(1) scaleY(1)}50%{transform:translateY(1px) scaleX(1.04) scaleY(.97)}}@keyframes pixel-alert-twitch{0%,88%,to{transform:translate(0)}90%{transform:translate(-1px)}92%{transform:translate(1px)}}@keyframes pixel-active-lunge{0%,to{transform:translate(0) translateY(0) scale(1)}50%{transform:translate(3px) translateY(-2px) scale(1.06)}}@keyframes pixel-hit-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@media(prefers-reduced-motion:reduce){.martial-icon,.beast-icon,.encounter-icon .beast-icon,.fighter-card.active .fighter-portrait .martial-icon,.fighter-card.active .fighter-portrait .beast-icon,.fighter-card.hit .fighter-portrait .martial-icon,.fighter-card.hit .fighter-portrait .beast-icon{animation:none!important;filter:none!important}}.home-guide-action{width:100%;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:12px;padding:12px;text-align:left;border-color:#315073;background:radial-gradient(circle at 0% 0%,rgba(0,210,199,.16),transparent 38%),linear-gradient(135deg,#101f34fa,#0b1424fa);cursor:pointer}.home-guide-action.good{border-color:#2f8b67;background:radial-gradient(circle at 0% 0%,rgba(34,182,115,.22),transparent 42%),linear-gradient(135deg,#0d2d27f5,#0b1624f5)}.home-guide-action.warn{border-color:#9b4a55;background:radial-gradient(circle at 0% 0%,rgba(221,68,85,.24),transparent 42%),linear-gradient(135deg,#30161ff5,#0b1424f5)}.home-guide-icon{width:64px;height:64px;display:inline-grid;place-items:center;border:1px solid #2c405e;border-radius:14px;background:#0b1322;line-height:0;box-shadow:inset 0 0 0 1px #ffffff08}.home-guide-icon .martial-icon,.home-guide-icon .beast-icon{width:56px!important;height:56px!important}.home-guide-copy{min-width:0;display:grid;gap:5px}.home-guide-copy strong{color:#ffe7a6;font-size:17px}.home-guide-copy small{color:#b8cae1;font-size:12px;line-height:1.45}.home-guide-cta{justify-self:end;color:#9fffd8;font-weight:700;white-space:nowrap}.home-guide-action:hover .home-guide-icon{border-color:var(--accent);filter:drop-shadow(0 0 10px rgba(0,210,199,.28))}@media(max-width:860px){.home-guide-action{grid-template-columns:56px minmax(0,1fr);gap:9px;padding:10px}.home-guide-icon{width:52px;height:52px;border-radius:12px}.home-guide-icon .martial-icon,.home-guide-icon .beast-icon{width:46px!important;height:46px!important}.home-guide-cta{grid-column:2;justify-self:start;font-size:12px}}.offline-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:#35506f;background:radial-gradient(circle at 8% 0%,rgba(87,137,255,.14),transparent 42%),linear-gradient(180deg,var(--panel),var(--panel-soft))}.offline-panel.ready{border-color:#2f8b67;background:radial-gradient(circle at 8% 0%,rgba(34,182,115,.2),transparent 42%),linear-gradient(180deg,var(--panel),var(--panel-soft))}.offline-panel>button{white-space:nowrap}@media(max-width:860px){.offline-panel{flex-direction:column;align-items:stretch}}.sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:8px;border:1px solid #223654;border-radius:14px;background:#080d18b8}.sub-tabs button{padding:8px 12px;font-size:13px;background:#101d31}.sub-tabs button.active{border-color:var(--accent);color:#d7f6ff;box-shadow:0 0 0 1px #00d2c738 inset}@media(max-width:860px){.sub-tabs{gap:6px;padding:6px}.sub-tabs button{flex:1 1 auto;min-width:72px;padding:8px 6px;white-space:nowrap}}.battle-panel.victory{border-color:#2f8b67;box-shadow:0 0 0 1px #22b67338 inset,0 0 28px #22b67324;background:radial-gradient(circle at 50% 0%,rgba(34,182,115,.22),transparent 48%),linear-gradient(180deg,#10241e,var(--panel-soft))}.battle-panel.defeat{border-color:#9b3445;box-shadow:0 0 0 1px #dd44553d inset,0 0 28px #dd445521;background:radial-gradient(circle at 50% 0%,rgba(221,68,85,.22),transparent 48%),linear-gradient(180deg,#27141b,var(--panel-soft))}.battle-result-badge{border-radius:999px;padding:5px 12px;font-weight:800;font-size:13px;border:1px solid #2d4562;background:#12223a}.battle-result-badge.victory{color:#9fffd8;border-color:#2f8b67;background:#22b67329;animation:resultPulseGood .9s steps(2,end) infinite}.battle-result-badge.defeat{color:#ff9aa6;border-color:#9b3445;background:#dd445529;animation:resultPulseBad .9s steps(2,end) infinite}.battle-result-banner{margin-top:10px;border-radius:12px;padding:12px;text-align:center;font-weight:900;letter-spacing:1px;font-size:18px}.battle-result-banner.victory{color:#eafff5;border:1px solid #2f8b67;background:linear-gradient(90deg,#22b6732e,#d9a93a29);text-shadow:0 0 14px rgba(34,182,115,.45);animation:resultPop .42s ease both}.battle-result-banner.defeat{color:#ffe5e9;border:1px solid #9b3445;background:linear-gradient(90deg,#d453,#50162147);text-shadow:0 0 14px rgba(221,68,85,.42);animation:resultShake .42s ease both}.result-modal-body{border-left:4px solid #2f4466;border-radius:10px;padding:10px 12px;line-height:1.65}.result-modal-body.victory{border-color:#2f8b67;background:#22b6731a}.result-modal-body.defeat{border-color:#9b3445;background:#dd44551a}@keyframes resultPop{0%{transform:scale(.92);opacity:0}70%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}@keyframes resultShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes resultPulseGood{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes resultPulseBad{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@media(prefers-reduced-motion:reduce){.battle-result-badge.victory,.battle-result-badge.defeat,.battle-result-banner.victory,.battle-result-banner.defeat{animation:none!important}}.element-mark{display:inline-flex;align-items:center;gap:4px;margin-left:5px;padding:2px 7px 2px 4px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:800;vertical-align:middle;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff08}.element-mark i,.element-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;font-style:normal;line-height:1;image-rendering:pixelated}.element-icon{margin-right:3px;border:1px solid currentColor;font-size:13px;font-weight:900;vertical-align:-2px}.element-mark b{font-size:11px}.element-mark.el-fire,.element-icon.el-fire{color:#ff754a;background:#ff5c3024;text-shadow:0 0 8px rgba(255,92,48,.65)}.element-mark.el-water,.element-icon.el-water{color:#50c9ff;background:#3dc4ff24;text-shadow:0 0 8px rgba(61,196,255,.65)}.element-mark.el-thunder,.element-icon.el-thunder{color:#ffe14d;background:#ffe14d2e;text-shadow:0 0 10px rgba(255,225,77,.8)}.element-mark.el-wind,.element-icon.el-wind{color:#80e68b;background:#6dd97a24;text-shadow:0 0 8px rgba(109,217,122,.65)}.element-mark.el-earth,.element-icon.el-earth{color:#d1a56a;background:#c9a06a29;text-shadow:0 0 8px rgba(201,160,106,.55)}.fighter-card.player .fighter-portrait,.fighter-card.enemy .fighter-portrait{position:relative}.fighter-card:has(.element-mark.el-fire) .fighter-portrait{filter:drop-shadow(0 0 8px rgba(255,92,48,.26))}.fighter-card:has(.element-mark.el-water) .fighter-portrait{filter:drop-shadow(0 0 8px rgba(61,196,255,.26))}.fighter-card:has(.element-mark.el-thunder) .fighter-portrait{filter:drop-shadow(0 0 10px rgba(255,225,77,.32))}.fighter-card:has(.element-mark.el-wind) .fighter-portrait{filter:drop-shadow(0 0 8px rgba(109,217,122,.26))}.fighter-card:has(.element-mark.el-earth) .fighter-portrait{filter:drop-shadow(0 0 8px rgba(201,160,106,.26))}.element-hit-effect{position:relative;height:30px;margin:8px 0 -2px;overflow:hidden;border-radius:999px;background:#ffffff08}.element-hit-effect span{position:absolute;top:4px;left:8%;font-size:20px;animation:elementProjectile .62s steps(5,end) both}.element-hit-effect.fire{background:linear-gradient(90deg,rgba(255,92,48,.08),rgba(255,92,48,.22),transparent)}.element-hit-effect.water{background:linear-gradient(90deg,rgba(61,196,255,.08),rgba(61,196,255,.22),transparent)}.element-hit-effect.thunder{background:linear-gradient(90deg,rgba(255,225,77,.08),rgba(255,225,77,.26),transparent)}.element-hit-effect.wind{background:linear-gradient(90deg,rgba(109,217,122,.08),rgba(109,217,122,.22),transparent)}.element-hit-effect.earth{background:linear-gradient(90deg,rgba(201,160,106,.08),rgba(201,160,106,.22),transparent)}.element-hit-effect.fire:after,.element-hit-effect.water:after,.element-hit-effect.thunder:after,.element-hit-effect.wind:after,.element-hit-effect.earth:after{content:"";position:absolute;inset:8px 14%;border-top:3px dashed currentColor;opacity:.65;animation:elementTrail .62s steps(4,end) both}.element-hit-effect.fire:after{color:#ff754a}.element-hit-effect.water:after{color:#50c9ff;border-top-style:wavy}.element-hit-effect.thunder:after{color:#ffe14d;border-top-style:solid;box-shadow:0 0 14px #ffe14d}.element-hit-effect.wind:after{color:#80e68b}.element-hit-effect.earth:after{color:#d1a56a;border-top-style:dotted}@keyframes elementProjectile{0%{transform:translate(0) scale(.75);opacity:0}20%{opacity:1}to{transform:translate(78vw) scale(1.15);opacity:0}}@keyframes elementTrail{0%{transform:scaleX(0);transform-origin:left;opacity:0}35%{opacity:.8}to{transform:scaleX(1);transform-origin:left;opacity:0}}@media(max-width:860px){.element-mark b{display:none}.element-mark{padding:2px 4px}.element-hit-effect span{animation-name:elementProjectileMobile}}@keyframes elementProjectileMobile{0%{transform:translate(0) scale(.75);opacity:0}20%{opacity:1}to{transform:translate(78vw) scale(1.05);opacity:0}}@media(prefers-reduced-motion:reduce){.element-hit-effect span,.element-hit-effect:after{animation:none!important}}@media(max-width:860px){.shell{gap:8px}.user-bar{border-radius:16px;padding:8px 10px;background:#0a1220e6}.user-name{font-size:18px}.user-chip{border-radius:999px;padding:4px 8px;background:#12223ae0}.user-bar-res button{min-height:34px;padding:6px 12px;border-radius:12px}.topbar{border-radius:16px;padding:8px;background:#0a1220d1}.topbar .title{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:20px}.version-tag{margin-left:0;font-size:10px;padding:2px 7px;opacity:.72}.top-tabs{border-radius:15px;background:#070d189e!important;border-color:#3d5373b8!important}.top-tabs button{min-height:38px;border-radius:12px}.page-head{margin:2px 0 8px;padding-bottom:8px}.page-head .title{font-size:24px}.page-head .sub{font-size:12px;line-height:1.55;color:#9fb0c7}.home-guide-action{grid-template-columns:50px minmax(0,1fr);margin-bottom:10px;padding:10px;border-radius:16px}.home-guide-icon{width:46px;height:46px;border-radius:12px}.home-guide-icon .martial-icon,.home-guide-icon .beast-icon{width:40px!important;height:40px!important}.home-guide-copy strong{font-size:17px;line-height:1.25}.home-guide-copy small{font-size:12px}.home-guide-cta{grid-column:2;margin-top:-2px}.home-grid>.card:first-child{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px 12px;align-items:center}.home-grid>.card:first-child>div[style*="text-align:center"]{grid-row:span 2;display:grid;place-items:center;width:68px;height:68px;border:1px solid #263d59;border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(255,211,107,.12),transparent 60%),#0b1322}.home-grid>.card:first-child>div[style*="text-align:center"] .martial-icon{width:56px!important;height:56px!important}.home-grid>.card:first-child .hero-name{margin:0;font-size:23px;line-height:1.18}.home-grid>.card:first-child>.sub{margin-top:-4px;font-size:12px}.home-grid>.card:first-child .hero-detail{grid-column:1 / -1;margin-top:6px}.hero-passive,.hero-growth{border-radius:13px;padding:9px 10px}.hero-attrs{gap:6px}.attr-button{min-height:30px;border-radius:999px;background:#102036e6}.home-grid>.card:nth-child(2){border-radius:16px}.metric-row{margin-bottom:10px}.progress{height:8px}.panel,.card,.panel-embedded{border-radius:16px}}.martial-profile-card .martial-evolution-hero,.martial-evolution-card .evolution-preview{display:flex;align-items:center;gap:14px}.martial-evolution-hero{margin:10px 0 12px}.martial-icon{position:relative;border-radius:18px;background:#091224b8;box-shadow:inset 0 0 0 1px #73aeff24}.martial-icon.evolved{padding:5px;background:radial-gradient(circle at 50% 42%,#fff09952,#162243b8 58%,#070c1cf0);filter:saturate(1.35) contrast(1.08);box-shadow:0 0 0 1px #ffdc566b,0 0 18px #ffd24a42,inset 0 0 18px #5a96ff2e}.martial-icon.evolved:before,.martial-icon.evolved:after{content:"";position:absolute;pointer-events:none}.martial-icon.evolved:before{inset:-5px;border:2px solid rgba(255,213,79,.55);border-radius:22px;clip-path:polygon(50% 0,61% 18%,82% 18%,67% 34%,76% 56%,50% 44%,24% 56%,33% 34%,18% 18%,39% 18%);opacity:.85}.martial-icon.evo-2:before,.martial-icon.evo-3:before{border-color:#70d6ffb8}.martial-icon.evo-3{box-shadow:0 0 0 1px #ff70d694,0 0 24px #9770ff61,inset 0 0 22px #ffe67833}.martial-icon.evo-3:after{left:50%;top:-9px;width:24px;height:10px;transform:translate(-50%);background:linear-gradient(90deg,transparent 0 8%,#ffd54f 8% 28%,transparent 28% 36%,#fff59d 36% 64%,transparent 64% 72%,#ffd54f 72% 92%,transparent 92%);clip-path:polygon(0 100%,15% 25%,35% 100%,50% 0,65% 100%,85% 25%,100% 100%)}.evolution-preview>div{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12px}.requirement-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.requirement-list span{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.requirement-list span.good{border-color:#4cde8073;color:#9ff5b8}.requirement-list span.warn{border-color:#ffbc4a73;color:#ffd88a}.icon-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;background:linear-gradient(135deg,#203865eb,#0e1831e0);border:1px solid rgba(112,180,255,.22);box-shadow:inset 0 0 14px #4d8bff14}.icon-chip .chip-icon{font-size:18px;filter:drop-shadow(0 0 5px rgba(255,255,255,.25))}.resource-gold{border-color:#ffcd5659}.resource-dust{border-color:#6fd6ff59}.visual-stat{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon value" "icon label";align-items:center;gap:0 8px;padding:8px 10px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.visual-stat .visual-icon{grid-area:icon;font-size:24px}.visual-stat strong{grid-area:value}.visual-stat small{grid-area:label;color:var(--muted);font-size:11px}.visual-metric .kv-row span{display:inline-flex;align-items:center;gap:6px}.visual-metric .kv-row em{font-style:normal;color:var(--muted)}.metric-icon{font-size:19px}.visual-attr{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:76px;padding:8px 10px}.visual-attr span{font-size:18px}.visual-attr strong{font-size:14px}.daily-quest{grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px}.quest-icon{--pct: 0%;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:21px;background:conic-gradient(#7cf0a5 var(--pct),rgba(255,255,255,.1) 0),radial-gradient(circle,#14213e 58%,transparent 60%);box-shadow:0 0 0 1px #ffffff14,inset 0 0 14px #00000040}.quest-icon.ready{animation:rewardPulse 1.6s ease-in-out infinite}.quest-body p{display:flex;align-items:center;gap:8px;margin:4px 0 0}.mini-meter{width:74px;height:7px;border-radius:999px;background:#ffffff1a;overflow:hidden;display:inline-block}.mini-meter i{display:block;height:100%;background:linear-gradient(90deg,#69e59a,#ffe071)}.quest-reward{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#ffe2a0}.resource-chip{display:inline-flex;align-items:center;gap:4px}.resource-chip.exp{color:#ffe6a3}.resource-chip.gold{color:#ffd26c}.resource-chip.dust{color:#87e6ff}.visual-item-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px}.item-orb{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;font-size:24px;background:radial-gradient(circle at 35% 28%,#ffffff40,#3b5b9752 48%,#091124e6);border:1px solid rgba(145,190,255,.25);box-shadow:inset 0 0 14px #ffffff0f,0 0 12px #5b8fff1f}.item-orb.rare{box-shadow:0 0 14px #5ab4ff47}.item-orb.epic{box-shadow:0 0 16px #bb7aff52}.item-orb.legendary{box-shadow:0 0 18px #ffcc5266}.item-info{min-width:0}.effect-badge{display:inline-flex;align-items:center;gap:4px;margin-right:6px;padding:3px 7px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.effect-badge.rarity.rare{color:#9ad7ff}.effect-badge.rarity.epic{color:#d8a7ff}.effect-badge.rarity.legendary{color:#ffe18a}@keyframes rewardPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.25)}}@media(max-width:560px){.daily-quest{grid-template-columns:auto 1fr auto}.quest-reward{flex-direction:row;grid-column:2 / span 2}.visual-item-card{grid-template-columns:auto 1fr auto}.visual-item-card .shop-price{grid-column:2 / span 2}}.martial-image-icon,.martial-image-icon.evolved,.fighter-portrait .martial-image-icon,.home-guide-icon .martial-image-icon{padding:0!important;border:0!important;background-color:transparent!important;background-image:var(--avatar-url)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:none!important;filter:none!important;animation:none!important;will-change:auto!important;overflow:hidden!important;border-radius:12px!important}.martial-image-icon:before,.martial-image-icon:after,.martial-image-icon.evolved:before,.martial-image-icon.evolved:after{display:none!important;content:none!important}.martial-image-icon>img,.fighter-portrait .martial-image-icon>img,.home-guide-icon .martial-image-icon>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;object-fit:cover!important;image-rendering:auto!important}.fighter-card.active .fighter-portrait .martial-image-icon,.fighter-card.hit .fighter-portrait .martial-image-icon{animation:none!important;filter:none!important}.beast-image-icon,.fighter-portrait .beast-image-icon,.encounter-icon .beast-image-icon,.home-guide-icon .beast-image-icon{padding:0!important;border:0!important;background-color:transparent!important;background-image:var(--avatar-url)!important;background-position:var(--avatar-position, center center)!important;background-repeat:no-repeat!important;background-size:124% 124%!important;box-shadow:none!important;filter:none!important;animation:none!important;will-change:auto!important;overflow:hidden!important;border-radius:12px!important}.beast-image-icon>img,.fighter-portrait .beast-image-icon>img,.encounter-icon .beast-image-icon>img,.home-guide-icon .beast-image-icon>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;object-fit:cover!important;transform:scale(1.24)!important;transform-origin:center center!important;image-rendering:auto!important}.fighter-card.active .fighter-portrait .beast-image-icon,.fighter-card.hit .fighter-portrait .beast-image-icon{animation:none!important;filter:none!important}.martial-icon,.beast-icon,.martial-image-icon,.beast-image-icon,.encounter-icon .beast-icon,.home-guide-icon .martial-icon,.home-guide-icon .beast-icon,.fighter-card.active .fighter-portrait .martial-icon,.fighter-card.active .fighter-portrait .beast-icon,.fighter-card.hit .fighter-portrait .martial-icon,.fighter-card.hit .fighter-portrait .beast-icon{animation:none!important;filter:none!important;transform:none!important;will-change:auto!important}.martial-icon>img,.beast-icon:not(.beast-image-icon)>img{animation:none!important;filter:none!important;transform:none!important}.fighter-card.active,.fighter-card.enemy.active,.fighter-card.hit{animation:none!important}.fighter-card.hit{box-shadow:none!important}.fighter-portrait,.fighter-card:has(.element-mark.el-fire) .fighter-portrait,.fighter-card:has(.element-mark.el-water) .fighter-portrait,.fighter-card:has(.element-mark.el-thunder) .fighter-portrait,.fighter-card:has(.element-mark.el-wind) .fighter-portrait,.fighter-card:has(.element-mark.el-earth) .fighter-portrait{filter:none!important}