:root{--ink: #1c1208;--parchment: #f3e2b8;--parchment-dark: #c9a56a;--gold: #d4a017;--gold-bright: #f4d56a;--indigo: #120c1c;--magenta: #c42a6b;--moss: #4a7a5c;--teal: #5eead4;--blood: #8b1e1e;--frame: #6b4a1e;--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--indigo);color:var(--parchment);font-family:VT323,ui-monospace,monospace;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{overflow:hidden;padding-top:var(--safe-area-inset-top);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left)}button,input{font-family:inherit}.splash[hidden],.app[hidden],button[hidden],[hidden]{display:none!important}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:end center;background:#07050c;opacity:1;transition:opacity .72s cubic-bezier(.37,0,.63,1)}.splash.is-leaving{opacity:0;pointer-events:none}.splash img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:saturate(1.1) contrast(1.05)}.splash-copy{position:relative;z-index:1;width:min(720px,92vw);margin-bottom:6vh;padding:1.2rem 1.4rem 1.4rem;background:linear-gradient(180deg,#1c1208ee,#120c1cf2);border:4px solid var(--gold);box-shadow:0 0 0 4px #2a1810,0 12px #0008;text-align:center}.eyebrow,.topbar .eyebrow,.runes-label,.who,.xp span{font-family:"Press Start 2P",system-ui,sans-serif;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);margin:0 0 .6rem}h1{font-family:Cinzel Decorative,Georgia,serif;font-weight:900;font-size:clamp(28px,5vw,52px);line-height:1.05;margin:0 0 .4rem;color:var(--parchment);text-shadow:3px 3px 0 #000,-1px 0 0 var(--gold)}.sub,.hint{margin:.2rem 0 .8rem;font-size:22px;color:var(--parchment-dark)}#enter-btn,.ask button,.realm,.sky,.mute,.rune-row button,.auth button,.modal-actions button{cursor:pointer;border:3px solid var(--gold);background:var(--blood);color:var(--parchment);text-transform:uppercase;image-rendering:pixelated}#enter-btn{font-family:"Press Start 2P",system-ui,sans-serif;font-size:11px;padding:14px 18px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}#enter-btn:disabled{opacity:.55;cursor:wait;background:#2a1810}#enter-btn:hover:not(:disabled),.ask button:hover,.rune-row button:hover,.realm:hover,.sky:hover,.auth button:hover,.modal-actions button:hover{background:var(--magenta)}.app{height:100dvh;display:grid;grid-template-rows:auto minmax(320px,1.4fr) auto auto;opacity:0}.app.is-in{opacity:1;animation:keepFade 1.15s cubic-bezier(.37,0,.63,1) both}@keyframes keepFade{0%{opacity:0}to{opacity:1}}.topbar{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-start;justify-content:space-between;padding:10px 14px 8px;background:#1c1208f0;border-bottom:4px solid var(--gold)}.topbar h1{font-size:22px;text-shadow:2px 2px 0 #000}.gates{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.realms,.skies{display:flex;gap:8px}.realm,.sky{font-family:"Press Start 2P",system-ui,sans-serif;font-size:8px;padding:8px 10px;background:#2a1810;min-height:44px;display:flex;align-items:center;justify-content:center}.realm.on{background:var(--moss);box-shadow:0 0 0 2px var(--teal)}.sky.on[data-sky=night]{background:#2a1860;box-shadow:0 0 0 2px var(--teal)}.sky.on[data-sky=day]{background:#8a5a18;box-shadow:0 0 0 2px var(--gold-bright)}.app[data-sky=day] .stage{background:#6a90b0}.app[data-sky=day] .stage:before{background:radial-gradient(ellipse at 50% 42%,transparent 68%,#c8d8e822 90%,#a8c0d044 100%)}.auth{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.guest-id{font-family:"Press Start 2P",system-ui,sans-serif;font-size:7px;font-weight:400;color:var(--teal);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth button{font-family:"Press Start 2P",system-ui,sans-serif;font-size:8px;padding:8px 10px;background:#2a1810;min-height:44px;display:flex;align-items:center;justify-content:center}#logout-btn{background:var(--blood)}.virtues{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.modal[hidden],.wait-veil[hidden]{display:none!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#120c1ccc}.modal-card{width:min(420px,92vw);padding:1.1rem 1.2rem 1.2rem;background:#1c1208;border:4px solid var(--gold);box-shadow:0 0 0 4px #2a1810;display:grid;gap:8px}.modal-card h2{font-family:Cinzel Decorative,Georgia,serif;margin:0;font-size:26px}.modal-card label{font-family:"Press Start 2P",system-ui,sans-serif;font-size:8px;color:var(--gold-bright);margin-top:4px}.modal-card input{border:3px solid var(--gold);background:#120c1c;color:var(--parchment);font-size:22px;padding:12px 14px;min-height:48px}.modal-card.shake{animation:gateShake .35s steps(4)}@keyframes gateShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.login-err{min-height:1.2em;margin:0;color:#ff8a8a;font-size:20px}.modal-actions{display:flex;gap:8px;margin-top:6px}.modal-actions button{font-family:"Press Start 2P",system-ui,sans-serif;font-size:9px;padding:10px 12px;min-height:44px;flex:1;display:flex;align-items:center;justify-content:center}.wait-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#07050cee}.wait-card{text-align:center;padding:1.4rem 1.6rem;border:4px solid var(--gold);background:#1c1208;min-width:min(320px,88vw)}.wait-rune{width:52px;height:52px;margin:0 auto 12px;border:4px solid var(--gold);background:conic-gradient(from 0deg,var(--magenta),var(--gold-bright),var(--teal),var(--magenta));animation:runeSpin 1.15s cubic-bezier(.37,0,.63,1) infinite;box-shadow:0 0 0 4px #2a1810}.wait-bar{margin-top:12px;height:12px;border:2px solid var(--gold);background:#2a1810}.wait-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--magenta),var(--gold-bright));animation:waitFill 1.8s cubic-bezier(.37,0,.63,1) forwards}@keyframes runeSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes waitFill{0%{width:0%}to{width:100%}}.virtues li{width:26px;height:26px;display:grid;place-items:center;border:2px solid #5a3a18;background:#1a120c;color:#5a4630;font-family:"Press Start 2P",system-ui,sans-serif;font-size:8px}.virtues li.lit{border-color:var(--gold);color:var(--gold-bright);background:#3a2408;box-shadow:0 0 8px #d4a01788}.stage{position:relative;min-height:320px;background:#12081c;overflow:hidden}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 62%,#05030a33 86%,#02010e66 100%)}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,#00000018 2px,#00000018 3px);opacity:.22}#view{display:block;width:100%;height:100%;cursor:grab;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}.xp{position:absolute;z-index:4;left:12px;bottom:10px;display:flex;align-items:center;gap:10px;padding:6px 10px;background:#1c1208cc;border:2px solid var(--frame)}.xp-bar{width:140px;height:10px;background:#2a1810;border:2px solid var(--gold)}.xp-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--magenta),var(--gold-bright))}.xp b{font-size:18px;font-weight:400}.dialogue{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:stretch;padding:10px 12px;background:#1c1208ee;border-top:4px solid var(--gold);min-height:118px}.dialogue img{width:88px;height:88px;object-fit:cover;image-rendering:pixelated;border:3px solid var(--gold);background:#000}.who{margin-bottom:4px}.line{margin:0;font-size:24px;line-height:1.15;min-height:2.4em;color:var(--parchment)}.line.manager{color:#cde8c4}.mute{align-self:start;font-family:"Press Start 2P",system-ui,sans-serif;font-size:7px;padding:8px;background:#2a1810;max-width:84px}.runes{padding:8px 12px 12px;background:#0c0812;border-top:3px solid var(--frame)}.rune-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.rune-row button{font-family:"Press Start 2P",system-ui,sans-serif;font-size:8px;padding:10px 12px;background:#2a1810;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.rune-row button.active{background:var(--blood)}.ask{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.ask label{display:none}.ask input{border:3px solid var(--gold);background:#1c1208;color:var(--parchment);font-size:22px;padding:12px 14px;min-height:48px}.ask button{font-family:"Press Start 2P",system-ui,sans-serif;font-size:10px;padding:10px 14px;min-height:48px;display:flex;align-items:center;justify-content:center}.links{margin:8px 0 0;display:flex;gap:16px;font-size:18px}.links a{color:var(--teal)}.links a:hover{color:var(--gold-bright)}@media (max-width: 1024px) and (min-width: 768px){.app{grid-template-rows:auto minmax(280px,1.3fr) auto auto}.topbar{padding:12px 16px 10px}.topbar h1{font-size:20px}.dialogue{grid-template-columns:80px 1fr auto;padding:12px 14px}.dialogue img{width:80px;height:80px}.line{font-size:22px}.rune-row button{padding:12px 14px}.xp-bar{width:180px}}@media (max-width: 767px){.app{grid-template-rows:auto minmax(260px,1.4fr) auto auto}.topbar{padding:10px 12px;gap:10px 12px}.topbar>div:first-child{flex:0 0 100%;margin-bottom:4px}.topbar h1{font-size:18px;margin-bottom:.2rem}.topbar .eyebrow{font-size:7px;margin-bottom:.3rem}.gates{flex:1 1 auto;gap:8px 10px}.virtues{flex:1 1 100%;order:10;gap:7px;justify-content:center;margin-top:6px}.virtues li{width:28px;height:28px;font-size:9px;border-width:3px}.auth{flex:0 0 auto;gap:10px}.realm,.sky{font-size:9px;padding:10px 12px;white-space:nowrap}.dialogue{grid-template-columns:68px 1fr;padding:10px 12px;min-height:110px;gap:10px}.dialogue img{width:68px;height:68px}.mute{grid-column:1 / -1;max-width:none;margin-top:8px;padding:10px}.line{font-size:21px;line-height:1.2;min-height:2.6em}.who{font-size:9px}.ask{grid-template-columns:1fr;gap:10px}.ask input{font-size:20px;padding:10px 12px}.ask button{font-size:11px;padding:12px 16px}.rune-row{gap:8px;justify-content:center}.rune-row button{font-size:9px;padding:11px 13px;flex:0 0 auto}.runes{padding:10px 12px 12px}.runes-label{font-size:9px;margin-bottom:.8rem}.xp{left:10px;bottom:10px;gap:8px;padding:6px 10px}.xp span{font-size:7px}.xp-bar{width:110px;height:12px}.xp b{font-size:17px}.links{font-size:18px;flex-wrap:wrap;justify-content:center}body{overflow:auto}}@media (max-width: 480px){.splash-copy{width:min(640px,95vw);padding:1rem 1.2rem}h1{font-size:clamp(24px,6vw,48px)}.sub,.hint{font-size:20px}.topbar{padding:8px 10px;gap:8px 10px}.topbar h1{font-size:16px}.gates{gap:6px 8px}.realm,.sky{font-size:8px;padding:9px 10px}.virtues{gap:6px}.virtues li{width:26px;height:26px;font-size:8px;border-width:2px}.dialogue{padding:8px 10px;min-height:105px}.dialogue img{width:64px;height:64px}.line{font-size:20px}.who{font-size:8px}.rune-row button{font-size:8px;padding:10px 11px}.ask input{font-size:19px}.ask button{font-size:10px}.xp-bar{width:100px}.xp b{font-size:16px}.links{font-size:16px;gap:12px}}@media (max-height: 600px) and (orientation: landscape){.app{grid-template-rows:auto minmax(180px,1fr) auto auto}.topbar{padding:6px 10px;gap:6px 10px}.topbar>div:first-child{margin-bottom:0}.topbar h1{font-size:14px}.topbar .eyebrow{font-size:6px}.virtues{margin-top:2px;gap:5px}.virtues li{width:24px;height:24px;font-size:8px}.realm,.sky{font-size:8px;padding:8px 10px}.dialogue{min-height:85px;padding:6px 8px;gap:8px}.dialogue img{width:60px;height:60px}.line{font-size:19px}.runes{padding:6px 10px 8px}.runes-label{font-size:8px;margin-bottom:.5rem}.rune-row{gap:6px}.rune-row button{font-size:8px;padding:9px 10px}.xp{left:8px;bottom:8px;padding:4px 8px;gap:6px}.xp span{font-size:6px}.xp-bar{width:90px;height:10px}.xp b{font-size:15px}}@media (min-width: 375px) and (max-width: 428px) and (min-height: 700px){.app{grid-template-rows:auto minmax(280px,1.45fr) auto auto}.topbar{padding-top:max(10px,var(--safe-area-inset-top))}.virtues li{width:29px;height:29px;font-size:9px}.dialogue{min-height:115px}.line{font-size:21px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.app.is-in{opacity:1}.wait-bar i{width:100%}.stage:after{opacity:.18}}