html,body{margin:0;padding:0;background:#100e0c;color:#ece4d6;font-family:Segoe UI,system-ui,sans-serif}button{font-family:inherit}:root{--bg: #100e0c;--panel: #1b1815;--panel-2: #232019;--panel-3: #2a251d;--line: #332e26;--gold: #d4af7a;--gold-dim: #9a8460;--text: #ece4d6;--muted: #9a8f7d;--danger: #d9534f;--teal: #5eb0a8;--metal: #b9bec7;--bois: #a8894f;--power: #e0794a;--chroma: #d4af7a;--lumina: #9fe4e4}*{box-sizing:border-box}.app{min-height:100vh;color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.muted{color:var(--muted)}.small{font-size:.8rem}.rt{text-align:right}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.7rem 1.2rem;background:linear-gradient(180deg,#241f18,#1b1815);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-size:1.15rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.brand-mark{color:var(--gold)}.resources{margin-left:auto;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:baseline;gap:.35rem;background:#2a2418;border:1px solid var(--gold-dim);color:var(--gold);padding:.3rem .7rem;border-radius:999px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.chip-rate{font-size:.62rem;opacity:.7;font-weight:500}.chip.metal{background:#222528;border-color:#6f7b86;color:var(--metal)}.chip.bois{background:#262019;border-color:#8a6f45;color:var(--bois)}.chip.puissance{background:#2a1f1c;border-color:#a15c5c;color:#e0a08a}.chip.chroma{background:#2a2418;border-color:var(--gold-dim);color:var(--gold)}.chip.lumina{background:#1e2a2e;border-color:#5fd4d4;color:var(--lumina)}.chip.gommage{background:#2a2a2a;border-color:#b8b8b8;color:#e8e8e8}.chip.fracture{background:#2c2140;border-color:#8b6bb0;color:#c6a8e6}.exp-chip{background:#3a2f1c;border:1px solid var(--gold);color:var(--gold);font-weight:700;font-size:.78rem;border-radius:6px;padding:.2rem .5rem;white-space:nowrap}.tabs{display:flex;gap:.4rem}.tabs button{background:transparent;border:1px solid transparent;color:var(--muted);padding:.45rem .9rem;border-radius:8px;cursor:pointer;font-size:.95rem}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--panel-2);border-color:var(--line);color:var(--gold)}.content{padding:1.2rem;max-width:1100px;margin:0 auto}.side-nav{display:none}@media(min-width:1400px){.side-nav{position:fixed;left:1.1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.1rem;z-index:20;padding-left:.8rem;border-left:2px solid var(--line)}.topbar .tabs{display:none}}.side-nav button{position:relative;background:transparent;border:none;text-align:left;color:var(--muted);cursor:pointer;font-size:.9rem;white-space:nowrap;padding:.38rem .6rem .38rem .7rem;border-radius:6px;transition:color .15s,background .15s}.side-nav button:hover{color:var(--text);background:var(--panel-2)}.side-nav button.active{color:var(--gold);font-weight:700}.side-nav button:before{content:"";position:absolute;left:-.92rem;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:var(--panel-2);border:2px solid var(--line);transition:background .15s,box-shadow .15s}.side-nav button:hover:before{border-color:var(--gold-dim)}.side-nav button.active:before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 3px #d4af7a38}.zone-nav{display:none}@media(min-width:1500px){.zone-nav{position:fixed;right:.75rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.1rem;z-index:20;padding-right:.8rem;border-right:2px solid var(--line);text-align:right;max-width:190px;max-height:92vh;overflow-y:auto}}.zone-nav-title{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:0 .6rem .25rem 0;opacity:.7}.zone-nav-act{display:flex;flex-direction:column}.zone-nav-act-head{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;background:transparent;border:none;cursor:pointer;white-space:nowrap;color:var(--text);font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.4rem .7rem .3rem .6rem;border-radius:6px}.zone-nav-act-head:hover{background:var(--panel-2)}.zone-nav-act-head .caret{color:var(--teal);font-size:.7rem}.zone-nav-count{color:var(--muted);font-size:.68rem;font-weight:600;background:var(--panel-2);border-radius:8px;padding:0 .3rem;min-width:1.1em;text-align:center}.zone-link{position:relative;background:transparent;border:none;text-align:right;color:var(--muted);cursor:pointer;font-size:.86rem;white-space:nowrap;padding:.32rem .7rem .32rem .6rem;border-radius:6px;max-width:190px;overflow:hidden;text-overflow:ellipsis;transition:color .15s,background .15s}.zone-link:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.zone-link.active{color:var(--teal);font-weight:700}.zone-link.locked{opacity:.35;cursor:not-allowed}.zone-link.cleared{color:var(--gold-dim)}.zone-link.detour{font-style:italic}.zone-check{color:var(--teal)}.zone-link:before{content:"";position:absolute;right:-.92rem;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--panel-2);border:2px solid var(--line);transition:background .15s,box-shadow .15s}.zone-link.cleared:before{background:var(--gold-dim);border-color:var(--gold-dim)}.zone-link.active:before{background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 3px #5fd4d438}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:.5rem .9rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--gold-dim)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:#3a2f1c;border-color:var(--gold);color:var(--gold)}.btn.upgrade{background:#1e3a26;border-color:#4caf6a;color:#8ee6a4;font-weight:700}.btn.upgrade:hover:not(:disabled){background:#2c5a3a;border-color:#74e08f;color:#b6f5c4}.btn.tiny{padding:.25rem .5rem;font-size:.78rem}.btn.ghost{background:transparent}.warn{background:#2a2418;border:1px solid var(--gold-dim);color:var(--gold);padding:.6rem .9rem;border-radius:8px;margin:.6rem 0}.progress{height:8px;background:#2a251d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);transition:width .3s}.tag{font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem;vertical-align:middle;border:1px solid currentColor}.tag.detour{color:var(--teal)}.tag.ngplus{color:#c6a8e6}.tag.done{color:#8ee6a4}.city{display:flex;flex-direction:column;gap:1.1rem}.city-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;flex-wrap:wrap}.city-head h2{margin:0 0 .2rem;color:var(--gold)}.city-head p{margin:0}.city-mults{display:flex;gap:.35rem;flex-wrap:wrap}.mult-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--muted)}.mult-chip.power{border-color:#a15c5c;color:#e0a08a}.dtable-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.dtable{width:100%;border-collapse:collapse;font-size:.85rem;min-width:620px}.dtable thead th{text-align:left;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-dim);font-weight:600;padding:.45rem .7rem;background:var(--panel-2);border-bottom:1px solid var(--line);white-space:nowrap}.dtable thead th.rt,.dtable td.rt{text-align:right}.dtable tbody tr{border-bottom:1px solid rgba(51,46,38,.55);transition:background .12s}.dtable tbody tr:last-child{border-bottom:none}.dtable tbody tr:hover{background:var(--panel-2)}.dtable td{padding:.4rem .7rem;vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums}.dt-name{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.88rem}.dt-icon{font-size:1.05rem;line-height:1;flex:0 0 auto;display:inline-block;width:1.5em;text-align:center}.dt-ricon{display:inline-block;width:1.25em;text-align:center}.dt-sub{display:block;font-size:.72rem;color:var(--muted);font-weight:400;white-space:normal;max-width:34ch}.dt-level{color:var(--gold);font-weight:700}.dt-prod{font-weight:700}.dt-next{color:var(--muted)}.dt-cost{display:inline-flex;gap:.6rem}.dtable .ok{color:#8ee6a4}.dtable .ko{color:#d9848a}.dt-eta{color:var(--muted);font-size:.78rem}.dt-effect{color:var(--teal)}.dtable tbody tr.locked{opacity:.45}.dtable tbody tr.maxed{opacity:.6}.dt-lock{color:var(--gold-dim);font-size:.78rem;white-space:normal}.dtable td.dt-action{text-align:right;padding:.3rem .7rem}.dtable .btn.tiny{white-space:nowrap}.table-section h3{margin:1.1rem 0 .15rem;color:var(--gold);font-size:1rem}.table-section>p{margin:0 0 .5rem}.msep{display:flex;align-items:center;gap:.7rem;margin:1.6rem 0 .7rem}.msep:first-child{margin-top:0}.msep .t{font-size:.9rem;font-weight:700;color:var(--gold);letter-spacing:.02em;white-space:nowrap}.msep .tag{font-size:.62rem;color:var(--gold-dim);border:1px solid var(--line);border-radius:5px;padding:.05rem .4rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.msep:after{content:"";height:1px;background:var(--line);flex:1}.mintro{color:var(--muted);font-size:.82rem;margin:0 0 .7rem}.dtable tbody tr.dt-group td{background:var(--panel-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.4rem .7rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:700}.dtable tbody tr.dt-group:hover{background:var(--panel-2)}.dt-group .gh{display:flex;align-items:center;gap:.5rem}.dt-group .dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;flex:0 0 auto}.dt-group .cnt{color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none;font-size:.72rem}.dt-tags{font-size:.64rem;color:var(--muted);margin-top:.12rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.dt-tags .t{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.dt-tags .eldot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}.dt-pill{display:inline-block;min-width:2.1rem;text-align:center;background:var(--panel-3);border:1px solid var(--gold-dim);border-radius:6px;padding:.05rem .45rem;font-weight:700;font-size:.78rem;color:var(--gold);white-space:nowrap}.dt-pill.done{border-color:var(--line);color:var(--muted)}.dt-progress{min-width:190px}.dt-bar{display:flex;align-items:center;gap:.55rem}.dt-track{flex:1;height:6px;min-width:40px;border-radius:999px;background:#0006;overflow:hidden}.dt-fill{display:block;height:100%;border-radius:999px;transition:width .3s}.dt-wait{font-size:.7rem;color:var(--muted);min-width:4.6em;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.dt-num{font-size:.65rem;color:var(--muted);margin-top:.22rem;white-space:nowrap}.dt-num b{color:var(--text);font-weight:600}.dt-gain{color:var(--teal);font-size:.78rem;white-space:nowrap}.dt-none{color:var(--muted);font-style:italic;font-size:.75rem}.dtable tbody tr.dt-done{opacity:.45;filter:saturate(.35)}.dtable tbody tr.dt-buyable{background:#4caf6a0f;box-shadow:inset 3px 0 #4caf6a8c}.dtable tbody tr.dt-buyable:hover{background:#4caf6a1a}.dtable tbody tr.dt-done .dt-strike{text-decoration:line-through;text-decoration-thickness:1px}.dtable tbody tr.dt-subtotal td{border-top:1px solid rgba(212,175,122,.25);background:#d4af7a0a;font-weight:700;color:var(--text)}.dtable tbody tr.dt-total td{border-top:1px solid var(--line);border-bottom:none;font-weight:800;color:var(--gold);background:var(--panel-2)}.chantier{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold-dim);border-radius:10px;padding:.8rem .9rem;margin-bottom:.7rem;display:flex;flex-direction:column;gap:.6rem}.chantier header{display:flex;align-items:flex-start;gap:.7rem}.chantier-icon{font-size:1.5rem;width:1.6em}.chantier header h4{margin:0 0 .1rem;font-size:1rem;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.chantier-opens{font-size:.72rem;font-weight:400;color:var(--teal);text-transform:uppercase;letter-spacing:.05em}.chantier header p{margin:0}.chantier-quota{margin-left:auto;background:var(--panel-2);border:1px solid var(--gold-dim);border-radius:8px;padding:.3rem .6rem;font-size:.78rem;color:var(--gold);white-space:nowrap;text-align:center}.chantier-quota strong{display:block;font-size:1.3rem;line-height:1.1}.chantier-rows{display:flex;flex-direction:column;gap:.3rem}.chantier-row{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(180px,1.4fr);align-items:center;gap:.7rem;background:var(--panel-2);border-radius:8px;padding:.35rem .6rem}.chantier-building{font-weight:600;font-size:.88rem;white-space:nowrap}.chantier-stepper{display:inline-flex;align-items:center;gap:.3rem}.chantier-stepper .btn.tiny{min-width:1.9rem;font-weight:700}.chantier-taken{min-width:1.6rem;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold)}.chantier-effect{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.chantier-effect strong{color:var(--text)}.chantier-loss{color:#d9848a}.chantier-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.55rem}.chantier-ok{color:#8ee6a4;font-size:.82rem;font-weight:600}@media(max-width:640px){.chantier-row{grid-template-columns:1fr auto;row-gap:.25rem}.chantier-effect{grid-column:1 / span 2}.chantier-quota{margin-left:0}}.frontline-cta{margin-top:1.2rem;display:flex;justify-content:center}.zone-view{display:flex;flex-direction:column;gap:.8rem}.zone-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.zone-title h2{margin:0;font-size:1.35rem}.zone-gauge{min-width:260px;flex:1 1 260px;display:flex;flex-direction:column;gap:.25rem}.zone-gauge-line{display:flex;justify-content:space-between;font-size:.82rem;font-variant-numeric:tabular-nums}.zone-reward-preview{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:8px;padding:.5rem .8rem;font-size:.85rem}.fight-rank{color:#c6a8e6;font-weight:700}.fight-current{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto minmax(160px,1.2fr) minmax(150px,1.6fr) auto;align-items:center;gap:.8rem;background:linear-gradient(180deg,#2a2418,#232019);border:1px solid var(--gold-dim);border-radius:10px;padding:.5rem .8rem;margin-bottom:.5rem;box-shadow:0 6px 18px #00000059}.fight-current-tag{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1b1815;background:var(--gold);border-radius:5px;padding:.15rem .4rem;white-space:nowrap}.fight-current-name{font-weight:700;font-size:.95rem;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;min-width:0}.fight-current-role{font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.fight-current-gauge{display:flex;align-items:center;gap:.55rem;min-width:0}.fight-current-nums{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.fight-current-nums strong{color:var(--gold)}.dtable tbody tr.fight-row-current{background:#d4af7a12;box-shadow:inset 3px 0 0 var(--gold)}.dtable tbody tr.fight-row-current:hover{background:#d4af7a1f}.fight-tag-current{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.fight-current{grid-template-columns:auto 1fr;row-gap:.35rem}.fight-current-gauge,.fight-current-nums{grid-column:1 / span 2;text-align:left}}.panel{display:flex;flex-direction:column;gap:1rem}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;flex-wrap:wrap}.panel-head h2{margin:0 0 .2rem;color:var(--gold)}.panel-head p{margin:0}.panel-balance{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.panel-balance.chroma-tone{color:var(--gold)}.panel-balance.lumina-tone{color:var(--lumina)}.expedition-badge{display:flex;flex-direction:column;align-items:center;border:1px solid var(--gold);border-radius:10px;padding:.4rem .9rem;background:#2a2418}.exp-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-dim)}.exp-number{font-size:2rem;font-weight:800;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.pigment-balance{margin:0;display:flex;flex-direction:column;gap:.15rem;min-width:15rem}.pigment-row{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;border-bottom:1px solid rgba(51,46,38,.6);padding:.12rem 0}.pigment-row:last-child{border-bottom:none}.pigment-row dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-dim);white-space:nowrap}.pigment-row dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.pigment-row.main{border-bottom:1px solid var(--gold-dim);padding-bottom:.25rem;margin-bottom:.1rem}.pigment-row.main dt{color:var(--gold);font-weight:700}.pigment-row.main dd{font-size:1.5rem;color:var(--gold);line-height:1.1}.meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.meta-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem}.meta-card h4{margin:0 0 .3rem;font-size:.85rem;color:var(--gold)}.meta-value{margin:0 0 .3rem;font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums}.meta-card p:last-child{margin:0}.meta-road h3{margin:0 0 .5rem;color:var(--gold)}.road-steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.road-steps li{color:var(--muted)}.road-steps li.past{opacity:.55;text-decoration:line-through;text-decoration-thickness:1px}.road-steps li.now{color:var(--text)}.road-steps li.now strong{color:var(--gold)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080706d1;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.2rem}.modal{background:var(--panel);border:1px solid var(--gold-dim);border-radius:14px;padding:1.6rem;max-width:560px;width:100%;box-shadow:0 20px 60px #0009}.modal.endgame h2{margin:0 0 .7rem;color:var(--gold);font-size:1.6rem}.modal.endgame.fracture{border-color:#8b6bb0}.modal.endgame.fracture h2{color:#c6a8e6}.modal.endgame p{margin:0 0 .7rem;line-height:1.5}.endgame-gain{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;margin:.9rem 0 1.1rem;font-variant-numeric:tabular-nums;font-size:.9rem}.endgame-sub{margin-top:.4rem;font-size:.85rem;color:var(--muted)}.endgame-sub.warn-tone{color:var(--gold);font-weight:600}.modal.endgame .btn{width:100%;padding:.7rem;font-size:1rem}.wiki-btn{margin-left:.5rem;width:1.35rem;height:1.35rem;line-height:1;border-radius:50%;border:1px solid var(--gold-dim);background:var(--panel-2);color:var(--gold);font-weight:700;font-size:.85rem;cursor:pointer;vertical-align:middle;padding:0;transition:background .15s,box-shadow .15s}.wiki-btn:hover{background:var(--panel);box-shadow:0 0 0 2px var(--gold-dim) inset}.music-toggle{font-size:.72rem}.bug-btn{border-color:#b94a4a;color:#e08686}.bug-btn:hover{box-shadow:0 0 0 2px #b94a4a inset}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:grid;place-items:center;padding:1rem}.modal-box{background:var(--panel);border:1px solid var(--gold-dim);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 16px 44px #00000080;max-width:420px;width:100%}.wiki-modal{width:min(880px,96vw);max-width:none;max-height:88vh;display:flex;flex-direction:column}.wiki-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.6rem}.wiki-head h2{margin:0;color:var(--gold);font-size:1.1rem}.wiki-body{display:grid;grid-template-columns:210px 1fr;gap:1rem;min-height:0;flex:1;padding-top:.8rem}.wiki-toc{display:flex;flex-direction:column;gap:.15rem;overflow-y:auto;border-right:1px solid var(--line);padding-right:.6rem}.wiki-toc button{background:transparent;border:1px solid transparent;color:var(--muted);text-align:left;padding:.4rem .55rem;border-radius:7px;cursor:pointer;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wiki-toc button:hover{color:var(--text);background:var(--panel-2)}.wiki-toc button.active{background:var(--panel-2);border-color:var(--line);color:var(--gold);font-weight:700}.wiki-toc-icon{display:inline-block;width:1.4em;text-align:center}.wiki-content{overflow-y:auto;padding-right:.3rem;line-height:1.55;font-size:.9rem}.wiki-content h3{margin:0 0 .6rem;color:var(--gold);font-size:1rem}.wiki-content p{margin:0 0 .7rem}.wiki-content ul{margin:0 0 .8rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.28rem}.wiki-content strong{color:var(--text)}.wiki-foot{margin:.7rem 0 0;border-top:1px solid var(--line);padding-top:.55rem}.music-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,92vw);z-index:210;background:var(--panel);border-left:1px solid var(--gold-dim);box-shadow:-12px 0 34px #00000073;display:flex;flex-direction:column;transform:translate(105%);transition:transform .28s ease}.music-drawer.open{transform:translate(0)}.music-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .9rem;border-bottom:1px solid var(--line)}.music-drawer-head h3{margin:0;color:var(--gold);font-size:1rem}.music-drawer-close{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:7px;width:1.8rem;height:1.8rem;cursor:pointer;flex:0 0 auto}.music-drawer-close:hover{border-color:var(--gold-dim);color:var(--gold)}.music-player{padding:.7rem .8rem .4rem}.music-player-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#000}.music-player-frame iframe,.music-player-frame>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.music-transport{display:flex;justify-content:center;gap:.5rem;padding:.1rem .8rem .4rem}.music-transport button{width:2.2rem;height:2rem;border-radius:8px;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.music-transport button:hover:not(:disabled){background:var(--panel);border-color:var(--gold-dim);color:var(--gold)}.music-transport button:disabled{opacity:.4;cursor:default}.music-shuffle.active{background:var(--panel);border-color:var(--gold);color:var(--gold)}.music-volume{display:flex;align-items:center;gap:.5rem;padding:.1rem .9rem .5rem}.music-volume input[type=range]{flex:1;accent-color:var(--gold);cursor:pointer}.music-vol-val{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--gold-dim);width:3ch;text-align:right}.music-tracklist{list-style:none;margin:0;padding:.3rem .5rem;overflow-y:auto;flex:1}.music-track{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--muted);border-radius:7px;padding:.32rem .5rem;cursor:pointer;font-size:.82rem}.music-track:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.music-track.active{background:var(--panel-2);border-color:var(--gold-dim);color:var(--gold)}.music-track:disabled{opacity:.5;cursor:default}.music-track-ico{color:var(--gold-dim);font-size:.8rem;width:1em;text-align:center;flex:0 0 auto}.music-track.active .music-track-ico{color:var(--gold)}.music-track-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-note{padding:.6rem 1rem .9rem;font-size:.72rem;line-height:1.35;border-top:1px solid var(--line);margin:0}.bug-modal{width:min(620px,96vw);max-width:none;max-height:88vh;overflow-y:auto}.bug-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.6rem;margin-bottom:.7rem}.bug-modal-head h3{margin:0;color:var(--gold);font-size:1rem}.bug-warn{background:#2a2418;border:1px solid var(--gold-dim);border-left:3px solid var(--gold);color:var(--gold);border-radius:8px;padding:.6rem .8rem;margin:0 0 .8rem;font-size:.85rem;line-height:1.45}.bug-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.7rem}.bug-field>span:first-child{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-dim);font-weight:600}.bug-field em{color:var(--danger);font-style:normal}.bug-field input,.bug-field textarea,.bug-field select{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:.45rem .6rem;font:inherit;font-size:.88rem;width:100%}.bug-field textarea{resize:vertical;line-height:1.45}.bug-field input:focus,.bug-field textarea:focus,.bug-field select:focus{outline:none;border-color:var(--gold-dim)}.bug-field textarea[readonly]{color:var(--muted);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.74rem}.bug-count{align-self:flex-end;font-variant-numeric:tabular-nums}.bug-actions{display:flex;justify-content:space-between;gap:.6rem;margin-top:.4rem}.save-manager{display:flex;flex-direction:column;gap:.6rem}.save-manager>p{margin:0}.save-current{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--gold-dim);border-radius:8px;padding:.5rem .7rem;display:flex;flex-direction:column;gap:.15rem}.save-current-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--gold-dim);font-weight:700}.save-summary{font-size:.85rem;font-variant-numeric:tabular-nums}.save-summary strong{color:var(--gold)}.save-actions{display:flex;gap:.5rem;flex-wrap:wrap}.save-msg{margin:0;font-size:.85rem;border-radius:7px;padding:.45rem .7rem}.save-msg.ok{background:#1e3a26;border:1px solid #4caf6a;color:#8ee6a4}.save-msg.err{background:#2a2418;border:1px solid var(--gold-dim);color:var(--gold)}.save-confirm{border:1px solid #b94a4a;border-radius:9px;padding:.7rem .8rem;background:#b94a4a0f;display:flex;flex-direction:column;gap:.55rem}.save-confirm-title{margin:0;font-weight:700;color:#e08686}.save-confirm p{margin:0}.save-diff{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem}.save-diff>div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;display:flex;flex-direction:column;gap:.15rem}.btn.danger-solid{background:#3a1f1f;border-color:#b94a4a;color:#e08686;font-weight:700}.btn.danger-solid:hover:not(:disabled){background:#4a2626;border-color:#d96a6a;color:#f0a8a8}@media(max-width:640px){.app{overflow-x:hidden}.topbar{flex-wrap:wrap;gap:.5rem .7rem;padding:.5rem .7rem}.brand{font-size:1rem}.resources{margin-left:auto;justify-content:flex-end;gap:.3rem;font-size:.85rem}.chip{padding:.25rem .55rem;font-size:.8rem}.tabs{flex:1 1 100%;order:3;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.tabs button{flex:0 0 auto;white-space:nowrap}.content{padding:.7rem}.dtable{font-size:.8rem;min-width:560px}.dtable td,.dtable thead th{padding:.35rem .5rem}.dt-sub{max-width:24ch}.wiki-body{grid-template-columns:1fr}.wiki-toc{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:0 0 .5rem}.wiki-toc button{flex:0 0 auto}}