:root{--ink:#07080c;--ink2:#0e1016;--ink3:#17161c;--gold:#e6cf94;--gold-2:#fff3cd;--gold-3:#8d7333;--gold-4:#55431d;--gold-dim:#a8925c;--jade:#6fe3c4;--jade-2:#2c9d80;--jade-3:#12463c;--crimson:#d2493b;--crimson-2:#7d1a13;--violet:#b57bff;--paper:#efe4c8;--paper-2:#d9c9a0;--text:#ece6d6;--dim:#9a9282;--bronze:#7a5a2e;--wood:#2a1d13;--serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","Times New Roman",Georgia,serif;--sans:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",sans-serif;--tex-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");--tex-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 0.42' numOctaves='4' seed='11'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23p)'/%3E%3C/svg%3E");--tex-stone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' seed='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23s)'/%3E%3C/svg%3E");--tex-brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='60'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 0.6' numOctaves='3' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='26'/%3E%3C/filter%3E%3Crect y='24' width='400' height='12' fill='%23e6cf94' filter='url(%23b)'/%3E%3C/svg%3E");--orn-corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg fill='none' stroke='%23e6cf94' stroke-width='1.4'%3E%3Cpath d='M1 14V1h13'/%3E%3Cpath d='M6 10V6h4' opacity='.6'/%3E%3Cpath d='M1 22v-4M22 1h-4' opacity='.45'/%3E%3C/g%3E%3C/svg%3E");--orn-corner-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg fill='none' stroke='%23e6cf94' stroke-width='1.4' transform='scale(-1,1) translate(-36,0)'%3E%3Cpath d='M1 14V1h13'/%3E%3Cpath d='M6 10V6h4' opacity='.6'/%3E%3Cpath d='M1 22v-4M22 1h-4' opacity='.45'/%3E%3C/g%3E%3C/svg%3E");--gold-foil:linear-gradient(174deg,#5e4a1b,#b99a54 14%,#f6e7b6 32%,#c9a94f 50%,#835f22 68%,#e6d09a 86%,#6d5622);--gold-plate:linear-gradient(180deg,rgba(230,207,148,0.16),rgba(230,207,148,0.03));--jade-foil:linear-gradient(174deg,#12463c,#2c9d80 30%,#8ff0d6 48%,#2c9d80 66%,#0d332c);--steel:linear-gradient(180deg,#23262e,#14161c 40%,#0b0c10);--lacquer:linear-gradient(180deg,rgba(38,22,18,0.92),rgba(12,8,8,0.95));--parchment:linear-gradient(178deg,#efe2c0,#e2d0a6 45%,#cdb887);--bevel:inset 0 1px 0 rgba(255,255,255,0.11),inset 0 -1px 0 rgba(0,0,0,0.66),inset 1px 0 0 rgba(255,255,255,0.045),inset -1px 0 0 rgba(0,0,0,0.4);--bevel-deep:inset 0 2px 1px rgba(255,255,255,0.09),inset 0 -2px 3px rgba(0,0,0,0.75),inset 0 0 22px rgba(0,0,0,0.55);--carve:inset 0 2px 4px rgba(0,0,0,0.85),inset 0 -1px 0 rgba(255,255,255,0.07);--drop:0 22px 46px rgba(0,0,0,0.62),0 4px 10px rgba(0,0,0,0.5);--drop-sm:0 8px 18px rgba(0,0,0,0.55),0 1px 3px rgba(0,0,0,0.5);--emboss-text:0 1px 0 rgba(255,255,255,0.09),0 -1px 0 rgba(0,0,0,0.8);--glow-gold:0 0 14px rgba(230,207,148,0.35),0 0 42px rgba(230,207,148,0.12);--ease:cubic-bezier(0.22,0.61,0.36,1)}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--ink);color:var(--text);overflow:hidden;font-family:var(--sans);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;cursor:pointer}kbd{display:inline-block;min-width:1.5em;padding:0 .35em;border:solid rgba(230,207,148,.45);border-width:1px 1px 2px;border-radius:3px;font:600 .72em/1.5 var(--sans);color:var(--gold);text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.28));box-shadow:var(--bevel);margin:0 .2em}.dim{color:var(--dim)}.small{font-size:12px}.ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}.dead,.dialogue,.menu,.pause,.reading,.ui-root button,.ui-root canvas,.ui-root input{pointer-events:auto}.ui-root:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;background:radial-gradient(ellipse 78% 68% at 50% 48%,transparent 52%,rgba(0,0,0,.3) 82%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.22),transparent 16%,transparent 84%,rgba(0,0,0,.26))}.gold-text{background:var(--gold-foil);background-size:100% 210%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 rgba(0,0,0,.75)) drop-shadow(0 0 18px rgba(230,207,148,.18))}.gold-text,.jade-text{-webkit-text-fill-color:transparent;color:transparent}.jade-text{background:var(--jade-foil);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.metal{background:var(--steel);box-shadow:var(--bevel),var(--drop-sm)}.lacquer{background:var(--lacquer);box-shadow:var(--bevel-deep),var(--drop)}.orn{position:relative}.orn>.orn-a,.orn>.orn-b,.orn>.orn-c,.orn>.orn-d{position:absolute;width:36px;height:36px;background:var(--orn-corner) no-repeat;opacity:.5;pointer-events:none}.orn>.orn-a{left:6px;top:6px}.orn>.orn-b{right:6px;top:6px;background-image:var(--orn-corner-b)}.orn>.orn-c{left:6px}.orn>.orn-c,.orn>.orn-d{bottom:6px;transform:scaleY(-1)}.orn>.orn-d{right:6px;background-image:var(--orn-corner-b)}.rule{height:12px;background:var(--tex-brush) center/100% 100% no-repeat;opacity:.55;margin:12px 0}.hairline{height:1px;background:linear-gradient(90deg,transparent,rgba(230,207,148,.45),transparent)}.bar{position:relative;height:9px;width:280px;background:linear-gradient(180deg,#05060a,#0d0f14 60%,#14161c);border:1px solid rgba(0,0,0,.8);box-shadow:var(--carve),0 1px 0 rgba(255,255,255,.05);overflow:hidden}.bar:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(90deg,transparent 0 27px,rgba(0,0,0,.55) 27px 28px);mix-blend-mode:multiply;opacity:.7}.bar i{display:block;height:100%;position:relative;z-index:1;transition:width .35s var(--ease)}.bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:220% 100%;animation:sheen 2.8s linear infinite}.bar .chip{display:block;position:absolute;left:0;top:0;height:100%;z-index:0;background:linear-gradient(180deg,#ffd9a0,#c9553a);opacity:.72;transition:width .9s ease-out .25s;box-shadow:0 0 10px rgba(201,85,58,.5)}.boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#191621 0,#0a0a0e 45%,#040507 100%);z-index:50;pointer-events:auto;overflow:hidden}.boot:before{content:"";position:absolute;inset:0;background:var(--tex-grain);opacity:.05}.boot-logo{position:relative;font:300 68px/1 var(--serif);letter-spacing:.55em;padding-left:.55em;background:var(--gold-foil);background-size:100% 220%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 34px rgba(230,207,148,.3));animation:foilDrift 6s ease-in-out infinite}.boot-bar{position:relative;width:240px;height:3px;background:rgba(255,255,255,.08);margin:30px 0 14px;box-shadow:var(--carve)}.boot-bar i{display:block;height:100%;background:var(--gold-foil);transition:width .4s;box-shadow:0 0 12px rgba(230,207,148,.7)}.boot-text{position:relative;font:italic 14px var(--serif);color:var(--dim);letter-spacing:.12em}.menu{position:fixed;inset:0;display:flex;animation:fadeIn 1.4s ease}.atmo{inset:0;pointer-events:none;overflow:hidden}.atmo,.atmo-rays{position:absolute}.atmo-rays{inset:-20% -10%;background:repeating-linear-gradient(100deg,transparent 0 5.5%,rgba(255,226,170,.055) 5.5% 6.4%,transparent 6.4% 12%);mask-image:radial-gradient(ellipse 60% 55% at 74% 34%,#000 0,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 60% 55% at 74% 34%,#000 0,transparent 72%);animation:rayDrift 34s linear infinite}.atmo-mist{position:absolute;inset:0;background:radial-gradient(ellipse 70% 40% at 30% 78%,rgba(160,190,190,.1),transparent 62%),radial-gradient(ellipse 60% 50% at 78% 66%,rgba(120,150,160,.07),transparent 60%);animation:mistDrift 46s ease-in-out infinite alternate}.atmo-mountains{position:absolute;left:-2%;right:-2%;bottom:0;height:46%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300V196l78-46 62 34 74-62 66 40 74-72 82 46 84-64 92 52 78-70 88 40 74-56 96 46 62-38v142z' fill='%230b0d13' opacity='.62'/%3E%3C/svg%3E") bottom/100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300V232l96-34 88 26 104-46 92 32 110-52 96 38 108-44 96 34 104-40 106 30 100-36v160z' fill='%23050608' opacity='.85'/%3E%3C/svg%3E") bottom/100% 92% no-repeat}.atmo-mote{position:absolute;bottom:-6%;width:3px;height:3px;border-radius:50%;background:rgba(255,226,178,.85);box-shadow:0 0 7px rgba(255,208,140,.85);animation:moteRise linear infinite}.atmo-grain{position:absolute;inset:-40%;background:var(--tex-grain);opacity:.055;mix-blend-mode:overlay;animation:grainShift 1.1s steps(3) infinite}.menu-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.94),rgba(4,5,8,.66) 30%,rgba(4,5,8,.04) 62%),radial-gradient(ellipse at 72% 46%,transparent 34%,rgba(0,0,0,.66) 100%),linear-gradient(0deg,rgba(4,5,8,.85),transparent 34%);pointer-events:none}.menu-left{width:480px;padding:9vh 0 5vh 7vw;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.logo,.menu-left{position:relative}.logo-main{font:300 96px/.9 var(--serif);letter-spacing:.32em;padding-left:.06em;background:var(--gold-foil);background-size:100% 230%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.7)) drop-shadow(0 0 46px rgba(181,123,255,.22)) drop-shadow(0 0 90px rgba(230,207,148,.12));animation:foilDrift 9s ease-in-out infinite}.logo-sub{margin-top:16px;font:500 13px var(--serif);letter-spacing:.52em;color:var(--gold);border-top:1px solid rgba(230,207,148,.3);padding-top:12px;width:max-content;text-shadow:var(--emboss-text)}.menu-nav{margin-top:8vh;display:flex;flex-direction:column;gap:3px}.back,.menu-nav button{background:none;border:none;text-align:left;font:400 26px var(--serif);letter-spacing:.08em;color:rgba(236,230,214,.7);padding:9px 0 9px 24px;position:relative;transition:color .2s,padding .28s var(--ease),text-shadow .2s;text-shadow:0 1px 3px rgba(0,0,0,.8)}.menu-nav button:before{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease);box-shadow:0 0 8px rgba(230,207,148,.8)}.menu-nav button:after{content:"";position:absolute;inset:2px -18px 2px 6px;z-index:-1;opacity:0;background:linear-gradient(90deg,rgba(230,207,148,.14),rgba(230,207,148,.02) 70%,transparent);transform:scaleX(.6);transform-origin:left;transition:opacity .25s,transform .3s var(--ease)}.menu-nav button.primary:after,.menu-nav button:hover:not(:disabled):after{opacity:1;transform:none}.menu-nav button.primary,.menu-nav button:hover:not(:disabled){color:var(--paper);padding-left:32px;text-shadow:0 0 22px rgba(230,207,148,.35),0 1px 3px #000}.menu-nav button.primary:before,.menu-nav button:hover:not(:disabled):before{transform:scaleX(1.7)}.menu-nav button.primary{color:var(--gold)}.menu-nav button:disabled{opacity:.3;cursor:default}.back{font-size:18px;margin-top:7vh;color:var(--gold)}.back:hover{padding-left:28px}.menu-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:.05em;color:var(--gold-dim);text-shadow:0 1px 2px #000}.menu-panel{position:relative;margin:9vh 6vw 6vh 0;flex:1 1;max-width:780px;background:linear-gradient(180deg,rgba(20,19,24,.9),rgba(9,9,12,.94)),radial-gradient(ellipse at 50% 0,rgba(230,207,148,.07),transparent 60%);border:1px solid rgba(230,207,148,.22);box-shadow:var(--bevel),var(--drop);padding:32px 36px;overflow:auto;animation:slideIn .35s var(--ease);backdrop-filter:blur(7px) saturate(1.1);-webkit-backdrop-filter:blur(7px) saturate(1.1)}.menu-panel:before{content:"";position:absolute;inset:0;background:var(--tex-grain);opacity:.035;pointer-events:none}.menu-panel h3{font:400 24px var(--serif);letter-spacing:.12em;color:var(--gold);margin:0 0 20px;text-shadow:var(--emboss-text)}.summary{font:18px/1.6 var(--serif);color:var(--text)}.slots{display:flex;flex-direction:column;gap:12px}.slot-card{position:relative;border:1px solid rgba(230,207,148,.2);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(0,0,0,.35)),var(--tex-grain);background-blend-mode:normal,overlay;box-shadow:var(--bevel);transition:border-color .2s,background .2s,box-shadow .25s,transform .2s var(--ease)}.slot-card:before{content:"";position:absolute;inset:0;background:var(--tex-grain);opacity:.04;pointer-events:none}.slot-card:hover{border-color:rgba(230,207,148,.6);background-color:rgba(230,207,148,.06);transform:translateY(-1px);box-shadow:var(--bevel),var(--glow-gold)}.slot-main{display:flex;gap:20px;align-items:center;width:100%;background:none;border:none;padding:16px 20px;text-align:left}.slot-main:disabled{cursor:default;opacity:.5}.slot-no{font:32px var(--serif);width:42px;text-align:center;background:var(--gold-foil);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.slot-info{display:flex;flex-direction:column;gap:3px}.slot-info b{font:500 18px var(--serif);letter-spacing:.06em}.slot-info span{color:var(--dim);font-size:13px}.slot-info em{color:var(--gold-dim);font-size:12px;font-style:normal}.slot-del{position:absolute;right:12px;top:12px;background:rgba(0,0,0,.4);border:1px solid transparent;color:var(--dim);font-size:12px;padding:4px 8px;transition:all .15s}.slot-del:hover{color:var(--crimson);border-color:rgba(210,73,59,.5);background:rgba(210,73,59,.12)}.slot-confirm{padding:0 20px 14px 82px;font-size:13px;color:var(--crimson);display:flex;gap:10px;align-items:center}.slot-confirm button{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);padding:5px 11px;font-size:12px;transition:all .15s}.slot-confirm button:hover{border-color:var(--gold);color:var(--gold)}.account{display:flex;flex-direction:column;gap:22px}.acct-card h2{font:400 32px var(--serif);margin:4px 0;color:var(--paper);text-shadow:var(--emboss-text)}.acct-form{display:flex;flex-direction:column;gap:10px;max-width:420px}.acct-form p{color:var(--dim);font-size:14px;line-height:1.5}.acct-form input{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.3));border:1px solid rgba(230,207,148,.25);color:var(--text);padding:10px 12px;font:15px var(--sans);outline:none;box-shadow:var(--carve);transition:border-color .2s,box-shadow .2s}.acct-form input:focus{border-color:var(--gold);box-shadow:var(--carve),0 0 0 3px rgba(230,207,148,.12)}.err{color:var(--crimson)!important}.btn{align-self:flex-start;color:var(--gold);padding:10px 24px;font:500 14px var(--sans);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,rgba(230,207,148,.22),rgba(230,207,148,.05));border:1px solid rgba(230,207,148,.5);box-shadow:var(--bevel),0 4px 14px rgba(0,0,0,.5);transition:all .18s var(--ease)}.btn:hover{background:linear-gradient(180deg,rgba(230,207,148,.34),rgba(230,207,148,.1));color:var(--paper);box-shadow:var(--bevel),var(--glow-gold);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.2);color:var(--dim)}.eyebrow{font:600 11px var(--sans);letter-spacing:.3em;color:var(--gold-dim);text-shadow:var(--emboss-text)}.hud{inset:0;animation:fadeIn .6s ease}.hud,.hud-grain{position:absolute}.hud-grain{inset:-30%;background:var(--tex-grain);opacity:.045;mix-blend-mode:overlay;animation:grainShift 1.15s steps(3) infinite;pointer-events:none}.compass{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:460px;height:34px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.compass-track{position:relative;height:100%;background:linear-gradient(180deg,rgba(10,11,15,.72),rgba(6,7,10,.25));border-bottom:1px solid rgba(230,207,148,.35);box-shadow:inset 0 -1px 0 rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.05)}.compass-track:before{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(90deg,rgba(230,207,148,.42) 0 1px,transparent 1px 11px);opacity:.65}.compass-mark{position:absolute;top:4px;transform:translateX(-50%);font:500 11px var(--sans);letter-spacing:.1em;color:rgba(236,230,214,.55);text-shadow:0 1px 3px #000}.compass-mark.major{font:600 16px var(--serif);color:var(--paper);top:1px;text-shadow:0 0 12px rgba(230,207,148,.5),0 1px 3px #000}.compass-obj{position:absolute;top:3px;transform:translateX(-50%);color:#ffcf6b;font-size:13px;text-shadow:0 0 10px rgba(255,207,107,.9),0 1px 3px #000;display:flex;flex-direction:column;align-items:center;line-height:1;animation:pulse 1.8s ease-in-out infinite}.compass-obj em{font:normal 9px var(--sans);margin-top:2px;color:#ffe2a3}.compass-center{bottom:-1px;width:1px;height:9px;background:var(--gold);box-shadow:0 0 6px var(--gold)}.clock,.compass-center{position:absolute;left:50%}.clock{top:58px;transform:translateX(-50%);font:italic 13px var(--serif);color:rgba(236,230,214,.72);letter-spacing:.08em;text-shadow:0 1px 4px #000,0 0 14px rgba(0,0,0,.8);white-space:nowrap}.fps{color:var(--jade);font-style:normal}.objective{position:absolute;top:96px;right:34px;width:310px;text-align:right;padding:12px 16px 12px 20px;background:linear-gradient(255deg,rgba(10,11,15,.78),rgba(12,12,16,.3) 70%,transparent);border-right:2px solid rgba(230,207,148,.5);box-shadow:inset -1px 0 0 rgba(0,0,0,.6);text-shadow:0 1px 4px rgba(0,0,0,.95);animation:slideIn .4s var(--ease)}.objective:after{content:"";position:absolute;right:-1px;top:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,var(--gold),transparent);opacity:.6}.obj-title{font:600 11px var(--sans);letter-spacing:.28em;color:var(--gold);text-transform:uppercase}.obj-title:after{content:"";display:block;margin:6px 0 6px auto;width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));box-shadow:0 0 6px rgba(230,207,148,.6)}.obj-text{font:16px/1.35 var(--serif);color:var(--paper)}.vitals{position:absolute;left:34px;bottom:34px;gap:16px}.portrait,.vitals{display:flex;align-items:center}.portrait{position:relative;width:66px;height:66px;justify-content:center;background:radial-gradient(circle at 38% 30%,#3f5b52 0,#16241f 42%,#080d0c 100%);border:2px solid transparent;border-image:linear-gradient(150deg,#f6e7b6,#8a6d28 42%,#4a3a16 60%,#d9c07a) 1;box-shadow:var(--bevel-deep),0 6px 18px rgba(0,0,0,.7),inset 0 0 20px rgba(111,227,196,.14);transform:rotate(45deg);animation:jadeBreathe 5s ease-in-out infinite}.portrait:before{content:"";position:absolute;inset:5px;border:1px solid rgba(230,207,148,.35);box-shadow:inset 0 0 12px rgba(0,0,0,.7)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 38%,transparent 70%,rgba(111,227,196,.1))}.portrait span{transform:rotate(-45deg);font:30px var(--serif);background:var(--gold-foil);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.vitals.low .portrait{animation:jadeAlarm .85s ease-in-out infinite}.vitals.low .portrait:before{border-color:rgba(210,73,59,.7)}.bars{display:flex;flex-direction:column;gap:7px}.bar.hp{width:300px;height:11px}.bar.hp i{background:linear-gradient(180deg,#ff8a6a,#d2493b 42%,#8d1f17);box-shadow:0 0 12px rgba(210,73,59,.45),inset 0 1px 0 rgba(255,255,255,.3)}.bar.hp.low i{animation:hpAlarm .7s ease-in-out infinite}.bar.hp b{position:absolute;right:7px;top:-1px;z-index:4;font:700 9px/12px var(--sans);color:rgba(255,255,255,.92);text-shadow:0 1px 2px #000;letter-spacing:.06em}.bar.en{height:6px;width:236px}.bar.en i{background:linear-gradient(180deg,#b6fff0,#6fe3c4 45%,#127a63);box-shadow:0 0 12px rgba(111,227,196,.5),inset 0 1px 0 rgba(255,255,255,.45)}.consum{gap:16px;font:600 12px var(--sans);color:rgba(236,230,214,.85);text-shadow:0 1px 3px #000}.consum,.consum span{display:flex;align-items:center}.consum span{gap:5px;padding:2px 9px 2px 0}.consum .guard{color:var(--jade);border:1px solid rgba(111,227,196,.5);padding:2px 8px;background:rgba(111,227,196,.12);box-shadow:0 0 12px rgba(111,227,196,.25);letter-spacing:.18em}.skills{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;gap:12px;padding:10px 14px;background:linear-gradient(180deg,rgba(10,11,15,.5),rgba(6,7,10,.2));border-radius:2px}.skill{position:relative;width:52px;height:52px;transform:rotate(45deg);background:radial-gradient(circle at 40% 32%,rgba(111,227,196,.14),rgba(6,8,10,.9) 62%),var(--tex-stone);background-blend-mode:normal,soft-light;border:1px solid rgba(230,207,148,.3);box-shadow:var(--bevel-deep),0 4px 12px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease)}.skill .glyph{transform:rotate(-45deg);font:24px var(--serif);color:rgba(236,230,214,.5);text-shadow:var(--emboss-text);transition:color .2s,text-shadow .2s}.skill .cd{position:absolute;inset:-1px;background:conic-gradient(from 135deg,rgba(6,8,10,.82) var(--cd,0deg),transparent 0);pointer-events:none}.skill.ready{border-color:var(--jade);box-shadow:var(--bevel-deep),0 0 18px rgba(111,227,196,.4),inset 0 0 14px rgba(111,227,196,.18)}.skill.ready .glyph{color:var(--jade);text-shadow:0 0 12px rgba(111,227,196,.9)}.skill.ready:after{content:"";position:absolute;inset:-3px;border:1px solid rgba(111,227,196,.45);animation:readyRing 2.2s ease-out infinite}.skill.locked{opacity:.3}.skill.locked .glyph{color:var(--dim)}.skill kbd{position:absolute;bottom:-9px;right:-9px;transform:rotate(-45deg);font-size:9px;box-shadow:var(--bevel),0 2px 6px rgba(0,0,0,.7)}.target{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:400px;text-align:center}.target-name{font:500 16px var(--serif);letter-spacing:.16em;color:var(--paper);text-shadow:0 1px 4px #000,0 0 20px rgba(0,0,0,.8);margin-bottom:6px}.target-name em{font:600 10px var(--sans);letter-spacing:.16em;color:#ffcf6b;font-style:normal}.target-name em.danger{color:var(--crimson);font-size:16px;animation:pulse .4s infinite}.bar.thp{width:100%;height:8px;border-color:rgba(0,0,0,.85)}.bar.thp i{background:linear-gradient(180deg,#ff7a5e,#c7392d 45%,#5c1410);box-shadow:0 0 14px rgba(210,73,59,.4),inset 0 1px 0 rgba(255,255,255,.28)}.target.boss .bar.thp{height:14px}.target.boss .bar.thp i{background:linear-gradient(180deg,#ffb0a0,#d2493b 40%,#6b0f0a)}.posture{position:relative;margin:5px auto 0;width:62%;height:5px;background:linear-gradient(180deg,#05060a,#12141a);box-shadow:var(--carve);overflow:hidden}.posture:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 15px,rgba(0,0,0,.6) 15px 16px)}.posture i{display:block;height:100%;background:linear-gradient(180deg,#ffe9a8,#ffb347 55%,#a35c0a);box-shadow:0 0 12px rgba(255,179,71,.55);transition:width .15s}.target.broken .posture i{background:linear-gradient(180deg,#fff,#ffe9a8);box-shadow:0 0 16px #fff;animation:pulse .5s infinite}.target.counter .target-name{color:#ffcf6b;text-shadow:0 0 18px rgba(255,207,107,.7),0 1px 4px #000}.target.boss{width:620px;top:auto;bottom:116px}.target.boss .target-name{font-size:22px;letter-spacing:.3em}.prompt{position:absolute;left:50%;top:62%;transform:translateX(-50%);padding:9px 22px;background:linear-gradient(90deg,transparent,rgba(6,7,10,.82) 18%,rgba(6,7,10,.82) 82%,transparent);font:16px var(--serif);letter-spacing:.05em;color:var(--paper);white-space:nowrap;animation:fadeIn .2s;text-shadow:0 1px 4px #000;box-shadow:inset 0 1px 0 rgba(230,207,148,.2),inset 0 -1px 0 rgba(230,207,148,.2)}.prompt:after,.prompt:before{content:"◆";color:var(--gold);font-size:9px;margin:0 10px;vertical-align:middle;opacity:.8}.crosshair{width:20px;height:20px;margin:-10px;pointer-events:none}.crosshair,.crosshair:before{position:absolute;left:50%;top:50%}.crosshair:before{content:"";width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 0 4px rgba(0,0,0,.9)}.crosshair i{position:absolute;left:50%;top:50%;width:1px;height:6px;margin-left:-.5px;background:rgba(255,255,255,.45);box-shadow:0 0 3px rgba(0,0,0,.8);transform-origin:50% 50%}.crosshair i:first-child{transform:translateY(-13px)}.crosshair i:nth-child(2){transform:translateY(7px)}.crosshair i:nth-child(3){transform:rotate(90deg) translateY(-13px)}.crosshair i:nth-child(4){transform:rotate(90deg) translateY(7px)}.banner{position:absolute;left:50%;top:32%;transform:translateX(-50%);font:600 36px var(--serif);letter-spacing:.45em;padding-left:.45em;color:#fff;text-shadow:0 0 20px rgba(255,220,150,.9),0 0 54px rgba(255,180,80,.5),0 2px 0 rgba(0,0,0,.7);animation:bannerIn .9s ease forwards;white-space:nowrap}.banner:after{content:"";position:absolute;left:6%;right:6%;bottom:-8px;height:10px;background:var(--tex-brush) center/100% 100% no-repeat;opacity:.85}.banner.dodge{color:#d7c6ff;text-shadow:0 0 20px rgba(181,123,255,.9),0 2px 0 rgba(0,0,0,.7)}.banner.counter,.banner.finisher{color:#ffd98a}.banner.act{font-size:22px;letter-spacing:.6em}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(120,8,8,.55) 78%,rgba(88,0,0,.85) 100%);transition:opacity .2s}.vignette.low{animation:heartbeat 1.1s infinite}.toasts{position:absolute;left:34px;top:34px;display:flex;flex-direction:column;gap:9px;width:330px}.toast{position:relative;padding:12px 16px 12px 44px;background:linear-gradient(100deg,rgba(12,13,17,.9),rgba(12,13,17,.28));box-shadow:var(--bevel),0 8px 22px rgba(0,0,0,.55);border-left:2px solid var(--gold);animation:toastIn 4.2s ease forwards}.toast:before{inset:0;background:var(--tex-grain);opacity:.05;pointer-events:none}.toast:after,.toast:before{content:"";position:absolute}.toast:after{left:12px;top:13px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e0715f,#8d1f17 70%,#4a0f0a);box-shadow:inset 0 -1px 2px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.6)}.toast-title{font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.toast-body{font:15px/1.35 var(--serif);color:var(--paper);margin-top:2px}.toast.quest{border-color:#ffcf6b}.toast.quest .toast-title{color:#ffcf6b}.toast.skill{border-color:var(--jade)}.toast.skill .toast-title{color:var(--jade)}.toast.skill:after{background:radial-gradient(circle at 35% 30%,#8ff0d6,#2c9d80 70%,#0d332c)}.toast.rel{border-color:#e889b0}.toast.rel .toast-title{color:#f2a9c6}.toast.rel:after{background:radial-gradient(circle at 35% 30%,#f6b9cf,#a8406b 70%,#4d152c)}.toast.lore{border-color:var(--violet)}.toast.lore .toast-title{color:var(--violet)}.toast.lore:after{background:radial-gradient(circle at 35% 30%,#d3b2ff,#7a44c9 70%,#331559)}.toast.save .toast-title{color:var(--dim)}.toast.save:after{background:radial-gradient(circle at 35% 30%,#8b8779,#3d3a33 70%,#1b1a17)}.click-hint{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);font-size:12px;color:rgba(236,230,214,.65);background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.28));padding:6px 14px;letter-spacing:.04em;box-shadow:var(--bevel)}.floats{inset:0;overflow:hidden;pointer-events:none}.floater,.floats{position:absolute}.floater{left:0;top:0;will-change:transform,opacity;font:800 24px/1 var(--sans);letter-spacing:.02em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.9);transform-origin:50% 50%}.floater.dmg{color:#ffe6d2}.floater.dmg.big{font-size:34px;color:#fff2c9;text-shadow:0 2px 0 #000,0 0 18px rgba(255,170,60,.9),0 0 40px rgba(255,120,30,.5)}.floater.crit{font-size:40px;color:#fff;text-shadow:0 2px 0 #000,0 0 20px rgba(255,90,40,1),0 0 46px rgba(255,60,20,.7)}.floater.player{color:#ff9c8c}.floater.heal{color:#9dffd8}.floater.qi{color:#a9d8ff}.floater.xp{color:var(--gold)}.floater.block{color:#cfd6e0;font-size:19px;letter-spacing:.16em}.floater.parry{color:#fff3cd;font-size:30px;letter-spacing:.2em;text-shadow:0 2px 0 #000,0 0 22px rgba(255,220,140,1)}.floater .mark{display:block;font:800 11px/1 var(--sans);letter-spacing:.24em;opacity:.85;text-align:center;margin-top:2px}.hitmark{position:absolute;left:0;top:0;width:26px;height:26px;margin:-13px;will-change:transform,opacity}.hitmark:after,.hitmark:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.9)}.hitmark:before{transform:rotate(45deg)}.hitmark:after{transform:rotate(-45deg)}.hitmark.crit:after,.hitmark.crit:before{background:#ffb347;height:3px;width:20px;margin-left:-10px;box-shadow:0 0 10px rgba(255,140,40,.9)}.dmgdir{position:absolute;left:50%;top:50%;width:0;height:0}.dmgdir i{position:absolute;left:-70px;top:-186px;width:140px;height:42px;transform-origin:70px 186px;background:radial-gradient(ellipse at 50% 100%,rgba(255,60,40,.85),rgba(255,40,20,0) 72%);animation:dirFade .9s ease-out forwards}.dialogue{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5vh;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.35) 26%,transparent 46%)}.dlg-box{position:relative;width:min(940px,92vw);padding:0 12px;animation:slideUp .3s var(--ease)}.dlg-inner{position:relative;padding:20px 26px 18px;background:linear-gradient(180deg,rgba(16,17,22,.93),rgba(8,9,12,.9));border:1px solid rgba(230,207,148,.26);box-shadow:var(--bevel),0 24px 60px rgba(0,0,0,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dlg-inner:before{content:"";position:absolute;inset:0;background:var(--tex-grain);opacity:.04;pointer-events:none}.dlg-speaker{gap:14px}.dlg-sigil,.dlg-speaker{display:flex;align-items:center}.dlg-sigil{width:42px;height:42px;flex:none;justify-content:center;transform:rotate(45deg);font:22px var(--serif);background:radial-gradient(circle at 40% 32%,#3a3f4d,#14171f 70%,#090a0e);border:1px solid rgba(230,207,148,.55);box-shadow:var(--bevel-deep),0 0 16px rgba(230,207,148,.15),inset 0 0 14px rgba(0,0,0,.7)}.dlg-sigil span{transform:rotate(-45deg);background:var(--gold-foil);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dlg-name{font:500 24px var(--serif);letter-spacing:.1em;color:var(--gold);text-shadow:var(--emboss-text)}.dlg-title{font:12px var(--sans);letter-spacing:.2em;color:var(--dim);text-transform:uppercase}.dlg-rel{margin-left:auto;font:11px var(--sans);letter-spacing:.1em;color:var(--dim);padding:3px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35)}.dlg-rel.good{color:#f2a9c6;border-color:rgba(242,169,198,.4)}.dlg-rel.bad{color:var(--crimson);border-color:rgba(210,73,59,.4)}.dlg-text{margin-top:12px;font:22px/1.55 var(--serif);color:var(--paper);min-height:3.2em;text-shadow:0 1px 4px rgba(0,0,0,.9);border-top:1px solid rgba(230,207,148,.25);padding-top:12px}.caret{color:var(--gold);animation:blink .8s infinite}.dlg-choices{margin-top:14px;display:flex;flex-direction:column;gap:6px}.dlg-choice{position:relative;text-align:left;padding:10px 16px 10px 34px;font:18px var(--serif);color:var(--text);background:linear-gradient(90deg,rgba(230,207,148,.09),rgba(230,207,148,.01) 62%,transparent);border:none;border-left:2px solid rgba(230,207,148,.35);transition:all .16s var(--ease);animation:fadeIn .3s}.dlg-choice:before{content:"◆";position:absolute;left:14px;top:50%;transform:translateY(-50%) scale(.6);color:var(--gold);font-size:9px;opacity:0;transition:all .18s var(--ease)}.dlg-choice:hover:not(:disabled){border-left-color:var(--gold);background:linear-gradient(90deg,rgba(230,207,148,.22),rgba(230,207,148,.03) 76%,transparent);color:#fff;padding-left:40px;box-shadow:inset 0 0 24px rgba(230,207,148,.08)}.dlg-choice:hover:not(:disabled):before{opacity:1;transform:translateY(-50%) scale(1)}.dlg-choice:disabled{opacity:.35;cursor:default}.dlg-choice .tag{margin-left:10px;font:600 10px var(--sans);letter-spacing:.14em;color:var(--gold-dim);text-transform:uppercase}.dlg-next{margin-top:12px;font-size:12px;letter-spacing:.1em;color:var(--dim);text-align:right;animation:blink 1.6s infinite}.lb{position:absolute;left:0;right:0;height:11vh;background:#000;transition:transform .9s cubic-bezier(.6,0,.2,1);z-index:2}.lb.top{top:0;transform:translateY(-100%)}.lb.bottom{bottom:0;transform:translateY(100%)}.lb.on{transform:translateY(0)}.subtitle{position:absolute;left:50%;bottom:13.5vh;transform:translateX(-50%);max-width:70vw;text-align:center;z-index:3;animation:fadeIn .5s}.sub-speaker{display:block;font:600 11px var(--sans);letter-spacing:.3em;color:var(--gold);margin-bottom:4px;text-transform:uppercase}.sub-text{font:italic 23px/1.45 var(--serif);color:#fff;text-shadow:0 2px 6px #000,0 0 24px rgba(0,0,0,.95)}.skip-hint{position:absolute;right:28px;bottom:calc(11vh + 12px);font-size:11px;color:rgba(255,255,255,.45);z-index:3}.titlecard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;animation:titleIn 4.6s ease forwards}.tc-small{font:600 12px var(--sans);letter-spacing:.5em;color:var(--gold);margin-bottom:18px;text-shadow:0 1px 4px #000}.tc-title{font:300 56px var(--serif);letter-spacing:.4em;padding-left:.4em;background:var(--gold-foil);background-size:100% 240%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(0,0,0,.9))}.tc-sub{margin-top:14px;font:500 15px var(--serif);letter-spacing:.5em;padding-left:.5em;color:var(--gold);text-shadow:0 1px 4px #000}.titlecard.hero .tc-title{font-size:124px;letter-spacing:.35em;filter:drop-shadow(0 0 60px rgba(181,123,255,.45)) drop-shadow(0 0 120px rgba(181,123,255,.2)) drop-shadow(0 3px 0 rgba(0,0,0,.7))}.titlecard.hero .tc-sub{font-size:18px;border-top:1px solid rgba(230,207,148,.4);padding-top:16px}.fade{position:absolute;inset:0;pointer-events:none;transition:opacity .12s linear;z-index:20}.fade.black{background:#000}.fade.white{background:#f6f1ff}.reading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.62);animation:fadeIn .3s}.scroll{position:relative;width:min(580px,88vw);padding:42px 48px 30px;color:#2a2218;background:var(--parchment);box-shadow:0 26px 70px rgba(0,0,0,.75),inset 0 0 70px rgba(120,90,40,.4),inset 0 1px 0 rgba(255,255,255,.5);border-top:7px solid #5a3f22;border-bottom:7px solid #5a3f22;animation:slideUp .35s var(--ease)}.scroll:before{background:var(--tex-paper);opacity:.5;mix-blend-mode:multiply}.scroll:after,.scroll:before{content:"";position:absolute;inset:0;pointer-events:none}.scroll:after{box-shadow:inset 0 0 40px rgba(90,60,20,.35)}.scroll-title{position:relative;font:600 26px var(--serif);letter-spacing:.08em;text-align:center;margin-bottom:18px;color:#4a2b14;text-shadow:0 1px 0 rgba(255,255,255,.4)}.scroll-text{position:relative;font:19px/1.7 var(--serif)}.scroll-hint{position:relative;margin-top:18px;text-align:center;font-size:11px;letter-spacing:.2em;color:#6e5a3a}.dead{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(56,4,4,.6),rgba(0,0,0,.94));animation:fadeIn 1.2s ease}.dead-title{font:300 88px var(--serif);letter-spacing:.6em;padding-left:.6em;background:linear-gradient(174deg,#7d1a13,#d2493b 40%,#ff8a6a 55%,#8d1f17);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(201,55,43,.55));animation:deadBleed 3s ease-out}.dead-sub{font:italic 18px var(--serif);color:var(--dim);margin-top:12px}.dead-actions{margin-top:40px;display:flex;gap:14px}.dead-actions button,.pause-actions button{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.35));border:1px solid rgba(230,207,148,.3);padding:10px 22px;font:15px var(--serif);letter-spacing:.08em;color:var(--text);box-shadow:var(--bevel),0 4px 12px rgba(0,0,0,.5);transition:all .16s var(--ease)}.dead-actions button:hover,.pause-actions button:hover:not(:disabled){border-color:var(--gold);color:#fff;background:linear-gradient(180deg,rgba(230,207,148,.2),rgba(230,207,148,.05));box-shadow:var(--bevel),var(--glow-gold);transform:translateY(-1px)}.dead-actions button.primary,.pause-actions button.primary{border-color:var(--gold);color:var(--gold)}.pause-actions button:disabled{opacity:.35;cursor:default}.pause{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(5,6,9,.94),rgba(5,6,9,.88));backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05);animation:fadeIn .25s}.pause,.pause:before{position:absolute;inset:0}.pause:before{content:"";background:var(--tex-grain);opacity:.04;pointer-events:none}.pause-top{position:relative;display:flex;align-items:center;gap:12px 24px;padding:18px 32px;border-bottom:1px solid rgba(230,207,148,.18);flex-wrap:wrap;box-shadow:0 12px 30px rgba(0,0,0,.5)}.pause-title{font:300 28px var(--serif);letter-spacing:.24em;color:var(--paper);display:flex;flex-direction:column;white-space:nowrap;text-shadow:var(--emboss-text)}.pause-title span{font:11px var(--sans);letter-spacing:.22em;color:var(--gold-dim);margin-top:4px}.tabs{display:flex;gap:4px;margin:0 auto;flex-wrap:wrap;justify-content:center}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 13px;font:16px var(--serif);letter-spacing:.08em;color:var(--dim);transition:all .15s;white-space:nowrap}.tab:hover{color:var(--text)}.tab.sel{color:var(--gold);border-bottom-color:var(--gold);text-shadow:0 0 16px rgba(230,207,148,.4)}.pause-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.pause-actions button{padding:8px 14px;font-size:14px;white-space:nowrap}.pause-body{position:relative;flex:1 1;overflow:auto;padding:28px 40px}.two-col{display:grid;grid-template-columns:340px 1fr;grid-gap:40px;gap:40px;height:100%}.list{display:flex;flex-direction:column;gap:4px}.controls-ref h4,.detail h4,.list h4,.map-legend h4,.settings h4{font:600 11px var(--sans);letter-spacing:.28em;color:var(--gold-dim);text-transform:uppercase;margin:16px 0 8px;text-shadow:var(--emboss-text)}.list-item{text-align:left;background:none;border:none;border-left:2px solid transparent;padding:9px 12px;font:17px var(--serif);color:var(--text);display:flex;gap:8px;align-items:center;transition:all .15s var(--ease)}.list-item:hover{background:linear-gradient(90deg,rgba(230,207,148,.08),transparent)}.list-item.sel{border-left-color:var(--gold);background:linear-gradient(90deg,rgba(230,207,148,.14),transparent);color:#fff;box-shadow:inset 0 0 20px rgba(230,207,148,.06)}.list-item.done{color:var(--dim)}.tracked{margin-left:auto;font:600 9px var(--sans);letter-spacing:.18em}.qkind.main,.tracked{color:#ffcf6b}.qkind.side{color:var(--jade)}.detail h2{font:400 36px var(--serif);margin:6px 0 10px;color:var(--paper);letter-spacing:.04em;text-shadow:var(--emboss-text)}.stages{margin:18px 0;display:flex;flex-direction:column;gap:8px}.stage{font:16px var(--serif);color:var(--text)}.stage span{color:var(--gold);margin-right:8px}.stage.done{color:var(--dim);text-decoration:line-through;-webkit-text-decoration-color:rgba(255,255,255,.2);text-decoration-color:rgba(255,255,255,.2)}.stage em{color:var(--gold);font-style:normal}.choice-rec{font:15px var(--serif);margin:4px 0}blockquote{margin:16px 0;padding:12px 18px;border-left:2px solid var(--violet);background:linear-gradient(90deg,rgba(181,123,255,.1),transparent);font:italic 19px var(--serif);color:#dccbff;box-shadow:inset 2px 0 0 rgba(181,123,255,.4)}.stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 30px;gap:8px 30px;margin-top:20px;max-width:520px}.stats span{display:flex;justify-content:space-between;font-size:14px;color:var(--dim);border-bottom:1px solid rgba(255,255,255,.06);padding:4px 0}.stats b{color:var(--paper)}.relbar{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:13px;color:var(--dim)}.relbar .bar{width:240px;height:6px}.relbar .bar i{background:linear-gradient(90deg,var(--crimson),var(--gold),#f2a9c6)}.memory{font:italic 16px var(--serif);color:var(--text);margin:4px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.slot{position:relative;aspect-ratio:1;padding:6px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.42)),var(--tex-stone);background-blend-mode:normal,soft-light;border:1px solid rgba(230,207,148,.18);box-shadow:var(--bevel),0 3px 10px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .16s var(--ease)}.slot:hover{border-color:rgba(230,207,148,.55);transform:translateY(-2px);box-shadow:var(--bevel),0 8px 18px rgba(0,0,0,.6),var(--glow-gold)}.slot.sel{border-color:var(--gold);box-shadow:var(--bevel),inset 0 0 26px rgba(230,207,148,.18),var(--glow-gold)}.slot.equipped:after{content:"E";position:absolute;top:4px;left:6px;font:700 10px var(--sans);color:var(--jade);text-shadow:0 0 8px rgba(111,227,196,.8)}.slot-glyph{font:28px var(--serif);color:var(--gold);text-shadow:var(--emboss-text),0 0 14px rgba(230,207,148,.25)}.slot.key .slot-glyph{color:var(--violet)}.slot.consumable .slot-glyph{color:var(--jade)}.slot-name{font-size:11px;text-align:center;color:var(--text);line-height:1.2}.slot-count{position:absolute;bottom:4px;right:6px;font:600 11px var(--sans);color:var(--paper);text-shadow:0 1px 2px #000}.equipped-tag{color:var(--jade);font:600 11px var(--sans);letter-spacing:.2em}.skills-panel{display:flex;flex-direction:column;gap:14px}.class-tabs{display:flex;gap:6px;flex-wrap:wrap}.class-tab{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.35));border:1px solid rgba(230,207,148,.18);padding:8px 16px;font:15px var(--serif);color:var(--text);box-shadow:var(--bevel);transition:all .16s var(--ease)}.class-tab:hover{border-color:rgba(230,207,148,.5);color:var(--paper)}.class-tab.sel{border-color:var(--gold);color:var(--gold);box-shadow:var(--bevel),var(--glow-gold)}.class-tab.locked{color:var(--dim)}.lock{margin-left:6px;font-size:11px}.class-desc{font:italic 16px var(--serif);color:var(--dim);margin:0}.tree{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;max-width:980px}.tree:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(230,207,148,.22) 12%,rgba(230,207,148,.22) 88%,transparent)}.node{position:relative;border:1px solid rgba(230,207,148,.18);padding:12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.38));box-shadow:var(--bevel),0 4px 12px rgba(0,0,0,.45);transition:all .18s var(--ease)}.node:hover{border-color:rgba(230,207,148,.45);transform:translateY(-2px)}.node.owned{border-color:var(--jade);background:linear-gradient(180deg,rgba(111,227,196,.1),rgba(0,0,0,.38));box-shadow:var(--bevel),inset 0 0 22px rgba(111,227,196,.12),0 0 18px rgba(111,227,196,.18)}.node.owned:after{content:"";position:absolute;left:50%;bottom:-16px;width:1px;height:16px;background:linear-gradient(180deg,rgba(111,227,196,.6),transparent)}.node.future{opacity:.45;border-style:dashed}.node-name{font:500 17px var(--serif);color:var(--paper);display:flex;justify-content:space-between}.node.owned .node-name{color:var(--jade);text-shadow:0 0 14px rgba(111,227,196,.5)}.node-desc{font-size:13px;color:var(--text);margin:6px 0;line-height:1.4}.node-meta{font:600 10px var(--sans);letter-spacing:.12em;color:var(--gold-dim);text-transform:uppercase}.controls-ref .kv{font-size:13px;line-height:2.1;color:var(--text)}.map-panel{display:flex;gap:30px;height:100%}.map-frame{position:relative;padding:12px;background:linear-gradient(160deg,#2a1d13,#120c08);box-shadow:var(--bevel-deep),0 22px 50px rgba(0,0,0,.7)}.map-frame:after,.map-frame:before{content:"";position:absolute;inset:5px;border:1px solid rgba(230,207,148,.35)}.map-frame:after{inset:8px;border-color:rgba(230,207,148,.12)}.map-canvas{display:block;height:min(70vh,620px);aspect-ratio:1;box-shadow:inset 0 0 60px rgba(60,40,10,.5),0 0 0 1px rgba(0,0,0,.8);cursor:zoom-in;filter:sepia(.14) contrast(1.04) saturate(.92)}.map-legend{width:300px;font:15px var(--serif)}.map-legend p{margin:8px 0}.zoom-btns{display:flex;gap:6px;margin-top:14px}.zoom-btns button{width:36px;height:36px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.4));border:1px solid rgba(230,207,148,.3);color:var(--gold);font-size:18px;box-shadow:var(--bevel);transition:all .15s}.zoom-btns button:hover{border-color:var(--gold);box-shadow:var(--bevel),var(--glow-gold)}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:10px 40px;gap:10px 40px;max-width:1100px}.preset-row,.settings section{display:flex;flex-direction:column;gap:6px}.preset{text-align:left;padding:10px 14px;display:flex;flex-direction:column;gap:3px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.35));border:1px solid rgba(230,207,148,.18);box-shadow:var(--bevel);transition:all .16s var(--ease)}.preset:hover{border-color:rgba(230,207,148,.45)}.preset b{font:600 13px var(--sans);letter-spacing:.18em;color:var(--text)}.preset span{font-size:12px;color:var(--dim)}.preset.sel{border-color:var(--gold);box-shadow:var(--bevel),var(--glow-gold)}.preset.sel b{color:var(--gold)}.row{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:14px;pointer-events:auto}.row span{flex:1 1;color:var(--text)}.row em{width:40px;text-align:right;color:var(--gold);font-style:normal;font-size:12px}.row input[type=range]{width:160px;accent-color:#d8bd7a;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.row input[type=checkbox]{accent-color:#d8bd7a;width:16px;height:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes heartbeat{0%,to{opacity:.35}15%{opacity:.8}30%{opacity:.4}45%{opacity:.7}}@keyframes toastIn{0%{opacity:0;transform:translateX(-20px)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translateX(-10px)}}@keyframes bannerIn{0%{opacity:0;transform:translateX(-50%) scale(1.5);letter-spacing:.9em;filter:blur(6px)}15%{opacity:1;transform:translateX(-50%) scale(1);letter-spacing:.45em;filter:blur(0)}75%{opacity:1}to{opacity:0;transform:translateX(-50%) scale(.96)}}@keyframes titleIn{0%{opacity:0;filter:blur(8px)}20%{opacity:1;filter:blur(0)}80%{opacity:1}to{opacity:0;filter:blur(4px)}}@keyframes sheen{0%{background-position:-120% 0}60%,to{background-position:220% 0}}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-1.5%,1%)}66%{transform:translate(1%,-1.5%)}to{transform:translate(0)}}@keyframes foilDrift{0%,to{background-position:50% 0}50%{background-position:50% 100%}}@keyframes jadeBreathe{0%,to{box-shadow:var(--bevel-deep),0 6px 18px rgba(0,0,0,.7),inset 0 0 20px rgba(111,227,196,.12)}50%{box-shadow:var(--bevel-deep),0 6px 18px rgba(0,0,0,.7),inset 0 0 26px rgba(111,227,196,.26)}}@keyframes jadeAlarm{0%,to{box-shadow:var(--bevel-deep),0 0 0 rgba(210,73,59,0),inset 0 0 20px rgba(210,73,59,.2)}50%{box-shadow:var(--bevel-deep),0 0 26px rgba(210,73,59,.55),inset 0 0 30px rgba(210,73,59,.45)}}@keyframes hpAlarm{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}@keyframes readyRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.28)}}@keyframes moteRise{0%{transform:translateZ(0);opacity:0}12%{opacity:.9}88%{opacity:.7}to{transform:translate3d(38px,-108vh,0);opacity:0}}@keyframes rayDrift{0%{transform:translateX(-3%) rotate(.4deg)}to{transform:translateX(3%) rotate(-.4deg)}}@keyframes mistDrift{0%{transform:translate3d(-2%,0,0) scale(1.02);opacity:.85}to{transform:translate3d(3%,-1%,0) scale(1.08);opacity:1}}@keyframes deadBleed{0%{opacity:0;filter:blur(20px) drop-shadow(0 0 40px rgba(201,55,43,.55));letter-spacing:1.2em}to{opacity:1;filter:blur(0) drop-shadow(0 0 40px rgba(201,55,43,.55))}}@keyframes floatUp{0%{opacity:0;transform:translate3d(var(--x),var(--y),0) scale(.5)}14%{opacity:1;transform:translate3d(var(--x),var(--y),0) scale(1.22)}30%{transform:translate3d(var(--x),var(--y),0) scale(1)}}@keyframes dirFade{0%{opacity:0}18%{opacity:1}to{opacity:0}}[data-fx=lite] .dlg-inner,[data-fx=lite] .menu-panel,[data-fx=lite] .pause{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-fx=lite] .atmo-grain,[data-fx=lite] .atmo-mote,[data-fx=lite] .atmo-rays,[data-fx=lite] .hud-grain{display:none}[data-fx=lite] .atmo-mist,[data-fx=lite] .bar i:after,[data-fx=lite] .boot-logo,[data-fx=lite] .logo-main,[data-fx=lite] .portrait,[data-fx=lite] .skill.ready:after,[data-fx=lite] .tc-title{animation:none}[data-fx=lite] .bar i:after{opacity:.16}[data-fx=lite] .skill.ready:after{opacity:.45}[data-fx=lite] .vitals.low .portrait{box-shadow:var(--bevel-deep),0 0 22px rgba(210,73,59,.5),inset 0 0 26px rgba(210,73,59,.4)}[data-fx=lite] .bar.hp.low i{filter:brightness(1.28)}[data-fx=lite] .btn:hover,[data-fx=lite] .drop-lift,[data-fx=lite] .node:hover,[data-fx=lite] .preset:hover,[data-fx=lite] .slot:hover{transform:none}@media (prefers-reduced-motion:reduce){.atmo-grain,.atmo-mist,.atmo-mote,.atmo-rays,.bar i:after,.boot-logo,.hud-grain,.logo-main{animation:none!important}}@media (max-width:1200px){.pause-top{padding:14px 20px;gap:10px 16px}.pause-title{font-size:22px;letter-spacing:.16em}.tab{padding:7px 10px;font-size:15px}.pause-actions button{padding:7px 11px;font-size:13px}.pause-body{padding:20px 24px}}@media (max-height:620px){.logo-main{font-size:62px}.menu-left{padding-top:5vh}.menu-nav{margin-top:4vh}.back,.menu-nav button{font-size:21px;padding:5px 0 5px 20px}.menu-foot{margin-top:16px}}@media (max-height:440px){.logo-main{font-size:42px}.logo-sub{font-size:10px;letter-spacing:.32em;margin-top:8px;padding-top:8px}.back,.menu-nav button{font-size:17px;padding:3px 0 3px 16px}.menu-panel{padding:16px 20px;margin-top:4vh}.pause-top{padding:12px 24px}.pause-body{padding:16px 24px}}@media (max-width:900px){.menu-left{width:100%;padding-left:8vw}.menu-panel{position:absolute;inset:6vh 4vw;margin:0}.two-col{grid-template-columns:1fr}.bar{width:180px}.objective{width:220px}.bar.hp{width:190px}.bar.en{width:160px}}