:root{--bg: #060a13;--bg-deep: #04070d;--panel: rgba(12, 22, 40, .82);--panel-strong: rgba(15, 28, 50, .94);--line: rgba(105, 175, 255, .22);--line-soft: rgba(120, 160, 220, .14);--blue: #4aa8ff;--blue-soft: #7dd3fc;--text: #dce8ff;--muted: #8ea2c2;--gold: #f5c25d;--danger: #f47777;--mint: #5eead4;--violet: #a78bfa;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;letter-spacing:0}button{border:0;cursor:pointer;color:inherit;background:none}button:disabled{opacity:.45;cursor:default}.create-screen{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:hidden}.create-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(720px 360px at 50% -10%,rgba(46,130,255,.22),transparent 62%),radial-gradient(480px 260px at 88% 96%,rgba(120,90,255,.12),transparent 60%),linear-gradient(180deg,#08101f 0%,var(--bg) 55%,#05080f 100%);pointer-events:none}.create-card{position:relative;width:100%;max-width:420px;background:var(--panel-strong);border:1px solid var(--line);border-radius:10px;padding:22px 20px 24px;box-shadow:0 18px 50px #00000073}.create-title{display:flex;align-items:center;gap:12px;color:var(--blue-soft);margin-bottom:20px}.create-title h1{font-size:22px;line-height:1.2;color:#eaf3ff}.create-title p{font-size:12px;color:var(--muted)}.field-block{margin-bottom:16px}.field-block label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.id-input-wrap{display:flex;align-items:center;gap:8px;background:rgba(5,12,24,.7);border:1px solid var(--line-soft);border-radius:var(--radius);padding:0 11px;height:44px;color:var(--blue)}.id-input-wrap:focus-within{border-color:var(--blue)}.id-input-wrap input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);height:100%;font-size:15px}.field-error{color:var(--danger);font-size:12px;margin-top:6px}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.segmented:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}.segmented button{height:40px;border-radius:var(--radius);border:1px solid var(--line-soft);background:rgba(8,16,30,.65);color:var(--muted);font-size:13px}.segmented button.active{background:rgba(39,120,230,.22);border-color:var(--blue);color:var(--blue-soft)}.start-btn{width:100%;height:48px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);background:linear-gradient(135deg,#1668d6,#1d4f9e);color:#fff;font-size:15px;font-weight:600;box-shadow:0 8px 24px #1e6ee659}.app-shell{min-height:100dvh;max-width:640px;margin:0 auto;display:flex;flex-direction:column;position:relative}.system-header{position:sticky;top:0;z-index:30;padding:8px 12px 6px;background:linear-gradient(180deg,rgba(5,10,20,.96),rgba(5,10,20,.82));border-bottom:1px solid var(--line-soft)}.system-toggle{flex:1;height:32px;display:flex;align-items:center;justify-content:space-between;color:var(--blue-soft);font-size:13px;padding:0 4px}.system-top-row{display:flex;align-items:center;gap:6px}.exit-btn{width:34px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid var(--line-soft);color:var(--muted);background:rgba(14,28,52,.6)}.exit-btn:hover{color:var(--danger);border-color:#f4777773}.system-panel{border:1px solid var(--line);background:rgba(11,24,46,.92);border-radius:var(--radius);padding:10px 12px;margin-top:6px}.system-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.label{font-size:12px;color:var(--muted)}.label.gold{color:var(--gold)}.bar-row{display:grid;grid-template-columns:34px 1fr 62px;align-items:center;gap:8px;margin-top:6px}.bar-label{font-size:10px;color:var(--muted);text-align:right}.bar-label.hp{color:var(--danger)}.bar-label.mp{color:var(--blue-soft)}.bar{height:9px;border-radius:999px;background:rgba(4,10,20,.9);border:1px solid rgba(120,160,220,.16);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3a9bff,#7dd3fc);transition:width .25s ease}.bar.exp .bar-fill{background:linear-gradient(90deg,#8a5cf6,#c4b5fd)}.bar.hp .bar-fill{background:linear-gradient(90deg,#e85555,#f79a9a)}.bar.mp .bar-fill{background:linear-gradient(90deg,#2d86e8,#7dd3fc)}.bar.favor .bar-fill{background:linear-gradient(90deg,#e06a9e,#f5b7d0)}.bar-num{font-size:10px;color:var(--muted);white-space:nowrap}.content{flex:1;padding:14px 14px 96px;min-height:0}.story-view{display:flex;flex-direction:column;gap:12px}.scene-chip{align-self:flex-start;font-size:11px;color:var(--blue-soft);background:rgba(40,120,230,.12);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.node-title{font-size:19px;color:#eaf3ff;line-height:1.3}.system-box{border:1px solid var(--line);background:rgba(20,70,140,.16);border-radius:var(--radius);color:var(--blue-soft);font-size:13px;line-height:1.7;padding:10px 12px;white-space:pre-line}.story-text{font-size:14px;line-height:1.9;color:#d5e3ff;white-space:pre-line;padding:4px 2px}.player-line{color:var(--gold);font-size:13px;line-height:1.7;border-left:2px solid var(--gold);padding:4px 0 4px 10px}.hub-action{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--mint);background:rgba(46,190,160,.08);font-size:13px}.side-hint{display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(167,139,250,.35);background:rgba(120,90,220,.1);border-radius:var(--radius);color:#cdc1ff;font-size:12px;line-height:1.7;padding:9px 11px}.side-hint svg{flex-shrink:0;margin-top:2px;color:var(--violet)}.choice-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.choice-btn{min-height:46px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line-soft);background:rgba(14,28,52,.85);color:#cfe2ff;font-size:13px;line-height:1.5;text-align:left;transition:border-color .15s ease,background .15s ease}.choice-btn:hover{border-color:var(--blue);background:rgba(26,60,110,.6)}.tab-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:640px;height:64px;padding:6px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:rgba(6,12,24,.96);border-top:1px solid var(--line-soft);z-index:40}.tab-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10px;border-radius:var(--radius)}.tab-bar button.active{color:var(--blue-soft);background:rgba(38,116,224,.16)}.panel-list{display:flex;flex-direction:column;gap:12px}.panel{border:1px solid var(--line-soft);background:var(--panel);border-radius:var(--radius);padding:12px}.panel-head{display:flex;align-items:center;gap:8px;color:var(--blue-soft);margin-bottom:10px}.panel-head h3{font-size:14px;color:#dce9ff}.attr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.attr-cell{text-align:center;background:rgba(6,14,28,.7);border:1px solid var(--line-soft);border-radius:var(--radius);padding:8px 4px}.attr-cell span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.attr-cell b{font-size:16px;color:var(--blue-soft)}.combat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.combat-grid span{font-size:11px;color:var(--muted);background:rgba(6,14,28,.55);border-radius:var(--radius);padding:7px 8px;display:flex;justify-content:space-between}.combat-grid b{color:var(--text)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;color:var(--blue-soft);border:1px solid var(--line);border-radius:999px;padding:4px 9px;background:rgba(40,120,230,.1)}.tag.shadow{color:var(--violet);border-color:#a78bfa66;background:rgba(120,90,220,.12)}.meta-rows{display:flex;flex-direction:column;gap:6px}.meta-rows span{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-bottom:1px dashed var(--line-soft);padding-bottom:6px}.meta-rows b{color:var(--text)}.item-list{display:flex;flex-direction:column;gap:8px}.item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(6,14,28,.6);border:1px solid var(--line-soft);border-radius:var(--radius);padding:9px 10px}.item-row p{font-size:13px}.item-row p span{color:var(--gold);font-size:12px}.item-row small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.item-row .stat-note{color:var(--mint)}.mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 10px;border-radius:var(--radius);border:1px solid var(--line-soft);background:rgba(20,44,84,.55);color:#bcd6ff;font-size:11px;white-space:nowrap}.mini-btn.primary{border-color:var(--blue);color:var(--blue-soft);background:rgba(38,116,224,.2)}.mini-btn.danger{color:var(--danger);border-color:#f4777759}.item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.equipped-tag{font-style:normal;font-size:9px;color:var(--mint);border:1px solid rgba(94,234,212,.45);border-radius:999px;padding:1px 6px;margin-left:6px;vertical-align:1px}.empty-note{color:var(--muted);font-size:12px}.locked-box{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);padding:18px 0;font-size:13px}.task-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.task-row{border:1px solid var(--line-soft);border-radius:var(--radius);background:rgba(6,14,28,.55);padding:10px}.task-row.done{border-color:#5eead473}.task-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-top p{display:flex;align-items:center;gap:5px;font-size:13px;color:#d6e5ff}.task-top p svg{color:var(--mint)}.task-top span{font-size:12px;color:var(--blue-soft)}.task-row small{display:block;color:var(--muted);font-size:11px;margin:5px 0 7px}.task-row em{display:block;font-style:normal;font-size:11px;color:var(--gold);margin-top:6px}.hint-list,.quest-list,.shop-list{display:flex;flex-direction:column;gap:8px}.hint-row{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.7;color:#cdc1ff;background:rgba(120,90,220,.08);border:1px solid rgba(167,139,250,.25);border-radius:var(--radius);padding:8px 10px}.hint-row svg{flex-shrink:0;margin-top:2px;color:var(--violet)}.quest-note{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:10px}.quest-source{font-size:10px;color:var(--blue-soft);border:1px solid rgba(74,168,255,.35);border-radius:999px;padding:1px 7px;white-space:nowrap}.quest-source.main{color:var(--gold);border-color:#f5c25d66}.quest-source.side{color:var(--violet);border-color:#a78bfa66}.quest-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.quest-foot em{display:block;font-style:normal;font-size:11px;color:var(--gold)}.quest-foot span{font-size:11px;color:var(--blue-soft);white-space:nowrap}.quest-actions{display:flex;justify-content:flex-end;margin-top:8px}.price-tag{font-size:11px;color:var(--gold);white-space:nowrap}.forge-row small{white-space:normal}.equip-list{display:flex;flex-direction:column;gap:6px}.equip-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;background:rgba(6,14,28,.6);border:1px solid var(--line-soft);border-radius:var(--radius);padding:8px 10px}.equip-row b{font-size:12px;color:#dce9ff}.equip-row small{font-size:10px;color:var(--mint);white-space:nowrap}.equip-slot{font-size:10px;color:var(--blue-soft);border:1px solid var(--line);border-radius:999px;padding:2px 7px;text-align:center}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:var(--radius);background:linear-gradient(135deg,#1668d6,#1d4f9e);color:#fff;font-size:13px;font-weight:600}.primary-btn.wide{width:100%}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--line-soft);color:var(--muted);font-size:13px}.bond-card{padding:12px}.bond-head{display:flex;align-items:center;gap:10px}.bond-avatar{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(145deg,rgba(52,126,230,.5),rgba(30,70,140,.5));border:1px solid var(--line);color:#eaf3ff;font-size:17px;font-weight:700}.bond-title{flex:1;min-width:0}.bond-title p{display:flex;align-items:center;gap:6px;font-size:14px}.bond-title small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.renamed-tag{font-size:9px;color:var(--gold);border:1px solid rgba(245,194,93,.4);border-radius:999px;padding:1px 6px}.tier{font-size:12px;border:1px solid currentColor;border-radius:999px;padding:2px 8px;flex-shrink:0}.favor-bar-row{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-top:10px;font-size:11px;color:var(--muted)}.daily-note{display:block;color:var(--muted);font-size:11px;margin-top:6px}.bond-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rename-box{display:flex;gap:6px;margin-top:8px}.rename-box input{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(5,12,24,.8);color:var(--text);outline:0}.love-box{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-soft)}.toggle-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--radius);border:1px solid rgba(244,119,119,.4);color:var(--muted);font-size:11px}.toggle-btn.on{color:#ffd1d1;border-color:var(--danger);background:rgba(200,70,90,.16)}.save-desc{color:var(--muted);font-size:12px;line-height:1.6}.anchor-list{display:flex;flex-direction:column;gap:8px}.anchor-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line-soft);border-radius:var(--radius);background:rgba(6,14,28,.55);padding:8px}.anchor-row input{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:var(--radius);border:1px solid var(--line-soft);background:rgba(5,12,24,.8);color:var(--text);outline:0}.anchor-row small{color:var(--muted);font-size:10px;white-space:nowrap}.anchor-actions{display:flex;gap:4px}.save-actions{display:flex;flex-wrap:wrap;gap:8px}.battle-view{display:flex;flex-direction:column;gap:12px}.battle-head{display:flex;align-items:center;gap:8px;color:var(--danger)}.battle-head h2{font-size:17px;color:#ffe3e3}.battle-hint{font-size:12px;color:var(--muted);border-left:2px solid var(--danger);padding:2px 0 2px 10px}.enemy-list{display:flex;flex-direction:column;gap:8px}.enemy-card{border:1px solid rgba(244,119,119,.35);background:rgba(70,16,24,.32);border-radius:var(--radius);padding:8px 10px}.enemy-card.dead{opacity:.5;border-color:#78a0dc33}.enemy-name{font-size:12px;color:#ffd7d7;margin-bottom:6px;display:flex;justify-content:space-between}.enemy-card .bar-num{display:block;text-align:right;margin-top:4px}.player-battle-card{border:1px solid var(--line);background:rgba(14,32,60,.8);border-radius:var(--radius);padding:10px}.player-battle-row{display:grid;grid-template-columns:34px 1fr 78px;align-items:center;gap:8px;margin-top:6px}.status-chips{display:flex;gap:6px;margin-top:8px}.chip{font-size:10px;border-radius:999px;padding:3px 8px}.chip.danger{color:#ffcaca;background:rgba(190,60,70,.25);border:1px solid rgba(244,119,119,.5)}.chip.buff{color:var(--mint);background:rgba(46,190,160,.18);border:1px solid rgba(94,234,212,.45)}.battle-log{max-height:220px;overflow-y:auto;border:1px solid var(--line-soft);background:rgba(4,10,20,.7);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:5px}.battle-log p{font-size:12px;line-height:1.55}.log-system{color:var(--blue-soft)}.log-player{color:#d7e7ff}.log-enemy{color:#ffc7c7}.log-heal{color:var(--mint)}.log-miss{color:var(--muted)}.log-skill{color:var(--violet)}.log-win{color:var(--gold);font-weight:600}.log-lose{color:var(--danger);font-weight:600}.battle-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:58px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(16,34,64,.85);color:var(--blue-soft);font-size:11px}.action-btn.muted{color:var(--muted)}.submenu{display:flex;flex-direction:column;gap:6px}.submenu button{min-height:38px;border-radius:var(--radius);border:1px solid var(--line-soft);background:rgba(12,26,50,.9);color:#cfe2ff;font-size:12px}.submenu button.disabled{color:var(--muted)}.battle-result-card{text-align:center}.skill-gain{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--violet);background:rgba(120,90,220,.12);border:1px solid rgba(167,139,250,.35);border-radius:var(--radius);padding:9px 11px;font-size:13px;width:100%}.confirm-card .confirm-desc{color:#cddcfa;font-size:13px;line-height:1.7;margin-bottom:8px}.confirm-card .confirm-meta{color:var(--mint);font-size:12px;line-height:1.6;margin-bottom:12px}.confirm-card .confirm-question{color:var(--muted);font-size:12px;margin-bottom:14px}.confirm-actions{display:flex;gap:8px}.confirm-actions .primary-btn,.confirm-actions .ghost-btn{flex:1;width:auto}.skill-list{display:flex;flex-direction:column;gap:8px}.skill-row{border:1px solid var(--line-soft);background:rgba(6,14,28,.55);border-radius:var(--radius);padding:9px 10px}.skill-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.skill-head b{font-size:13px;color:#dce9ff}.skill-level{font-size:10px;color:var(--blue-soft);border:1px solid rgba(74,168,255,.4);border-radius:999px;padding:2px 8px;white-space:nowrap}.skill-level.maxed{color:var(--mint);border-color:#5eead473}.skill-row>small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px}.skill-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.skill-foot em{font-style:normal;font-size:11px;color:var(--gold);line-height:1.5}.passive-tags{margin-top:10px}.locked-skill-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.locked-skill{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);background:rgba(6,14,28,.5);border:1px dashed var(--line-soft);border-radius:var(--radius);padding:7px 9px}.locked-skill small{color:var(--violet);font-size:10px;text-align:right;line-height:1.4}.battle-result{border-radius:var(--radius);padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.battle-result.won{border:1px solid rgba(94,234,212,.5);background:rgba(20,80,70,.28)}.battle-result.lost{border:1px solid rgba(244,119,119,.5);background:rgba(80,18,28,.3);color:#ffd7d7}.battle-result h3{font-size:17px}.battle-result p{font-size:12px;color:var(--muted)}.reward-line{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:12px;color:var(--gold)}.lost-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.end-view{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:26px 8px;color:#eaf3ff}.end-view>svg{color:var(--gold)}.end-kicker{color:var(--muted);font-size:12px}.end-view h2{font-size:22px;color:var(--blue-soft)}.end-desc{color:#c7d8f7;font-size:14px;line-height:1.9;max-width:480px}.end-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.end-stats div{border:1px solid var(--line-soft);background:var(--panel);border-radius:var(--radius);padding:10px 4px}.end-stats span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.end-stats b{font-size:16px;color:var(--gold)}.end-actions{display:flex;gap:8px}.end-favor-note{color:var(--muted);font-size:11px;line-height:1.6}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(2,6,14,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{position:relative;width:100%;max-width:420px;border:1px solid var(--line);background:var(--panel-strong);border-radius:10px;padding:18px}.modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--muted)}.modal-card h3{font-size:16px;color:#e6f0ff;margin-bottom:12px;padding-right:28px}.modal-card textarea{width:100%;min-height:90px;resize:none;border:1px solid var(--line);border-radius:var(--radius);background:rgba(5,12,24,.85);color:var(--text);padding:10px;outline:0;font-size:14px;line-height:1.6;margin-bottom:12px}.modal-card .primary-btn{width:100%}.event-card p{color:#cddcfa;font-size:13px;line-height:1.8;margin-bottom:14px}.chat-card{display:flex;flex-direction:column;max-height:72dvh;padding:14px}.chat-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.chat-head h3{margin-bottom:2px}.chat-head p{color:var(--muted);font-size:11px}.chat-log{flex:1;min-height:160px;max-height:44dvh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.chat-msg{max-width:86%;font-size:12px;line-height:1.6;border-radius:var(--radius);padding:8px 10px;white-space:pre-line}.chat-msg.npc{align-self:flex-start;background:rgba(30,70,130,.35);border:1px solid var(--line-soft);color:#d5e4ff}.chat-msg.player{align-self:flex-end;background:rgba(24,100,210,.35);border:1px solid rgba(74,168,255,.4);color:#eaf3ff}.chat-input{display:flex;gap:6px}.chat-input input{flex:1;min-width:0;height:40px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(5,12,24,.85);color:var(--text);padding:0 12px;outline:0}.chat-input button{width:42px;height:40px;flex-shrink:0;border-radius:var(--radius);background:rgba(38,116,224,.25);border:1px solid var(--line);color:var(--blue-soft);display:flex;align-items:center;justify-content:center}.toast{position:fixed;left:50%;transform:translate(-50%);top:76px;z-index:120;background:rgba(10,26,50,.96);border:1px solid var(--line);color:var(--blue-soft);font-size:12px;border-radius:999px;padding:8px 16px;box-shadow:0 10px 30px #0006;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media (max-width: 380px){.content{padding:12px 10px 90px}.attr-grid{grid-template-columns:repeat(3,1fr)}.combat-grid,.end-stats{grid-template-columns:repeat(2,1fr)}.system-row{flex-wrap:wrap}}.home-screen{min-height:100dvh;background:radial-gradient(760px 420px at 50% -12%,rgba(42,120,230,.28),transparent 64%),linear-gradient(180deg,#0a1224 0%,#060b16 58%,#04070d 100%)}.home-poster{position:relative;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.home-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0;filter:saturate(1.08) brightness(.78)}.home-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(4,8,16,.78) 0%,rgba(4,8,16,.22) 34%,rgba(4,8,16,.28) 58%,rgba(4,8,16,.88) 100%),linear-gradient(90deg,rgba(4,8,16,.5) 0%,rgba(4,8,16,0) 22%,rgba(4,8,16,0) 78%,rgba(4,8,16,.5) 100%);pointer-events:none}.home-skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:46vh;min-height:280px;z-index:2;opacity:.4}.home-gate{animation:gatePulse 3.2s ease-in-out infinite;transform-origin:50% 100%;mix-blend-mode:screen}@keyframes gatePulse{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.04)}}.home-content{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:76px 18px 96px;width:100%;max-width:640px;margin:0 auto}.home-title{text-align:center;color:#eaf3ff;display:flex;flex-direction:column;align-items:center;gap:8px}.home-title>svg{color:var(--blue);margin-bottom:4px}.home-kicker{color:var(--blue-soft);font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:rgba(20,60,130,.22)}.home-title h1{font-size:44px;line-height:1.05;font-weight:800;color:#f3f8ff;text-shadow:0 0 30px rgba(74,168,255,.55)}.home-sub{color:#a9bddb;font-size:13px;max-width:280px;line-height:1.6}.home-menu{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}.home-btn{position:relative;height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--radius);border:1px solid var(--line-soft);background:rgba(14,28,52,.9);color:#cfe2ff;font-size:14px}.home-btn.primary{background:linear-gradient(135deg,#1668d6,#1d4f9e);border-color:#4aa8ff8c;color:#fff;font-weight:600;box-shadow:0 10px 28px #1e6ee659}.home-btn:disabled{opacity:.42;cursor:default}.save-hint{position:absolute;right:14px;font-size:10px;color:var(--muted)}.home-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-footer{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:var(--muted);font-size:10px;z-index:3}.home-arrow{position:absolute;right:16px;bottom:18px;color:#7dd3fc59;z-index:3}.info-modal{max-height:82dvh;display:flex;flex-direction:column;padding:18px}.info-head{display:flex;align-items:center;gap:9px;color:var(--blue-soft);margin-bottom:14px}.info-head h3{margin:0;padding:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line-soft)}.setting-label{display:flex;align-items:center;gap:10px;color:#d5e4ff}.setting-label p{font-size:13px}.setting-label small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.switch{width:46px;height:26px;flex-shrink:0;border-radius:999px;background:rgba(80,100,130,.4);border:1px solid var(--line-soft);position:relative;transition:background .18s ease}.switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#c9d9f2;transition:left .18s ease,background .18s ease}.switch.on{background:rgba(38,116,224,.55);border-color:var(--blue)}.switch.on span{left:23px;background:#eaf3ff}.about-modal{overflow:hidden}.about-scroll{overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:14px}.about-scroll h4{color:var(--blue-soft);font-size:14px;margin-bottom:8px}.about-scroll ul{list-style:none;display:flex;flex-direction:column;gap:7px}.about-scroll li{font-size:12px;line-height:1.7;color:#c9d8f4;padding-left:13px;position:relative}.about-scroll li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--blue)}.disclaimer{border-top:1px dashed var(--line-soft);padding-top:12px}.disclaimer p{color:var(--muted);font-size:11px;line-height:1.7}.confirm-text{color:#c9d8f4;font-size:13px;line-height:1.8;margin-bottom:16px}.confirm-actions{display:flex;flex-direction:column;gap:8px}.confirm-actions .ghost-btn{width:100%}