:root{--bg-dark: #080b0f;--bg-card: rgba(16, 22, 30, .78);--bg-card-hover: rgba(22, 31, 42, .88);--bg-elevated: #161e28;--ember-core: #ff3d00;--ember-flame: #ff6d00;--gold-primary: #ffb300;--gold-bright: #ffe082;--gold-dim: #b8860b;--cold-sea: #1f3344;--cold-mist: #2c475d;--danger-crimson: #d32f2f;--txt-pure: #ffffff;--txt-main: #e8ecf1;--txt-sub: #94a3b3;--txt-dim: #5c6c7d;--border-gold-subtle: rgba(255, 179, 0, .2);--border-gold-glow: rgba(255, 109, 0, .55);--border-glass: rgba(255, 255, 255, .08);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;color:var(--txt-main);background-color:var(--bg-dark);font-family:var(--font-family);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden}h1,h2,h3,h4,p,blockquote,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button,input,label{font:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.8)}.game-launcher{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;background:radial-gradient(circle at 50% 20%,#152230,#0c1219 45%,#06080b);color:var(--txt-main);-webkit-user-select:none;user-select:none}.ember-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.launcher-frame{position:relative;z-index:2;width:100%;max-width:1360px;min-height:100%;display:flex;flex-direction:column;padding:clamp(16px,2.5vw,36px);gap:clamp(20px,3vh,36px)}.launcher-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:12px 20px;background:#0d131ba6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:8px;box-shadow:0 4px 24px #0006}.topbar-left{display:flex;align-items:center;gap:14px}.game-badge{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em;font-weight:700;color:var(--gold-bright)}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--ember-core);box-shadow:0 0 10px var(--ember-flame);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 14px var(--ember-core)}}.badge-sep{color:var(--txt-dim)}.badge-desc{color:var(--txt-sub);font-weight:500}.version-tag{font-size:11px;padding:3px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--txt-sub);letter-spacing:.05em}.topbar-right{display:flex;align-items:center;gap:12px}.top-nav-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--txt-sub);background:#ffffff08;border:1px solid var(--border-glass);border-radius:6px;transition:all .2s cubic-bezier(.2,0,0,1)}.top-nav-btn:hover{color:var(--gold-bright);background:#ffb30014;border-color:var(--border-gold-subtle);transform:translateY(-1px)}.top-nav-btn.active{color:#ff9100;background:#ff6d001f;border-color:#ff6d0066}.nav-icon{width:15px;height:15px}.engine-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#64b5f6;padding-left:6px;border-left:1px solid var(--border-glass)}.live-dot{width:6px;height:6px;border-radius:50%;background:#64b5f6;box-shadow:0 0 6px #64b5f6}.launcher-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.95fr);gap:clamp(24px,4vw,56px);align-items:start;flex:1}.hero-section{display:flex;flex-direction:column;gap:clamp(20px,3vh,32px);min-width:0}.brand-group{display:flex;align-items:center;gap:20px}.fire-emblem{position:relative;width:clamp(64px,7vw,88px);aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#3e1b12,#1e110c);border:1px solid rgba(255,109,0,.45);border-radius:12px;box-shadow:0 0 28px #ff572259,inset 0 0 16px #ff6d0040;overflow:hidden}.fire-emblem:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,179,0,.3) 180deg,transparent 360deg);animation:rotate-flame 8s linear infinite}@keyframes rotate-flame{to{transform:rotate(360deg)}}.emblem-inner{position:relative;z-index:1;width:72%;height:72%;display:grid;place-items:center}.flame-svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(255,109,0,.6))}.brand-text{display:flex;flex-direction:column;gap:4px}.title-wrap{display:flex;align-items:baseline;gap:14px}.main-title{font-size:clamp(52px,7vw,92px);font-weight:900;letter-spacing:-.01em;line-height:.95;background:linear-gradient(180deg,#fff,#fff3e0 35%,#ffb74d 75%,#ff7043);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px rgba(255,87,34,.35))}.latin-title{font-size:clamp(14px,1.8vw,22px);font-weight:800;letter-spacing:.3em;color:#ffb300b3;text-transform:uppercase}.tagline{font-size:13px;letter-spacing:.16em;color:var(--txt-sub);font-weight:500}.lore-card{position:relative;padding:22px 24px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-left:4px solid var(--gold-primary);border-radius:8px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:14px}.lore-header{display:flex;align-items:center;justify-content:space-between}.lore-pill{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--gold-primary);text-transform:uppercase}.lore-meta{font-size:12px;color:var(--txt-dim)}.lore-quote p{font-size:clamp(18px,2.2vw,24px);font-weight:700;color:var(--gold-bright);letter-spacing:.05em;line-height:1.3}.lore-quote cite{display:block;font-style:normal;font-size:12px;margin-top:6px;color:var(--txt-sub)}.lore-intro{font-size:14px;line-height:1.75;color:#b0bec5}.cta-console{display:flex;flex-direction:column;gap:16px;margin-top:8px}.btn-hero-launch{position:relative;width:100%;max-width:440px;padding:20px 32px;background:linear-gradient(135deg,#ff6d00,#e65100 60%,#bf360c);border:1px solid rgba(255,215,64,.45);border-radius:10px;box-shadow:0 8px 30px #e6510073,0 0 16px #ff6d0040;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-hero-launch:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 40px #e65100a6,0 0 24px #ffb30066;border-color:#ffeb3bcc}.btn-hero-launch:active{transform:translateY(1px) scale(.99)}.btn-glow-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,235,59,.4),transparent 70%);pointer-events:none}.btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:16px}.btn-icon{width:28px;height:28px;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));flex-shrink:0}.btn-texts{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.btn-primary-text{font-size:clamp(20px,2.2vw,24px);font-weight:800;letter-spacing:.08em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.btn-secondary-text{font-size:12px;letter-spacing:.06em;color:#fff3e0d9;margin-top:2px}.btn-shimmer{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-25deg);animation:sweep 4.5s infinite}@keyframes sweep{0%{left:-100%}25%,to{left:200%}}.btn-sub-action{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:10px 18px;font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--txt-sub);background:#ffffff0a;border:1px solid var(--border-glass);border-radius:6px;transition:all .2s ease}.btn-sub-action:hover{color:var(--txt-pure);background:#ffffff14;border-color:#fff3}.btn-sub-action.danger{color:#ff8a80;background:#d32f2f33;border-color:#d32f2f80;animation:pulse-danger 1.5s infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.75}}.sub-icon{width:16px;height:16px}.hud-notice{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#1a232fe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-gold-subtle);border-left:3px solid var(--gold-bright);border-radius:6px;box-shadow:0 6px 20px #00000059;font-size:13px;color:var(--gold-bright)}.notice-spark{color:var(--gold-primary);font-size:14px}.notice-msg{flex:1}.notice-close{color:var(--txt-dim);font-size:18px;line-height:1;padding:2px 6px}.notice-close:hover{color:var(--txt-pure)}.station-aside{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 12px 40px #0006}.slot-station-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border-glass)}.station-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--gold-bright);text-transform:uppercase}.title-icon{width:18px;height:18px;color:var(--gold-primary)}.station-badge{font-size:11px;padding:2px 8px;background:#ffb3001a;border:1px solid rgba(255,179,0,.2);border-radius:4px;color:var(--gold-primary)}.slot-cards-group{display:flex;flex-direction:column;gap:14px}.slot-deck-card{position:relative;padding:16px 20px;background:#0a0f1699;border:1px solid var(--border-glass);border-radius:8px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .22s cubic-bezier(.2,0,0,1)}.slot-deck-card:hover{background:var(--bg-card-hover);border-color:#ffffff2e;transform:translateY(-2px)}.slot-deck-card.active{background:linear-gradient(135deg,#1e1810cc,#121820d9);border-color:var(--gold-primary);box-shadow:0 0 20px #ffb30033,inset 0 0 12px #ff6d0026}.slot-deck-card.active .card-indicator{position:absolute;left:0;top:12px;bottom:12px;width:4px;background:linear-gradient(180deg,var(--gold-bright),var(--ember-core));border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--ember-flame)}.card-top-row{display:flex;align-items:center;justify-content:space-between}.slot-index-pill{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--gold-bright)}.active-badge{font-size:11px;font-weight:700;color:#ff9100;background:#ff6d0026;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,109,0,.35)}.idle-badge{font-size:11px;color:var(--txt-dim)}.card-main-title{font-size:16px;font-weight:700;color:var(--txt-pure);letter-spacing:.04em}.card-status-row{display:flex;flex-wrap:wrap;gap:8px}.status-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 8px;border-radius:4px}.chip-icon{width:13px;height:13px;color:var(--gold-primary)}.day-chip{background:#ffb30014;color:var(--gold-bright);border:1px solid rgba(255,179,0,.2)}.health-chip{background:#4caf501f;color:#81c784;border:1px solid rgba(76,175,80,.25)}.empty-chip{background:#ffffff0a;color:var(--txt-dim);border:1px dashed rgba(255,255,255,.1)}.card-footer-info{font-size:11px;color:var(--txt-dim);padding-top:6px;border-top:1px solid rgba(255,255,255,.04)}.slot-tools-dock{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid var(--border-glass)}.dock-title{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--txt-sub)}.dock-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-dock{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;font-size:12px;font-weight:500;color:var(--txt-sub);background:#ffffff08;border:1px solid var(--border-glass);border-radius:6px;transition:all .2s ease}.btn-dock:hover:not(:disabled){color:var(--gold-bright);background:#ffb30014;border-color:var(--border-gold-subtle);transform:translateY(-1px)}.dock-icon{width:18px;height:18px}.hidden-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.launcher-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px 20px;border-top:1px solid var(--border-glass);font-size:12px;color:var(--txt-dim);margin-top:auto}.footer-left{display:flex;align-items:center;gap:10px}.footer-pill{font-size:10px;font-weight:700;padding:2px 6px;background:#ffffff0f;border-radius:3px;color:var(--txt-sub)}.footer-txt{color:var(--txt-sub)}.footer-right{display:flex;align-items:center;gap:10px}.footer-sep{color:var(--border-glass)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#040609d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{width:min(640px,100%);max-height:85vh;display:flex;flex-direction:column;background:#111822;border:1px solid var(--border-gold-subtle);border-radius:12px;box-shadow:0 20px 60px #000000b3,0 0 30px #ff6d0026;overflow:hidden;animation:modal-scale-up .24s cubic-bezier(.16,1,.3,1)}@keyframes modal-scale-up{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-glass)}.modal-title-wrap{display:flex;flex-direction:column;gap:2px}.modal-tag{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--gold-primary)}.modal-title{font-size:18px;font-weight:700;color:var(--txt-pure)}.modal-close-btn{font-size:24px;line-height:1;color:var(--txt-dim);padding:4px 8px;border-radius:4px}.modal-close-btn:hover{color:var(--txt-pure);background:#ffffff14}.modal-body{padding:24px;overflow-y:auto}.guide-grid{display:flex;flex-direction:column;gap:20px}.guide-block{display:flex;flex-direction:column;gap:10px}.guide-subtitle{font-size:14px;font-weight:700;color:var(--gold-bright)}.guide-list{display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.6;color:#cfd8dc}.guide-list.ordered{list-style:decimal;padding-left:20px}.guide-list kbd{display:inline-block;padding:2px 6px;font-size:11px;font-family:inherit;font-weight:700;color:#fff;background:#263238;border:1px solid #455a64;border-radius:4px;box-shadow:0 2px #1b262c;margin:0 2px}.patch-item{display:flex;flex-direction:column;gap:12px}.patch-ver{font-size:14px;font-weight:700;color:var(--gold-primary);border-left:3px solid var(--gold-primary);padding-left:10px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-glass);display:flex;justify-content:flex-end}.btn-modal-action{padding:10px 22px;font-size:13px;font-weight:700;color:#fff;background:var(--cold-mist);border:1px solid rgba(255,255,255,.15);border-radius:6px;transition:all .2s}.btn-modal-action:hover{background:#375a7f}.play{position:relative;width:100%;height:100%;background:#0f161e;overflow:hidden}.play .view{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.hud-time{padding:8px 16px;background:#0d131bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-left:3px solid var(--gold-primary);border-radius:6px;font-size:13px;font-weight:700;color:var(--gold-bright);box-shadow:0 4px 16px #0006}.btn-hud-menu{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0d131bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:6px;color:var(--txt-main);font-size:12px;font-weight:600;box-shadow:0 4px 16px #0006;transition:all .2s ease}.btn-hud-menu:hover{color:var(--gold-bright);background:#161f2af2;border-color:var(--border-gold-subtle)}.hud-icon{width:16px;height:16px}.quest{position:absolute;top:72px;left:16px;width:min(340px,calc(100% - 32px));padding:16px 18px;background:#0d131be0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:8px;z-index:10}.quest .eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--gold-primary);text-transform:uppercase}.quest h2{font-size:17px;font-weight:700;color:var(--txt-pure)}.quest-hint-txt{font-size:13px;line-height:1.5;color:#b0bec5}.quest .mats{font-size:12px;color:var(--gold-bright);padding:4px 8px;background:#ffb30014;border-radius:4px;border-left:2px solid var(--gold-primary)}.quest .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.quest .actions button{padding:7px 14px;font-size:12px;font-weight:600;background:#ffffff14;border:1px solid var(--border-glass);border-radius:5px;color:var(--txt-main);transition:all .2s}.quest .actions button:hover:not(:disabled){background:#ffffff29;color:var(--txt-pure)}.quest .actions button.primary{background:linear-gradient(135deg,#ff6d00,#e65100);border-color:#ffb30080;color:#fff;box-shadow:0 2px 10px #e6510059}.quest .actions button.primary:hover{background:linear-gradient(135deg,#ff7d1a,#f55a00);box-shadow:0 4px 14px #e6510080}.bag{position:absolute;top:72px;right:16px;width:min(240px,calc(100% - 32px));max-height:55vh;overflow-y:auto;padding:14px 16px;background:#0d131be0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:6px;z-index:10}.bag .eyebrow{font-size:11px;font-weight:700;color:var(--txt-sub);letter-spacing:.08em;padding-bottom:4px;border-bottom:1px solid var(--border-glass)}.bag .empty{font-size:12px;color:var(--txt-dim);padding:8px 0}.bag-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;color:var(--txt-main);border-bottom:1px solid rgba(255,255,255,.03)}.item-count{color:var(--gold-bright);font-weight:600}.toast{position:absolute;bottom:90px;left:50%;transform:translate(-50%);padding:10px 20px;background:#0d131beb;border:1px solid var(--border-gold-subtle);border-radius:6px;font-size:13px;font-weight:600;color:var(--gold-bright);box-shadow:0 6px 20px #00000080;pointer-events:none;z-index:20}.pad{position:absolute;bottom:24px;right:24px;display:grid;grid-template-areas:". u ." "l . r" ". d .";gap:8px;z-index:15}.pad-btn{width:50px;height:50px;background:#0d131bd9;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--txt-main);font-size:16px;display:grid;place-items:center;box-shadow:0 4px 12px #0006;touch-action:none}.pad-btn:active{background:#ff6d0059;border-color:var(--gold-primary);color:#fff}.pad-u{grid-area:u}.pad-l{grid-area:l}.pad-d{grid-area:d}.pad-r{grid-area:r}@media(max-width:900px){.launcher-main{grid-template-columns:1fr;gap:32px}.station-aside,.btn-hero-launch{max-width:100%}.topbar-left{gap:8px}}@media(max-width:600px){.launcher-frame{padding:12px;gap:20px}.launcher-topbar{padding:10px 14px}.engine-status{display:none}.title-wrap{flex-direction:column;gap:2px}.latin-title{padding-left:0}.brand-group{gap:14px}.dock-buttons{grid-template-columns:1fr}.pad{bottom:16px;right:16px}.pad-btn{width:44px;height:44px}}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}
