:root{--ink: #0a0a0c;--stone: #16151a;--bone: #e8dcc0;--bone-dim: rgba(232, 220, 192, .6);--torch: #ff8836;--torch-bright: #ffb45c;--goblin: #7fae3a;--goblin-deep: #3a5a28;--blood: #b3322b;color:var(--bone);background:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;margin:0}button,a{font:inherit}button{color:inherit;cursor:pointer}.app-shell{position:relative;width:100%;background:var(--ink)}.canvas-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh}.canvas-stage canvas{display:block}.content-stack{position:relative;z-index:2}.topbar{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1180px,calc(100% - 40px));padding:18px 0;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--bone);text-decoration:none;letter-spacing:.14em;font-size:14px}.brand svg{color:var(--torch)}.brand strong{font-weight:800}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a{color:var(--bone-dim);text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:color .25s ease}.topbar nav a:hover{color:var(--torch-bright)}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:4px;padding:13px 22px;font-size:14px;font-weight:700;letter-spacing:.04em;transition:transform .18s ease,box-shadow .25s ease,background .25s ease}.btn-sm{padding:9px 16px;font-size:13px}.btn-primary{background:linear-gradient(180deg,var(--torch-bright),var(--torch));color:#1a0f04;box-shadow:0 8px 30px #ff883652}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff883680}.btn-ghost{background:#e8dcc00a;border-color:#e8dcc038;color:var(--bone)}.btn-ghost:hover{border-color:var(--torch);color:var(--torch-bright)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px}.kicker{margin:0 0 18px;color:var(--torch);font-size:13px;font-weight:700;letter-spacing:.32em;text-transform:uppercase}.kicker.small{font-size:11px;letter-spacing:.2em;margin-bottom:10px}.title{margin:0;font-size:clamp(56px,13vw,168px);font-weight:900;line-height:.86;letter-spacing:-.02em;color:var(--bone);text-shadow:0 0 60px rgba(255,136,54,.25),0 20px 80px rgba(0,0,0,.8)}.title-dim{display:block;color:transparent;-webkit-text-stroke:1.5px var(--torch);text-shadow:0 0 40px rgba(255,136,54,.4)}.tagline{max-width:540px;margin:28px 0 0;color:var(--bone-dim);font-size:18px;line-height:1.6}.cta-row{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;justify-content:center}.scroll-cue{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--bone-dim);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.scroll-cue svg{animation:bob 1.8s ease-in-out infinite;color:var(--torch)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.teaser{min-height:100vh;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2))}.teaser-right{justify-content:flex-end}.teaser-card{max-width:460px;padding:34px 34px 38px;border:1px solid rgba(232,220,192,.14);border-radius:6px;background:linear-gradient(160deg,#16151ad1,#0a0a0cb3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 70px #0009}.teaser-icon{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:6px;background:#ff88361f;border:1px solid rgba(255,136,54,.3);color:var(--torch-bright)}.teaser-card h2{margin:0 0 14px;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.04;color:var(--bone)}.teaser-card .body{margin:0;color:var(--bone-dim);font-size:16px;line-height:1.65}.hero-select{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:120px max(20px,calc((100vw - 1180px)/2)) 90px}.section-head{text-align:center;max-width:620px}.section-title{margin:6px 0 12px;font-size:clamp(36px,6vw,68px);font-weight:900;line-height:.96;color:var(--bone);text-shadow:0 18px 60px rgba(0,0,0,.7)}.section-sub{margin:0;color:var(--bone-dim);font-size:17px;line-height:1.6}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%}.hero-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:24px 22px 26px;border:1px solid rgba(232,220,192,.12);border-radius:8px;background:linear-gradient(165deg,#16151adb,#0a0a0cc7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000080;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.hero-card:hover{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 28px 70px #0009,0 0 40px color-mix(in srgb,var(--accent) 30%,transparent)}.hero-card.is-selected{border-color:var(--accent);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 14%,rgba(22,21,26,.9)),#0a0a0cd1);box-shadow:0 28px 80px #000000a6,0 0 50px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}.hero-selected-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:var(--accent);color:#0a0a0c;font-size:11px;font-weight:800;letter-spacing:.04em}.hero-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:8px;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.hero-name{margin:6px 0 0;font-size:22px;font-weight:800;color:var(--bone)}.hero-title{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.hero-blurb{margin:4px 0 6px;font-size:13.5px;line-height:1.55;color:var(--bone-dim)}.hero-stats{width:100%;display:grid;gap:8px;margin:4px 0 6px}.stat-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px}.stat-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-dim)}.stat-track{height:6px;border-radius:3px;background:#e8dcc01a;overflow:hidden}.stat-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,#000),var(--accent))}.hero-ability{display:flex;gap:9px;width:100%;margin-top:6px;padding-top:14px;border-top:1px solid rgba(232,220,192,.1)}.hero-ability svg{color:var(--accent);flex-shrink:0;margin-top:2px}.hero-ability strong{display:block;font-size:13px;color:var(--bone)}.hero-ability span{display:block;font-size:12px;line-height:1.45;color:var(--bone-dim)}.hero-confirm .btn:disabled{cursor:default;filter:grayscale(.6);box-shadow:none}.quest{display:flex;flex-direction:column;align-items:center;padding:120px max(20px,calc((100vw - 1180px)/2)) 90px}.quest-track{position:relative;width:100%;max-width:920px;margin-top:30px}.quest-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:#e8dcc01f}.quest-line-fill{position:absolute;left:50%;top:0;width:2px;transform:translate(-50%);background:linear-gradient(180deg,var(--torch-bright),var(--torch));box-shadow:0 0 16px var(--torch),0 0 36px #ff883680;border-radius:2px}.quest-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:56vh;align-items:center}.quest-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--torch);border:3px solid var(--ink);box-shadow:0 0 0 2px var(--torch),0 0 22px var(--torch-bright);z-index:2}.quest-left .quest-card{grid-column:1;margin-right:46px}.quest-right .quest-card{grid-column:2;margin-left:46px}.quest-card{padding:24px 26px 22px;border:1px solid rgba(232,220,192,.14);border-radius:8px;background:linear-gradient(160deg,#16151ae6,#0a0a0cd1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 60px #0000008c}.quest-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.quest-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#ff88361f;border:1px solid rgba(255,136,54,.32);color:var(--torch-bright)}.quest-step{font-size:11px;letter-spacing:.18em;color:var(--bone-dim);font-weight:700}.quest-name{margin:0 0 8px;font-size:26px;font-weight:800;color:var(--bone)}.quest-desc{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--bone-dim)}.quest-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(232,220,192,.1)}.threat{display:inline-flex;gap:3px}.threat-on{color:var(--blood)}.threat-off{color:#e8dcc02e}.quest-reward{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--torch-bright);letter-spacing:.04em}.combat{display:flex;flex-direction:column;align-items:center;gap:54px;padding:120px max(20px,calc((100vw - 1180px)/2)) 120px}.combat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:100%;max-width:760px}.combat-stat{text-align:center;padding:22px 16px;border:1px solid rgba(232,220,192,.12);border-radius:8px;background:#100f1299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.combat-stat strong{display:block;font-size:clamp(30px,4.5vw,50px);font-weight:900;color:var(--torch-bright);line-height:1;text-shadow:0 0 26px rgba(255,136,54,.3)}.combat-stat span{display:block;margin-top:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}.ability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.ability{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:22px 20px 18px;border:1px solid rgba(232,220,192,.14);border-radius:8px;background:linear-gradient(160deg,#16151adb,#0a0a0cc7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible;transition:border-color .25s ease,box-shadow .25s ease}.ability:hover{border-color:#ff883699;box-shadow:0 22px 60px #0000008c,0 0 36px #ff883640}.ability-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:8px;background:#ff88361f;border:1px solid rgba(255,136,54,.32);color:var(--torch-bright)}.ability-name{margin:6px 0 0;font-size:19px;font-weight:800;color:var(--bone)}.ability-desc{margin:0;font-size:13px;line-height:1.5;color:var(--bone-dim);min-height:56px}.ability-foot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:2px}.ability-dmg{font-size:13px;font-weight:800;color:var(--blood)}.ability-cd{font-size:11px;letter-spacing:.08em;color:var(--bone-dim)}.ability-cdbar{width:100%;height:4px;margin-top:4px;border-radius:2px;background:#e8dcc01a;overflow:hidden}.ability-cdbar-fill{height:100%;background:linear-gradient(90deg,var(--torch),var(--torch-bright))}.ability-cast-hint{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#e8dcc059;margin-top:2px}.dmg-float{position:absolute;top:18px;right:18px;font-size:26px;font-weight:900;color:var(--torch-bright);text-shadow:0 0 18px rgba(255,136,54,.7);pointer-events:none;z-index:3}.mastery{width:100%;max-width:860px;margin-top:14px}.mastery-label{text-align:center;margin:0 0 34px;font-size:12px;letter-spacing:.24em;color:var(--torch);font-weight:700}.mastery-track{position:relative;height:60px;margin:0 28px}.mastery-line{position:absolute;left:0;right:0;top:14px;height:3px;background:#e8dcc01f;border-radius:2px}.mastery-fill{position:absolute;left:0;top:14px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--torch-bright),var(--torch));box-shadow:0 0 14px var(--torch)}.mastery-node{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.mastery-dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--stone);border:2px solid var(--torch);color:var(--torch-bright);box-shadow:0 0 16px #ff883666}.mastery-name{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim)}.finale{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:100px 20px 60px;text-align:center}.finale-head{max-width:600px}.finale-title{margin:6px 0 0;font-size:clamp(30px,5vw,56px);font-weight:900;color:var(--bone);text-shadow:0 0 50px rgba(82,196,99,.25),0 18px 60px rgba(0,0,0,.7)}.finale-spacer{flex:1;min-height:30vh}.finale-cta{margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:14px}.attribution{margin:0;font-size:10px;letter-spacing:.06em;color:#e8dcc052}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at 50% 38%,rgba(255,136,54,.12),transparent 40%),#07070a}.loader-mark{color:var(--torch);filter:drop-shadow(0 0 24px rgba(255,136,54,.5))}.loader-title{margin:0;font-size:clamp(26px,6vw,44px);font-weight:900;letter-spacing:.16em;color:var(--bone)}.loader-bar{width:min(260px,70vw);height:4px;border-radius:3px;background:#e8dcc01f;overflow:hidden}.loader-bar-fill{height:100%;background:linear-gradient(90deg,var(--torch),var(--torch-bright));box-shadow:0 0 14px var(--torch);transition:width .3s ease}.loader-hint{margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim)}.audio-toggle{position:fixed;bottom:22px;left:22px;z-index:30;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,220,192,.2);background:#100f1299;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--torch-bright);transition:border-color .25s ease,transform .18s ease}.audio-toggle:hover{border-color:var(--torch);transform:scale(1.08)}@media(max-width:980px){.hero-grid,.ability-grid{grid-template-columns:repeat(2,1fr)}.quest-line,.quest-line-fill{left:20px}.quest-stage{grid-template-columns:1fr;min-height:44vh}.quest-node{left:20px}.quest-left .quest-card,.quest-right .quest-card{grid-column:1;margin-left:52px;margin-right:0}}@media(max-width:720px){.topbar nav{display:none}.tagline{font-size:16px}.hero-grid,.ability-grid{grid-template-columns:1fr}.combat-stats{grid-template-columns:1fr;gap:12px}.combat-stat{display:flex;align-items:baseline;justify-content:center;gap:12px;padding:16px}.combat-stat strong{font-size:34px}.combat-stat span{margin-top:0}.hero-select,.quest,.combat{padding-left:16px;padding-right:16px;padding-top:96px}.ability-desc{min-height:0}.mastery-track{margin:0 10px}.mastery-name{font-size:10px}.audio-toggle{bottom:16px;left:16px}.section-title{font-size:clamp(32px,9vw,52px)}}