.brand-mark.glow[data-v-faeb3cfb]{filter:drop-shadow(0 0 6px rgba(255,215,0,.45))}:root{--bg: #060818;--bg-2: #0a0d28;--panel: #11143a;--panel-2: #181a52;--panel-3: #20205e;--border: #2f2c6b;--text: #e9e8ff;--muted: #9b95cf;--gold: #ffd700;--gold-2: #ffb000;--gold-soft: #fff3c4;--accent: #ffd700;--accent-2: #7b5cff;--pink: #ff69b4;--blue: #2f9bff;--green: #43c08a;--danger: #ff6b8b;--font-display: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;font-family:var(--font-body);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(1200px 700px at 78% -8%,rgba(123,92,255,.22),transparent 60%),radial-gradient(900px 600px at 12% 8%,rgba(255,105,180,.12),transparent 55%),radial-gradient(1000px 800px at 50% 120%,rgba(255,176,0,.1),transparent 60%),linear-gradient(180deg,var(--bg-2),var(--bg));background-attachment:fixed}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:.5rem .9rem;border-radius:8px}a.button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:.5rem .9rem;border-radius:8px;text-decoration:none}a.button:hover{text-decoration:none}button.primary,.button.primary{background:linear-gradient(180deg,var(--gold-soft),var(--gold) 45%,var(--gold-2));border-color:var(--gold-2);color:#2a1c00;font-weight:700;box-shadow:0 0 18px #ffd70040}button.primary:hover:not(:disabled),.button.primary:hover{box-shadow:0 0 26px #ffd7006b}button.ghost,.button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#11143aeb,#0a0d28b8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.app-header .brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.14em;background:linear-gradient(180deg,var(--gold-soft),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.container{max-width:1100px;margin:0 auto;padding:1.5rem}.panel{background:linear-gradient(180deg,#181a528c,#11143aa6);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 0 0 1px #ffffff05,0 14px 40px #04041480}.grid{display:grid;gap:1rem}.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem}.row{display:flex;gap:.6rem;align-items:center}.muted{color:var(--muted)}.tag{display:inline-block;font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.tabs button.active{background:linear-gradient(180deg,var(--gold-soft),var(--gold-2));border-color:var(--gold-2);color:#2a1c00;font-weight:700}.error{color:var(--danger)}.field{margin-bottom:.9rem}.field label{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.85rem}.stack{display:flex;flex-direction:column;gap:.75rem}.token-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;word-break:break-all;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem}h1,h2,h3{margin:0 0 .6rem;font-family:var(--font-display);font-weight:600;letter-spacing:.02em}h1{background:linear-gradient(180deg,#fff,var(--gold-soft) 70%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(255,215,0,.12)}ul.clean{list-style:none;margin:0;padding:0}ul.clean li{padding:.4rem 0;border-bottom:1px solid var(--border)}.gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.display{font-family:var(--font-display);letter-spacing:.04em}.tagline{color:var(--muted);font-style:italic}a:hover{text-decoration:underline;text-decoration-color:#ffd70080}.card.linkish{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card.linkish:hover{border-color:var(--gold-2);box-shadow:0 0 22px #ffd7002e;transform:translateY(-1px)}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.stack-sm{display:flex;flex-direction:column;gap:.4rem}.section-title{font-family:var(--font-display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}.bar{position:relative;height:10px;border-radius:999px;background:#08091ecc;border:1px solid var(--border);overflow:hidden}.bar>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;transition:width .4s ease}.bar.hp>span{background:linear-gradient(90deg,#ff6b8b,#ff2f6d)}.bar.story>span{background:linear-gradient(90deg,gold,#ffb000)}.bar.xp>span{background:linear-gradient(90deg,#7b5cff,#2f9bff)}.bar.foe>span{background:linear-gradient(90deg,#ff8a4c,#ff2f6d)}.bar-row{display:grid;grid-template-columns:70px 1fr auto;gap:.6rem;align-items:center;font-size:.85rem}.bar-row .bar-label{color:var(--muted)}.bar-row .bar-val{font-variant-numeric:tabular-nums;color:var(--gold-soft)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.stat-tile{background:#08091e80;border:1px solid var(--border);border-radius:10px;padding:.5rem .6rem}.stat-tile .k{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.stat-tile .v{font-size:1.2rem;font-weight:700;color:var(--gold-soft);font-variant-numeric:tabular-nums}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.5rem}.inv-slot{position:relative;aspect-ratio:1;border-radius:10px;border:1px solid var(--border);background:#08091e99;display:flex;align-items:center;justify-content:center;text-align:center;padding:.3rem;font-size:.7rem;color:var(--text);transition:border-color .15s ease}.inv-slot:hover{border-color:var(--gold-2)}.inv-slot .qty{position:absolute;right:4px;bottom:3px;font-size:.7rem;font-weight:700;color:var(--gold-soft)}.inv-slot.cat-weapon{border-color:#ff6b8b73}.inv-slot.cat-armor{border-color:#2f9bff73}.inv-slot.cat-consumable{border-color:#43c08a73}.inv-slot.cat-quest{border-color:#ffd70080}.inv-slot.equippable{cursor:pointer;box-shadow:inset 0 0 0 1px #ffd70033}.inv-slot.equipped{cursor:pointer;border-color:var(--gold);box-shadow:0 0 14px #ffd70066}.inv-slot .equip-badge{position:absolute;left:4px;top:3px;font-size:.62rem;font-weight:800;color:#2a1c00;background:linear-gradient(180deg,var(--gold-soft),var(--gold-2));border-radius:4px;padding:0 .25rem}.equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.equip-slot{background:#08091e80;border:1px dashed var(--border);border-radius:10px;padding:.5rem .55rem;min-height:70px;text-align:center}.equip-slot.filled{border-style:solid;border-color:var(--gold-2);box-shadow:inset 0 0 16px #ffd7001f}.equip-slot .k{font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.equip-slot .equip-name{font-size:.78rem;color:var(--gold-soft);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equip-slot .empty{font-size:1rem;opacity:.4}button.tiny,.button.tiny{font-size:.7rem;padding:.15rem .45rem;margin-top:.3rem}.pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;padding:.12rem .5rem;border-radius:999px;border:1px solid var(--border);background:#08091e80;color:var(--muted)}.pill.ok{color:var(--green);border-color:#43c08a80}.pill.warn{color:var(--gold);border-color:#ffd70080}.pill.bad{color:var(--danger);border-color:#ff6b8b80}.pill.info{color:var(--blue);border-color:#2f9bff80}.entity-card{background:#08091e80;border:1px solid var(--border);border-radius:12px;padding:.7rem .8rem}.entity-card.creature{border-left:3px solid var(--danger)}.entity-card.npc{border-left:3px solid var(--blue)}.entity-card.resource{border-left:3px solid var(--green)}.entity-card.dead,.entity-card.harvested{opacity:.5}.console{background:#040512b3;border:1px solid var(--border);border-radius:12px;padding:.9rem}.log{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.3rem}.log-entry{border-left:2px solid var(--border);padding-left:.6rem;font-size:.9rem}.log-entry.success{border-color:var(--green)}.log-entry.partial{border-color:var(--gold)}.log-entry.failure{border-color:var(--danger)}.narration{font-size:1rem;line-height:1.55;border-left:3px solid var(--gold);padding:.3rem 0 .3rem .9rem;color:var(--gold-soft)}.hud{display:grid;grid-template-columns:320px 1fr;gap:1rem;align-items:start}@media(max-width:900px){.hud{grid-template-columns:1fr}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hexmap{width:100%;border-radius:12px;background:radial-gradient(600px 400px at 70% -10%,rgba(123,92,255,.18),transparent 60%),#04051299;border:1px solid var(--border)}.hex-tile{cursor:pointer;transition:filter .15s ease}.hex-tile:hover{filter:brightness(1.25)}.hex-label{font-family:var(--font-body);font-size:9px;fill:var(--text);pointer-events:none}.hex-edge{stroke:#ffd70059;stroke-width:1.5}.hex-edge.dir{stroke-dasharray:4 3}.hero{position:relative;text-align:center;padding:4rem 1.5rem 3rem;max-width:880px;margin:0 auto}.hero-mark{display:inline-block;filter:drop-shadow(0 0 30px rgba(255,215,0,.35));margin-bottom:1rem}.hero-title{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;margin-bottom:1rem}.hero-sub{font-size:clamp(1rem,2.2vw,1.25rem);color:var(--muted);max-width:640px;margin:0 auto 1.6rem;line-height:1.6}.hero-cta{justify-content:center}.hero-cta button{padding:.7rem 1.4rem;font-size:1rem}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.pillar{text-align:center}.pillar-glyph{font-size:1.8rem;color:var(--gold);text-shadow:0 0 18px rgba(255,215,0,.5);margin-bottom:.4rem}.paths{margin-top:1.5rem}.paths button{margin-top:.6rem}.landing-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin:2.5rem auto 2rem;padding-top:1.2rem;border-top:1px solid var(--border);font-size:.85rem}
