@font-face{font-family:"ForgeSerif";src:url("fonts/NotoSerifTC-VF.ttf") format("truetype");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"ForgeSans";src:url("fonts/NotoSansTC-VF.ttf") format("truetype");font-weight:300 900;font-style:normal;font-display:swap}
:root{--fv-void:#05070b;--fv-black:#090c13;--fv-panel:#111722;--fv-steel:#aab1b9;--fv-ink:#e9e4d8;--fv-soft:#9299a4;--fv-gold:#d6a548;--fv-gold-hi:#f3cf7a;--fv-red:#bb504b;--fv-blue:#5b8fae}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse at 50% -15%,#1a202b 0,#090d14 48%,#030507 100%);color:var(--fv-ink);font-family:"ForgeSans","Noto Sans TC",sans-serif;letter-spacing:.01em}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:repeating-linear-gradient(7deg,transparent 0 3px,rgba(255,255,255,.012) 4px,transparent 5px 8px),radial-gradient(circle at 20% 30%,rgba(193,126,48,.12),transparent 24%)}
.f-display,.f-number{font-family:"ForgeSerif","Noto Serif TC",serif}.f-number{font-variant-numeric:tabular-nums;font-weight:760;letter-spacing:.06em;color:var(--fv-gold-hi);text-shadow:0 1px 0 #4f2c0c,0 2px 3px #000}
.f-panel,.f-dialog{position:relative;border:28px solid transparent;border-image:url("forge-v2/panel.v01.png") 72 80 fill / 28px stretch;background:#0c1119;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55));padding:8px 14px 14px;isolation:isolate}
.f-panel>* ,.f-dialog>*{position:relative;z-index:1}.f-rail{position:relative;min-height:88px;padding:17px 34px;display:flex;align-items:center;gap:12px;border:25px solid transparent;border-image:url("forge-v2/panel.v01.png") 70 88 fill / 25px stretch;background:#0c1119;filter:drop-shadow(0 10px 14px #000);z-index:10}
.f-seam{height:3px;margin:12px 0 16px;background:linear-gradient(90deg,transparent,#5c4930 12%,#b08440 45%,#553c20 75%,transparent);box-shadow:0 1px #000;opacity:.72}
.f-icon{width:25px;height:25px;display:block;color:#aab3bf;fill:none;filter:drop-shadow(0 1px #000) drop-shadow(0 0 2px rgba(214,165,72,.2))}.f-icon.gold{color:var(--fv-gold-hi)}.f-icon.red{color:#d06a62}.f-icon.blue{color:#85b9d7}
.f-button{position:relative;height:46px;min-width:118px;padding:0 24px;border:0;background:transparent;color:#e8e1d2;font:760 15px "ForgeSerif";letter-spacing:.06em;text-shadow:0 2px 2px #000;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;isolation:isolate;transition:transform .13s,filter .13s}
.f-button::before{content:"";position:absolute;inset:-9px -12px;z-index:-1;background:url("forge-v2/secondary.v01.png") center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #000)}.f-button:hover{transform:translateY(-2px);filter:brightness(1.13)}.f-button:active{transform:translateY(2px);filter:brightness(.9)}.f-button.primary{height:52px;color:#ffe2a0;font-size:16px}.f-button.primary::before{inset:-10px -14px;background-image:url("forge-v2/primary.v01.png")}.f-button.danger{color:#efaaa3}.f-button.danger::after{content:"";position:absolute;left:10%;right:10%;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,#a94640,transparent)}.f-button.disabled{opacity:.38;filter:grayscale(1);pointer-events:none}.f-button.compact{height:38px;min-width:96px;padding:0 18px;font-size:13px}
.f-counter{position:relative;height:48px;min-width:132px;padding:0 20px;display:flex;align-items:center;gap:10px;isolation:isolate}.f-counter::before{content:"";position:absolute;inset:-8px -12px;z-index:-1;background:url("forge-v2/counter.v01.png") center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #000)}.f-counter small{font:650 10px "ForgeSans";letter-spacing:.18em;color:#8e95a2}.f-counter .f-number{margin-left:auto;min-width:45px;text-align:right;font-size:20px}
.f-tabs{display:flex;gap:8px;padding:12px 16px;background:#05080d;box-shadow:inset 0 5px 12px #000;border:1px solid #32373e}.f-tab{position:relative;height:40px;min-width:110px;padding:0 22px;display:grid;place-items:center;color:#9ca2aa;font:700 14px "ForgeSerif";text-shadow:0 2px #000;isolation:isolate}.f-tab::before{content:"";position:absolute;inset:-7px -10px;z-index:-1;background:url("forge-v2/secondary.v01.png") center/100% 100% no-repeat;opacity:.72}.f-tab.on{color:#f3cf7a;transform:translateY(-3px)}.f-tab.on::before{background-image:url("forge-v2/tab.v01.png");opacity:1;filter:drop-shadow(0 5px 5px #000)}
.f-section-title{display:flex;align-items:center;gap:12px;margin:0;color:#e8cf98;font:750 20px "ForgeSerif";letter-spacing:.055em;text-shadow:0 1px #000,0 2px 4px #000}.f-section-title::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,#a37c39 0,#34281a 55%,transparent);box-shadow:0 1px #000}
.f-meter-row{display:grid;grid-template-columns:48px 1fr 92px;align-items:center;gap:12px;margin:14px 0}.f-meter-shell{position:relative;height:32px;padding:8px 26px;isolation:isolate}.f-meter-shell::before{content:"";position:absolute;inset:-8px -12px;z-index:-1;background:url("forge-v2/gauge.v01.png") center/100% 100% no-repeat;filter:drop-shadow(0 4px 4px #000)}.f-meter{height:12px;position:relative;overflow:hidden;background:#030508;box-shadow:inset 0 3px 5px #000}.f-meter>i{position:absolute;inset:0 auto 0 0;width:var(--value);background:linear-gradient(180deg,#d66d63,#7c2524);box-shadow:inset 0 1px rgba(255,255,255,.35),0 0 8px rgba(187,80,75,.28)}.f-meter.energy>i{background:linear-gradient(180deg,#f1c664,#9e6119);box-shadow:inset 0 1px #fff0bd,0 0 9px rgba(214,165,72,.36)}.f-meter.xp>i{background:linear-gradient(180deg,#8bbfd5,#3d718e);box-shadow:inset 0 1px #ccefff}.f-meter::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.48) calc(10% - 1px) 10%)}.f-meter-label{font:700 12px "ForgeSerif";letter-spacing:.14em;color:#b2b4b9}.f-meter-value{text-align:right;font-size:15px}
.f-map-board{min-height:390px;position:relative;overflow:hidden;background:linear-gradient(rgba(6,8,12,.3),rgba(5,8,13,.68)),url("../runtime/scenes/z01/map.v01.png") center/cover;border:22px solid transparent;border-image:url("forge-v2/panel.v01.png") 66 72 fill / 22px stretch;filter:drop-shadow(0 10px 12px #000)}.f-map-board::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(2,4,7,.68) 100%);pointer-events:none}.f-map-path{position:absolute;height:5px;background:linear-gradient(180deg,#8c6c34,#342414);transform-origin:left center;box-shadow:0 1px #000,0 0 7px rgba(214,165,72,.25)}
.f-landmark{position:absolute;width:126px;min-height:88px;padding:13px 10px;text-align:center;cursor:pointer;color:#ded9ce;isolation:isolate;filter:drop-shadow(0 7px 6px #000);transition:transform .15s}.f-landmark::before{content:"";position:absolute;inset:-9px;z-index:-1;background:url("forge-v2/secondary.v01.png") center/100% 100% no-repeat}.f-landmark .f-icon{width:34px;height:34px;margin:0 auto 4px}.f-landmark b{display:block;font:750 14px "ForgeSerif";text-shadow:0 2px #000}.f-landmark small{color:#a0a1a4;font-size:10px}.f-landmark:hover,.f-landmark.on{transform:translateY(-5px)}.f-landmark.on::before{background-image:url("forge-v2/primary.v01.png")}.f-landmark.locked{filter:grayscale(1) drop-shadow(0 7px 6px #000);opacity:.55}
.f-skill-card{position:relative;width:120px;height:164px;padding:16px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#ded7c8;cursor:pointer;isolation:isolate;filter:drop-shadow(0 8px 7px #000)}.f-skill-card::before{content:"";position:absolute;inset:-6px;z-index:-1;background:url("forge-v2/tab.v01.png") center/100% 100% no-repeat}.f-skill-card .socket{position:relative;width:72px;height:70px;display:grid;place-items:center;background:url("forge-v2/socket.v01.png") center/contain no-repeat}.f-skill-card .socket .f-icon{width:34px;height:34px;color:#d9b66d}.f-skill-card b{font:760 16px "ForgeSerif";color:#efd39a;text-shadow:0 2px #000}.f-skill-card small{font-size:10px;color:#a4a5a7;text-align:center}.f-skill-card.selected{transform:translateY(-5px);filter:drop-shadow(0 8px 7px #000) drop-shadow(0 0 8px rgba(214,165,72,.35))}.f-skill-card.selected::before{background-image:url("forge-v2/primary.v01.png")}
.f-toast{position:relative;display:flex;align-items:center;gap:12px;min-width:340px;max-width:520px;min-height:66px;padding:10px 26px;isolation:isolate}.f-toast::before{content:"";position:absolute;inset:-8px -12px;z-index:-1;background:url("forge-v2/secondary.v01.png") center/100% 100% no-repeat;filter:drop-shadow(0 7px 7px #000)}.f-toast strong{font:720 14px "ForgeSerif";color:#e9cd91}.f-toast span{color:#a2a3a7;font-size:12px}.f-dialog{padding:0}.f-dialog-head{height:56px;padding:0 22px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #4e4433;background:rgba(10,13,19,.66)}.f-dialog-head b{font:760 17px "ForgeSerif";color:#eacb8b}.f-dialog-body{padding:20px 24px;color:#bbb8b1;line-height:1.8}.f-dialog-foot{padding:14px 22px;display:flex;justify-content:flex-end;gap:14px;border-top:1px solid #3b3a38;background:#070a0f}
.f-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.f-col-4{grid-column:span 4}.f-col-5{grid-column:span 5}.f-col-7{grid-column:span 7}.f-col-8{grid-column:span 8}.f-col-12{grid-column:span 12}@media(max-width:1100px){.f-grid{grid-template-columns:repeat(8,1fr)}.f-col-4,.f-col-5{grid-column:span 4}.f-col-7,.f-col-8{grid-column:span 8}}