:root{color-scheme:dark;--ink:#0b110f;--panel:#121c18;--panel2:#18241f;--jade:#7fb4a1;--jade-bright:#b7d7c8;--gold:#c9a96a;--paper:#e9e2cf;--muted:#8e9c94;--danger:#b96f66;--line:rgba(202,187,145,.16);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:"Noto Serif SC","Songti SC","STSong",serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080d0b;color:var(--paper);overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#app,button,[data-action]{touch-action:manipulation}body{min-width:320px;background:radial-gradient(circle at 50% -20%,#29473c 0,transparent 40%),linear-gradient(180deg,#0a110e,#080c0b 72%);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{color:inherit}.app-loading{height:100dvh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loading-seal,.brand-seal{width:72px;height:72px;margin:auto;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50% 42% 50% 45%;font:38px serif;color:var(--gold);box-shadow:0 0 40px rgba(201,169,106,.12);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.04);box-shadow:0 0 58px rgba(201,169,106,.23)}}#app{min-height:100dvh}.onboarding{min-height:100dvh;padding:calc(42px + var(--safe-top)) 20px calc(30px + var(--safe-bottom));display:flex;flex-direction:column;justify-content:center;max-width:520px;margin:auto;position:relative;overflow:hidden}.onboarding:before,.onboarding:after{content:"";position:absolute;border:1px solid rgba(201,169,106,.12);border-radius:50%;width:410px;height:410px;left:50%;transform:translateX(-50%);pointer-events:none}.onboarding:before{top:-230px}.onboarding:after{bottom:-300px}.brand{position:relative;text-align:center;margin-bottom:30px}.brand h1{font:500 clamp(34px,10vw,52px)/1.15 "Noto Serif SC","STSong",serif;letter-spacing:.18em;margin:22px 0 8px;color:#f0e6c9;text-shadow:0 4px 25px #000}.brand p{color:var(--gold);font-family:serif;letter-spacing:.28em;font-size:13px}.name-field{display:block;margin:0 0 18px}.name-field span{display:block;color:var(--muted);font-size:12px;margin:0 0 7px;letter-spacing:.12em}.name-field input{width:100%;height:50px;border:1px solid var(--line);border-radius:4px;background:rgba(18,28,24,.92);color:var(--paper);padding:0 14px;outline:0}.name-field input:focus{border-color:var(--gold)}.faction-title{font-size:12px;color:var(--muted);letter-spacing:.12em;margin:0 0 8px}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faction-card{min-height:105px;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,rgba(29,43,37,.9),rgba(14,22,19,.95));border-radius:5px;padding:14px;position:relative;overflow:hidden;cursor:pointer}.faction-card:after{content:attr(data-seal);position:absolute;right:4px;bottom:-19px;font:72px serif;opacity:.07}.faction-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px rgba(201,169,106,.22)}.faction-card b{display:block;font:24px serif;margin-bottom:4px}.faction-card small{color:var(--muted);line-height:1.5}.enter-btn,.primary{width:100%;min-height:48px;border:1px solid #a98c52;background:linear-gradient(180deg,#8d733f,#6d572f);border-radius:4px;margin-top:18px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}.enter-btn:disabled{filter:grayscale(1);opacity:.45}.legal-note{text-align:center;color:#66736d;font-size:10px;line-height:1.6;margin-top:16px}.game-shell{height:100dvh;display:flex;flex-direction:column;max-width:768px;margin:auto;background:rgba(9,15,12,.6);border-inline:1px solid rgba(255,255,255,.03)}.topbar{padding:calc(10px + var(--safe-top)) 14px 10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:rgba(10,16,13,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);z-index:5}.avatar{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:22px serif;color:var(--gold);background:#17221e}.identity{min-width:0}.identity strong{font:16px serif;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity small{color:var(--muted);font-size:11px}.currency{font-size:11px;text-align:right;color:var(--gold);line-height:1.7}.content{flex:1;overflow-y:auto;padding:14px 14px calc(88px + var(--safe-bottom));scrollbar-width:none}.content::-webkit-scrollbar{display:none}.bottom-nav{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(768px,100%);height:calc(66px + var(--safe-bottom));padding:5px 8px var(--safe-bottom);background:rgba(9,15,12,.96);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:10;backdrop-filter:blur(15px)}.nav-btn{border:0;background:none;color:#75847c;display:grid;place-items:center;align-content:center;gap:3px;min-height:54px;font-size:10px;cursor:pointer}.nav-btn span{font:21px serif}.nav-btn.active{color:var(--gold)}.page-heading{display:flex;justify-content:space-between;align-items:end;margin:4px 0 14px}.page-heading h2{font:500 24px/1.2 serif;margin:0;letter-spacing:.08em}.page-heading p{font-size:11px;color:var(--muted);margin:3px 0 0}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:.18em;text-transform:uppercase}.hero-card{border:1px solid var(--line);min-height:180px;border-radius:5px;padding:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(131,174,154,.18),transparent 32%),linear-gradient(145deg,#1b2b24,#101814)}.hero-card:before{content:"";position:absolute;inset:13px;border:1px solid rgba(201,169,106,.09);pointer-events:none}.hero-card h2{font:500 29px serif;margin:4px 0 8px}.hero-card p{position:relative;max-width:77%;color:#b8c0ba;line-height:1.75;font-size:13px}.hero-mark{position:absolute;right:18px;bottom:-28px;font:140px serif;opacity:.07}.progress-track{height:5px;background:#28342f;border-radius:4px;overflow:hidden;margin:12px 0 6px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#6d9584,#c9a96a);border-radius:4px}.meta-row{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 9px}.section-title h3{font:500 16px serif;margin:0}.section-title button,.text-btn{border:0;background:none;color:var(--gold);font-size:12px;cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:5px;padding:14px;min-width:0}.card h3,.card h4{margin:0 0 6px;font:500 15px serif}.card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.action-card{min-height:105px;cursor:pointer;position:relative}.action-card b{display:block;color:var(--gold);font:22px serif;margin-bottom:6px}.list{display:flex;flex-direction:column;gap:8px}.list-item{border:1px solid var(--line);background:rgba(19,29,25,.9);border-radius:4px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.list-item .title{font:14px serif}.list-item .sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.5}.list-item button,.small-btn{border:1px solid rgba(201,169,106,.35);background:#23342d;color:#dbc899;border-radius:3px;min-height:38px;padding:7px 11px;cursor:pointer}.small-btn.danger{border-color:rgba(185,111,102,.4);color:#d99b94}.small-btn:disabled{opacity:.35}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat{background:#111b17;border:1px solid var(--line);padding:10px;border-radius:4px}.stat span{font-size:10px;color:var(--muted);display:block}.stat b{font:18px serif;color:var(--jade-bright)}.tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.tab{flex:0 0 auto;border:1px solid var(--line);background:#121c18;color:var(--muted);padding:8px 13px;border-radius:20px;font-size:12px;cursor:pointer}.tab.active{background:#294138;color:#e6ddc5;border-color:#527565}.realm-orbit{width:166px;height:166px;margin:16px auto 20px;border-radius:50%;border:1px solid rgba(201,169,106,.28);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(105,151,132,.18),transparent 65%)}.realm-orbit:before,.realm-orbit:after{content:"";position:absolute;border:1px solid rgba(126,178,157,.13);border-radius:50%;inset:12px}.realm-orbit:after{inset:28px}.realm-orbit div{text-align:center;z-index:1}.realm-orbit b{font:27px serif;display:block}.realm-orbit span{color:var(--gold);font-size:11px}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.two-actions button{margin-top:0}.story-copy{border-left:2px solid var(--gold);padding:4px 0 4px 14px;color:#bbc4bd;line-height:1.85;font:13px serif}.battle-stage{margin:-14px -14px 0;min-height:calc(100dvh - 136px);display:flex;flex-direction:column;background:radial-gradient(circle at 50% 20%,rgba(91,124,109,.25),transparent 42%)}.enemy-panel{padding:24px 18px 15px;text-align:center}.enemy-sigil{width:88px;height:88px;margin:8px auto 12px;border-radius:50%;border:1px solid var(--danger);display:grid;place-items:center;font:42px serif;color:#c99086;background:rgba(72,33,30,.25);box-shadow:0 0 45px rgba(142,73,66,.15)}.hpbar{height:8px;background:#281818;border-radius:7px;overflow:hidden;margin:7px auto;width:min(320px,90%)}.hpbar i{display:block;height:100%;background:linear-gradient(90deg,#8e4741,#c27a70);transition:width .3s}.hpbar.player i{background:linear-gradient(90deg,#3f7664,#79ad99)}.battle-log{flex:1;min-height:170px;margin:0 14px;background:rgba(8,13,11,.62);border:1px solid var(--line);padding:11px;overflow-y:auto;font-size:12px;line-height:1.7;color:#afb9b2}.battle-log p{margin:0 0 4px}.battle-controls{padding:12px 14px calc(80px + var(--safe-bottom));display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.skill-btn{min-height:54px;border:1px solid rgba(126,178,157,.28);background:linear-gradient(145deg,#24372f,#15221c);border-radius:4px;text-align:left;padding:9px 11px;cursor:pointer}.skill-btn b{display:block;font:14px serif}.skill-btn small{color:var(--muted)}.loot{color:var(--gold);font-size:11px}.quality-FAN{color:#b7bbb8}.quality-LING{color:#74baa0}.quality-XUAN{color:#72a8c8}.quality-DI{color:#c19adb}.quality-TIAN{color:#e4b967}.item-stats{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:10px}.sheet-count{padding:5px 8px;border:1px solid var(--line);font-size:10px;color:var(--muted);border-radius:3px}.canvas-wrap{border:1px solid var(--line);background:#0c1411;padding:7px;border-radius:4px}.grid-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border-top:1px solid #26372f;border-left:1px solid #26372f}.grid-cell{border-right:1px solid #26372f;border-bottom:1px solid #26372f;display:grid;place-items:center;font:18px serif;background:#111c17;min-width:0}.grid-cell:nth-child(3n){background:#142019}.grid-cell.player{color:#9fd2bd;background:#244337}.grid-cell.enemy{color:#d18b82;background:#3a211f}.grid-cell.resource{color:#d4b66f;background:#302b1d}.grid-cell.reachable{box-shadow:inset 0 0 0 2px rgba(123,180,156,.45)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;z-index:30}.modal{width:min(768px,100%);margin:auto;background:#111a16;border-top:1px solid var(--gold);border-radius:9px 9px 0 0;padding:18px 16px calc(18px + var(--safe-bottom));max-height:82dvh;overflow-y:auto}.modal h2{font:22px serif;margin:0 0 8px}.modal p{color:var(--muted);font-size:13px;line-height:1.7}.toast{position:fixed;z-index:50;left:50%;bottom:calc(82px + var(--safe-bottom));transform:translate(-50%,20px);max-width:calc(100% - 40px);background:#e5dcc5;color:#19221e;padding:10px 15px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;padding:34px 20px;color:#65736c;border:1px dashed var(--line);border-radius:4px;font-size:12px}.pill{display:inline-block;padding:2px 7px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:10px}.audit{font:10px/1.6 ui-monospace,monospace;color:#89968f;word-break:break-all}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.toggle{width:48px;height:27px;border-radius:30px;border:0;background:#2d3833;padding:3px;cursor:pointer}.toggle i{display:block;width:21px;height:21px;border-radius:50%;background:#8f9994;transition:.2s}.toggle.on{background:#527c6a}.toggle.on i{transform:translateX(21px);background:#dce7e1}@media(min-width:600px){.content{padding-inline:22px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card{min-height:210px;padding:26px}.battle-controls{grid-template-columns:repeat(4,1fr)}}@media(max-width:350px){.topbar{padding-inline:9px}.content{padding-inline:10px}.hero-card p{max-width:86%}.card-grid{gap:6px}.card{padding:11px}}@media(orientation:landscape) and (max-height:600px){.topbar{padding-top:8px}.content{padding-bottom:72px}.bottom-nav{height:58px}.battle-stage{display:grid;grid-template-columns:40% 60%;grid-template-rows:1fr auto}.enemy-panel{grid-row:1/3}.battle-log{margin-top:14px}.battle-controls{padding-bottom:70px;grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.sprite-icon{--size:24px;--icon-x:0%;--icon-y:0%;display:inline-block!important;width:var(--size);height:var(--size);flex:0 0 var(--size);background-image:url("assets/ui-icons-sprite-v4.png");background-repeat:no-repeat;background-size:1765.517% 1765.517%;background-position:var(--icon-x) var(--icon-y);border-radius:18%;vertical-align:middle;color:transparent!important;font-size:0!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.nav-btn .sprite-icon{margin:auto}.action-card>.sprite-icon{margin-bottom:7px}.grid-cell .sprite-icon{width:clamp(12px,65%,32px);height:clamp(12px,65%,32px);flex-basis:auto}.avatar .sprite-icon{border-radius:50%}.brand-seal .sprite-icon{width:58px;height:58px;border-radius:50%}.enemy-sigil .sprite-icon{width:72px;height:72px;border-radius:50%}