:root{--bg:#050607;--surface:#0b0d0d;--panel:#0f0d09;--line:rgba(122,87,46,0.4);--line-2:rgba(122,87,46,0.72);--text:#f4ecdc;--text-secondary:#c8b79e;--text-muted:#a99a84;--text-dim:#b6a992;--gold:#e6b866;--accent:#f2b24d;--accent-soft:#d98b28;--danger:#e5484d;--green:#98dd72;--font-display:var(--font-cormorant),Georgia,serif;--font-story:var(--font-cormorant),Georgia,serif;--font-ui:var(--font-inter),system-ui,sans-serif;--font-data:var(--font-inter),ui-monospace,monospace;--font-logo:var(--font-cormorant),Georgia,serif;--serif:var(--font-cormorant),Georgia,serif;--sans:var(--font-inter),system-ui,sans-serif;--nav-h:74px;--radius:14px}[data-skin=fantasy]{--font-display:var(--font-cinzel),Georgia,serif;--font-story:var(--font-spectral),Georgia,serif;--font-ui:var(--font-inter),system-ui,sans-serif;--font-logo:var(--font-cinzel),Georgia,serif;--serif:var(--font-spectral),Georgia,serif;--sans:var(--font-inter),system-ui,sans-serif}[data-skin=sci_fi]{--surface:#071214;--panel:#081619;--line:rgba(25,212,255,0.22);--line-2:rgba(25,212,255,0.4);--text:#dce9ee;--text-dim:#8ba6b0;--accent:#19d4ff;--accent-soft:#0e9ec2;--danger:#ff3b3b;--font-display:var(--font-rajdhani),sans-serif;--font-story:var(--font-plex-sans),sans-serif;--font-ui:var(--font-plex-sans),sans-serif;--font-data:var(--font-plex-mono),ui-monospace,monospace;--font-logo:var(--font-rajdhani),sans-serif;--serif:var(--font-plex-sans),sans-serif;--sans:var(--font-plex-sans),sans-serif}[data-skin=western]{--surface:#171210;--panel:#1f1712;--line:rgba(199,138,68,0.28);--line-2:rgba(199,138,68,0.5);--text:#d8c3a0;--text-dim:#9c8a72;--gold:#c78a44;--accent:#c78a44;--accent-soft:#8a5a2b;--danger:#c23b2e;--green:#9aa363;--font-display:var(--font-roboto-slab),Georgia,serif;--font-story:var(--font-lora),Georgia,serif;--font-ui:var(--font-inter),system-ui,sans-serif;--font-logo:var(--font-rye),var(--font-roboto-slab),serif;--serif:var(--font-lora),Georgia,serif;--sans:var(--font-inter),system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);font-family:var(--serif);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 10%,rgba(230,184,102,.09),transparent 32%),radial-gradient(circle at top,rgba(32,36,30,.4),transparent 46%),#020303}[data-skin=sci_fi] body,body:has([data-skin=sci_fi]){background:radial-gradient(circle at 50% 10%,rgba(25,212,255,.08),transparent 32%),#010305}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.shell{position:relative;width:min(100%,480px);min-height:100vh;margin:0 auto;padding:22px 20px calc(var(--nav-h) + 40px + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 16%),var(--bg);border-left:1px solid #17120a;border-right:1px solid #17120a;box-shadow:0 20px 60px rgba(0,0,0,.55)}.shell:before{content:"";position:absolute;inset:6px;border:1px solid var(--line);opacity:.5;pointer-events:none;z-index:0}.shell>*{position:relative;z-index:1}.shell.plain{padding-bottom:40px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;gap:12px;max-width:480px;margin:0 auto;padding:11px 18px;border-bottom:1px solid var(--line-2);background:linear-gradient(180deg,#0a0d0e,#050606)}.brand,.topbar{align-items:center}.brand{display:inline-flex;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:15px}.brand .spark{color:var(--gold)}.back{font-size:12px;letter-spacing:.09em;background:none;border:none;cursor:pointer}.back,.eyebrow{font-family:var(--sans);text-transform:uppercase;color:var(--accent)}.eyebrow{font-size:11px;letter-spacing:.34em;display:flex;align-items:center;gap:10px}.eyebrow:after,.eyebrow:before{content:"";height:1px;width:18px;background:var(--line-2)}.eyebrow.left:before{display:none}.h1{font-family:var(--font-display);font-size:clamp(26px,7vw,40px);line-height:.98;text-transform:uppercase;letter-spacing:.01em;margin:8px 0 0;color:var(--text);text-shadow:0 2px 18px rgba(0,0,0,.5)}.h1.page{font-size:clamp(22px,6vw,30px)}[data-skin=sci_fi] .h1{letter-spacing:.04em}.lead{line-height:1.55;font-size:17px;font-family:var(--serif)}.lead,.muted{color:var(--text-dim)}.muted{font-size:14px;line-height:1.5;font-family:var(--sans)}.narration{font-family:var(--serif);font-size:18px;line-height:1.6;color:var(--text)}.section{margin-top:30px}.section>h2,.sectionLabel{font-family:var(--sans);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);display:flex;align-items:center;gap:10px;margin:0 0 14px}.section>h2:before,.sectionLabel:before{content:"◇";font-size:10px;line-height:1;color:var(--accent-soft);flex:none}.section>h2:after,.sectionLabel:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}.grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr}@media (min-width:400px){.grid.cols-2{grid-template-columns:1fr 1fr}}.stack{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px}.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;transition:border-color .15s ease,transform .15s ease}a.card:active,button.card:active{transform:scale(.99)}a.card:hover{border-color:var(--line-2)}.card-title{font-family:var(--font-display);font-size:20px;text-transform:uppercase;margin:8px 0 4px;color:var(--text)}.artCard{border-color:var(--line-2)}.artCard .assetImg>img{transition:transform .35s ease}a.artCard:hover{border-color:var(--accent)}a.artCard:hover .assetImg>img{transform:scale(1.05)}.framed{position:relative;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:var(--surface)}.framed:after,.framed:before{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--accent);opacity:.7}.framed:before{left:6px;top:6px;border-right:0;border-bottom:0}.framed:after{right:6px;bottom:6px;border-left:0;border-top:0}.tag{display:inline-block;font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}.navBurger{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;padding:2px 4px}.navMenu{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:190px;display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);box-shadow:0 14px 34px rgba(0,0,0,.55)}.navMenuItem{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:9px;font-family:var(--sans);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);white-space:nowrap}.navMenuItem:focus-visible,.navMenuItem:hover{background:rgba(255,255,255,.07)}.worldBadge{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:9px 14px;border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:10px;background:var(--surface);max-width:100%;min-width:0}.worldBadge .tag{flex:0 0 auto;opacity:.85}.worldBadge .card-title{margin:0;min-width:0;overflow-wrap:anywhere}.worldBadge.soon{border-left-color:var(--line-2);opacity:.6}.pill,.worldBadge.soon .tag{color:var(--text-dim)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:12px;background:rgba(0,0,0,.35);border:1px solid var(--line-2);border-radius:7px;padding:6px 11px}.pill b{color:var(--accent);font-weight:700}.pill svg{width:14px;height:14px}.row{display:flex;flex-wrap:wrap;gap:9px}.btn,.row{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;width:100%;min-height:56px;font-family:var(--sans);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.08em;padding:10px 18px;border-radius:9px;cursor:pointer;border:2px solid var(--line-2);color:#22160a;position:relative;background:radial-gradient(circle at 50% -10%,rgba(255,240,190,.5),transparent 55%),linear-gradient(180deg,#f0c260,#b9832a 60%,#7c4f14);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 20px rgba(207,161,90,.24)}[data-skin=sci_fi] .btn{color:#04222b;border-color:rgba(25,212,255,.5);background:radial-gradient(circle at 50% -10%,rgba(210,245,255,.55),transparent 55%),linear-gradient(180deg,#5fe4ff,#17a9cf 60%,#0b6f8a);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 20px rgba(25,212,255,.28)}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{color:var(--accent);background:linear-gradient(180deg,#141311,#0a0908);border-color:var(--line-2);box-shadow:none}.btn.ghost{min-height:48px;font-size:13px;color:var(--text-dim);background:transparent;border-color:var(--line);box-shadow:none}.btn.danger{color:#fff;background:linear-gradient(180deg,#b5322f,#7a1f1d);border-color:rgba(229,72,77,.6);box-shadow:none}.btn.sm{min-height:40px;font-size:12px;padding:8px 14px;width:auto}.btn.xs{min-height:30px;font-size:11.5px;padding:4px 10px;width:auto;gap:5px}.logToggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;flex:1 1;min-width:0;text-align:left;cursor:pointer}.logToggle:hover{color:var(--text)}.infoDot{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--accent-soft);background:transparent;color:var(--accent);font-family:var(--sans);font-size:12px;font-weight:700;font-style:italic;line-height:1;cursor:pointer}.infoDot:hover,.infoDot[aria-expanded=true]{background:var(--accent);color:#0b0b0d}.diceTotal{color:var(--accent);font-weight:800;font-size:14px}.narrationNote{margin:0 0 10px;padding-left:9px;border-left:2px solid var(--line-2);font-size:12px;line-height:1.5}.shelfBadge{top:12px;right:12px;z-index:1;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:#0b0b0d;background:var(--accent);box-shadow:0 2px 10px rgba(0,0,0,.5)}.resDelta,.shelfBadge{position:absolute;font-family:var(--sans);font-weight:700}.resDelta{left:50%;bottom:100%;transform:translateX(-50%);font-size:11px;white-space:nowrap;pointer-events:none;animation:resFloat 1.5s ease-out forwards}.resDelta.up{color:var(--green,#7d9b5c)}.resDelta.down{color:var(--danger)}@keyframes resFloat{0%{opacity:0;transform:translate(-50%,4px)}18%{opacity:1;transform:translate(-50%,-2px)}70%{opacity:1;transform:translate(-50%,-8px)}to{opacity:0;transform:translate(-50%,-14px)}}@media (prefers-reduced-motion:reduce){.resDelta{animation:none;opacity:1;transform:translate(-50%,-8px)}}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.resumeCard{display:grid;grid-gap:2px;gap:2px;width:100%;text-align:left;padding:12px 14px;margin-top:14px;cursor:pointer;border-color:var(--accent-soft);background:linear-gradient(180deg,rgba(199,138,68,.14),rgba(0,0,0,.28))}.resumeCard:focus-visible,.resumeCard:hover{border-color:var(--accent)}.resumeEyebrow{font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.resumeTitle{font-size:16px;line-height:1.25}.resumeMeta{font-family:var(--sans);font-size:11.5px;color:var(--text-dim)}.statLine{display:flex;align-items:baseline;gap:6px;min-width:0}.statLine .resName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statLine>b{flex:none}.helpNote{margin:0 0 10px;padding:10px 12px;border-left:2px solid var(--accent-soft);border-radius:0 8px 8px 0;background:rgba(0,0,0,.25)}.helpNote ul{margin:6px 0 0;padding-left:18px;color:var(--text-dim);font-size:12.5px;line-height:1.5}.helpNote li+li{margin-top:4px}.lootHaul{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;margin-bottom:12px}.lootChest{width:64px;height:64px;display:grid;place-items:center;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}.codexPlaceArt{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.codexPlaceArt.hidden>*{filter:grayscale(1) brightness(.28) contrast(.7)}.territoryMap{width:100%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0d0a07}.territoryMapFrame{position:relative;line-height:0}.territoryMapArt{display:block;width:100%;height:auto}.territoryTrail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.trailLine{stroke:var(--accent);stroke-width:.6;stroke-linecap:round;stroke-dasharray:2 1.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(0,0,0,.9));animation:trailDraw linear forwards;stroke-dashoffset:0;pathLength:1}@keyframes trailDraw{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 0}}.mapPlace{position:absolute;transform:translate(-50%,-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--sans);font-size:clamp(9px,1.5vw,12px);font-weight:700;letter-spacing:.04em;color:#f4ead6;padding:4px 9px;border-radius:999px;border:1px solid rgba(244,234,214,.28);background:rgba(12,9,6,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;transition:border-color .15s ease,background .15s ease,transform .15s ease}.mapPlace:focus-visible,.mapPlace:hover:not(:disabled){border-color:var(--accent);background:rgba(12,9,6,.8);transform:translate(-50%,-50%) scale(1.06)}.mapPlace.here{border-color:var(--accent);color:var(--accent);cursor:default}.mapPlace.arriving{border-color:var(--accent);animation:qePulse .9s ease-in-out infinite}.mapPlace:disabled:not(.here){opacity:.55;cursor:default}.territoryMapBar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;font-family:var(--sans);font-size:12px;border-top:1px solid var(--line);background:rgba(0,0,0,.35)}@media (prefers-reduced-motion:reduce){.trailLine{stroke-dasharray:1000 0}.mapPlace.arriving,.trailLine{animation:none}}.coatPick{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;flex-shrink:0;line-height:0}.coatPick:disabled{cursor:default}.coatPick .portrait{border:1px solid transparent;transition:border-color .12s ease}.coatPick:focus-visible .portrait,.coatPick:hover .portrait,.coatPick[aria-expanded=true] .portrait{border-color:var(--accent)}.coatPickHint{position:absolute;right:-2px;bottom:-2px;font-size:11px;line-height:1;padding:2px;border-radius:50%;background:var(--surface);opacity:0;transition:opacity .12s ease}.coatPick:focus-visible .coatPickHint,.coatPick:hover .coatPickHint{opacity:1}@media (hover:none){.coatPickHint{opacity:.8}}.coatOption{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:6px;border:1px solid var(--line-2);border-radius:10px;background:rgba(0,0,0,.22);color:var(--text-dim);font-family:var(--sans);font-size:11px;cursor:pointer}.coatOption:hover{border-color:var(--accent-soft)}.coatOption[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.nameEdit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;min-width:0;display:inline-flex;align-items:center;gap:6px;color:inherit;font:inherit;text-align:left;cursor:pointer}.nameEditPen{font-size:11px;color:var(--text-dim);opacity:0;transition:opacity .12s ease}.nameEdit:focus-visible .nameEditPen,.nameEdit:hover .nameEditPen{opacity:1}@media (hover:none){.nameEditPen{opacity:.65}}.voiceStrip{margin:8px 0 10px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.03)}@keyframes qePulse{0%,to{opacity:1}50%{opacity:.45}}.pulsing{animation:qePulse 1.1s ease-in-out infinite}.btn.iconOnly{width:40px;min-width:40px;padding:0;font-size:18px;line-height:1}.row .btn{width:auto}input,select,textarea{font-family:var(--sans);color:var(--text);background:rgba(0,0,0,.4);border:1px solid var(--line-2);border-radius:8px;box-sizing:border-box;max-width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#766f61}.statline{font-family:var(--sans);font-size:12.5px;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:8px}.statline b{color:var(--accent);font-weight:700}.resChip{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);display:inline-flex;gap:5px;align-items:baseline}.resChip b{color:var(--text);font-size:14px}.resGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 10px;gap:6px 10px;margin-top:8px}.res{display:grid;grid-template-columns:16px 1fr auto;align-items:center;grid-gap:7px;gap:7px}.res .resIcon{width:16px;height:16px;display:grid;place-items:center;color:var(--res,var(--accent))}.res .resIcon svg{width:15px;height:15px}.res .resName{font-family:var(--sans);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.res .resVal{font-family:var(--sans);font-weight:700;font-size:13px;color:var(--text)}.res .resVal small{color:var(--text-dim);font-weight:400;font-size:10px}.meter{height:8px;border-radius:6px;background:rgba(0,0,0,.5);border:1px solid var(--line);overflow:hidden}.meter>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-soft),var(--accent));transition:width .5s cubic-bezier(.22,1,.36,1)}.meter.hp>span{background:linear-gradient(90deg,#8e1b17,#de3b36)}.meter.focus>span{background:linear-gradient(90deg,#1c6c93,#46b6e6)}.meter.stress>span{background:linear-gradient(90deg,#5a2c86,#a463d6)}.meter.xp>span{background:linear-gradient(90deg,var(--accent-soft),var(--accent))}.meter.slim{height:6px}.badge{font-family:var(--sans);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:5px;border:1px solid var(--line-2);color:var(--accent);background:rgba(0,0,0,.4)}.badge.recommended{color:#22160a;background:linear-gradient(180deg,#f0c260,#b9832a);border-color:transparent}.badge.done{color:var(--green);border-color:rgba(152,221,114,.5)}.badge.danger{color:#fff;background:var(--danger);border-color:transparent}.divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0;color:var(--line-2)}.divider:after,.divider:before{content:"";height:1px;flex:1 1;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}.bottomNav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,480px);height:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:linear-gradient(180deg,#0a0c0c,#030404);border-top:1px solid var(--line-2);z-index:45}.bottomNav a{display:grid;place-items:center;align-content:center;grid-gap:3px;gap:3px;color:#837e73;position:relative}.bottomNav a svg{width:24px;height:24px}.bottomNav small{font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.bottomNav a.active{color:var(--accent)}.bottomNav a.active:before{content:"";position:absolute;top:8px;width:46px;height:34px;border:1px solid var(--line-2);border-radius:8px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);-webkit-clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%);clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%)}.bottomNav a.active svg{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 60%,transparent));z-index:1}.assetImg{position:relative;overflow:hidden;display:block}.assetImg>.assetFallback{position:absolute;inset:0}.assetImg>.assetFallback>svg,.assetImg>img{width:100%;height:100%;display:block}.assetImg>img{position:absolute;inset:0;object-fit:cover}.assetImg.itemArt>img{object-fit:contain;padding:8%}.portrait{border-radius:10px;border:1px solid var(--line-2);overflow:hidden;background:#0a0f14;flex-shrink:0}.portrait.round{border-radius:50%}.splash{position:relative;width:min(100%,480px);min-height:calc(100vh - 50px);margin:0 auto;padding:30px 26px 40px;display:flex;flex-direction:column;border-left:1px solid #17120a;border-right:1px solid #17120a;background:radial-gradient(circle at 50% 22%,rgba(230,184,102,.16),transparent 30%),radial-gradient(circle at 50% 60%,rgba(255,140,40,.1),transparent 26%),#050607}.splashLogo{background:linear-gradient(180deg,rgba(5,6,7,0),rgba(5,6,7,0) 42%,rgba(5,6,7,.26) 58%,rgba(5,6,7,.6) 76%,rgba(5,6,7,.88)),url(/assets/logo/fondo_logo_1.webp) top /100% auto no-repeat,#050607}.splashIntro{text-align:center;padding:10px 12px 14px;background:radial-gradient(130% 88% at 50% 48%,rgba(5,6,7,.9),rgba(5,6,7,.55) 62%,rgba(5,6,7,0) 84%);text-shadow:0 2px 10px rgba(0,0,0,1),0 0 6px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,1)}.splashIntro .introTitle{text-align:center;font-size:22px;margin:4px 0 0;color:var(--text)}.splashIntro .introLead{text-align:center;margin:10px 0 0;color:#f0e6d2}.menuBtn{justify-content:center;gap:10px;padding-left:16px;padding-right:16px;position:relative}.menuBtn .menuLabel{flex:0 1 auto}.menuBtn .menuIcon{flex:0 0 auto;width:28px;height:28px;object-fit:contain}.menuBtn .menuArrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;object-fit:contain;opacity:.8}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom, 0px));background:#0d100e;border:1px solid var(--accent);color:var(--text);font-size:13px;padding:10px 16px;border-radius:8px;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.6)}.diff,.toast{font-family:var(--sans)}.diff{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--green)}.diff:before{content:"";width:13px;height:10px;background:linear-gradient(180deg,currentColor 0 100%) 0 60% /3px 40% no-repeat,linear-gradient(180deg,currentColor 0 100%) 5px 30% /3px 70% no-repeat,linear-gradient(180deg,currentColor 0 100%) 10px 0 /3px 100% no-repeat;opacity:.9}.diff.normal{color:var(--accent)}.diff.hard{color:var(--danger)}.rarity-common{color:#9fb4c4}.rarity-uncommon{color:#79c96b}.rarity-rare{color:#5aa7f0}.rarity-epic{color:#b06fe0}.rarityTag{display:inline-block;font-family:var(--sans);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 7px;border-radius:5px;border:1px solid;opacity:.85}.enemyArt{position:relative;width:100%;height:170px;border-radius:10px;overflow:hidden;border:1px solid var(--line-2)}.enemyArt .enemyName{position:absolute;left:12px;bottom:34px;right:12px;font-family:var(--serif);font-size:20px;text-transform:uppercase;letter-spacing:.02em;color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.8)}.enemyArt .enemyHp{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px}.enemyArt .enemyHp .meter{flex:1 1}.enemyArt .enemyScrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,5,.15) 40%,rgba(3,4,5,.9));pointer-events:none}.metaRow{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-family:var(--sans);font-size:12px;color:var(--text-dim);padding-top:8px;margin-top:8px;border-top:1px solid var(--line)}.metaRow .metaItem{display:inline-flex;align-items:center;gap:5px}.metaRow .metaItem svg{width:13px;height:13px;opacity:.8}.switch{position:relative;width:46px;height:26px;border-radius:20px;border:1px solid var(--line-2);background:rgba(0,0,0,.5);cursor:pointer;flex:none;transition:background .15s ease,border-color .15s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#6b6559;transition:transform .16s ease,background .16s ease}.switch.on{background:linear-gradient(180deg,var(--accent),var(--accent-soft));border-color:transparent}.switch.on:after{transform:translateX(20px);background:#22160a}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:3px;border:none;background:linear-gradient(90deg,var(--accent) var(--fill,50%),rgba(255,255,255,.12) var(--fill,50%));outline:none;padding:0}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffe6ab,var(--accent-soft));border:1px solid rgba(0,0,0,.4);box-shadow:0 1px 4px rgba(0,0,0,.5);cursor:pointer}input[type=range].slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.setRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.setRow:last-child{border-bottom:none}.setLabel b{display:block;font-family:var(--serif);font-size:15px;color:var(--text);font-weight:400}.setLabel small{display:block;font-family:var(--sans);font-size:12px;color:var(--text-dim)}.greenText{color:var(--green)}.accentText,.goldText{color:var(--accent)}.dangerText{color:var(--danger)}[data-skin=sci_fi]{--radius:4px}[data-skin=western]{--radius:3px}[data-skin=sci_fi] .card,[data-skin=sci_fi] .framed,[data-skin=sci_fi] .pill,[data-skin=western] .framed,[data-skin=western] .pill{border-radius:var(--radius)}[data-skin=sci_fi] .card{position:relative}[data-skin=sci_fi] .card:after{content:"";position:absolute;top:0;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5;pointer-events:none}[data-skin=sci_fi] .btn{border-radius:var(--radius);-webkit-clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);letter-spacing:.16em}[data-skin=sci_fi] .card-title,[data-skin=sci_fi] .h1{letter-spacing:.09em;font-weight:600}[data-skin=sci_fi] .section>h2:before,[data-skin=sci_fi] .sectionLabel:before{content:"▚"}[data-skin=western] .card{border-radius:var(--radius);box-shadow:inset 0 0 0 1px rgba(199,138,68,.14)}[data-skin=western] .btn{border-radius:var(--radius);color:#23160a;background:radial-gradient(circle at 50% -20%,rgba(240,214,170,.4),transparent 55%),linear-gradient(180deg,#d3a05a,#a06a33 58%,#6e451f);box-shadow:inset 0 1px 0 rgba(255,240,210,.3),0 4px 14px rgba(110,69,31,.3)}[data-skin=western] .card-title,[data-skin=western] .h1{letter-spacing:-.01em;font-weight:800}[data-skin=western] .section>h2:before,[data-skin=western] .sectionLabel:before{content:"✦"}html[data-larger-text]{font-size:118%}html[data-high-contrast]{--text:#ffffff;--text-secondary:#e6dcc8;--text-muted:#cabfa8;--text-dim:#d3c8b2;--line:rgba(230,190,120,0.55);--line-2:rgba(230,190,120,0.8)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html[data-reduce-motion] *,html[data-reduce-motion] :after,html[data-reduce-motion] :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@keyframes qe-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes qe-hit-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}@keyframes qe-damage-flash{0%{box-shadow:0 0 0 0 rgba(229,72,77,0)}30%{box-shadow:0 0 0 3px rgba(229,72,77,.7)}to{box-shadow:0 0 0 0 rgba(229,72,77,0)}}@keyframes qe-rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes qe-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qe-spin{to{transform:rotate(1turn)}}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--accent);animation:qe-spin .8s linear infinite}.diceRoll{animation:qe-pop .28s ease-out}.hit{animation:qe-hit-shake .32s ease-out,qe-damage-flash .5s ease-out}.rewardPop{animation:qe-rise .4s ease-out both}.sceneFade{animation:qe-fade-in .45s ease-out}[data-skin=sci_fi] .shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,rgba(25,212,255,.025),rgba(25,212,255,.025) 1px,transparent 0,transparent 3px)}.diceCube{font-size:46px;display:inline-block;line-height:1}.diceCube.rolling{animation:diceTumble .9s cubic-bezier(.3,.7,.4,1)}@keyframes diceTumble{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(200deg) scale(1.25)}50%{transform:rotate(380deg) scale(.85)}75%{transform:rotate(560deg) scale(1.2)}to{transform:rotate(2turn) scale(1)}}@media (prefers-reduced-motion:reduce){.diceCube.rolling{animation:none}}