:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f0df;--line:#a3d3b152;--gold:#f3c96a;--green:#8bd59d;--muted:#a9bcae;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#071915;height:100%;margin:0;overflow:hidden}body:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#020c0a47,#0000 24% 72%,#020a0861),radial-gradient(circle,#0000 55%,#0009076b 100%);position:fixed;inset:0}#stage{image-rendering:pixelated;filter:saturate(.94)contrast(1.04);display:block;position:fixed;inset:0}#login[hidden],#hud[hidden],#chat[hidden],#help[hidden],#prompt[hidden],.combat[hidden],#quest-progress[hidden]{display:none}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081b17e6;border-radius:10px;box-shadow:0 10px 28px #00000052}#login{z-index:10;background:radial-gradient(circle at 50% 38%,#317b56c7,#04110ef7 68%);place-items:center;display:grid;position:fixed;inset:0}#login-form{background:#081e18f0;border:1px solid #9dd7ad73;border-radius:16px;flex-direction:column;gap:.85rem;width:min(27rem,100vw - 2rem);padding:1.8rem;display:flex}.eyebrow{color:var(--green);letter-spacing:.22em;text-transform:uppercase;font-size:.68rem;font-weight:700}#login-form h1,#login-form h2,#login-form p{margin:0}#login-form h1{color:#e4ffe9;font:700 2.4rem/.95 Georgia,serif}#login-form h2{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font:italic .95rem Georgia,serif}#login-form p{color:#b8cabd;font:.82rem/1.6 Georgia,serif}input,button{font:inherit;color:#f5f0df;background:#051814e0;border:1px solid #648f75;border-radius:8px;padding:.68rem .78rem}button{color:#092016;cursor:pointer;background:linear-gradient(#a9db8f,#6ea875);font-weight:800}button:disabled{opacity:.5;cursor:progress}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#login-form #login-error{color:#ff9b93;min-height:1.2em}#hud{z-index:3;pointer-events:none;grid-template-columns:minmax(12rem,16rem) auto;align-items:start;gap:.34rem;width:auto;display:grid;position:fixed;top:.62rem;left:.62rem}#hud .panel{background:#081b17d1;border-radius:8px;padding:.38rem .48rem}.identity{grid-template-columns:1.75rem 1fr;gap:.24rem .45rem;min-width:13.5rem;display:grid}.crest{aspect-ratio:1;width:1.75rem;image-rendering:pixelated;background:url(/assets/lindocara/atlas/hud.png) 0/8.1rem 1.35rem no-repeat,radial-gradient(circle,#61bd8057,#10372b99);border:1px solid #b9efc459;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.identity-copy{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.identity-copy strong{color:#e1f8e5;font:700 .78rem Georgia,serif}.identity-copy span{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font:700 .54rem ui-monospace,monospace}.identity label{color:var(--muted);letter-spacing:.08em;grid-column:2;grid-template-columns:2rem 1fr 3rem;align-items:center;gap:.35rem;font:.5rem ui-monospace,monospace;display:grid}.identity label>span:last-child{text-align:right;letter-spacing:0}progress{appearance:none;background:#0000006b;border:0;border-radius:999px;width:100%;height:.32rem;overflow:hidden}progress::-webkit-progress-bar{background:#0000006b}progress::-webkit-progress-value{background:linear-gradient(90deg,#bd494e,#f0796b);border-radius:999px}#xp-bar::-webkit-progress-value{background:linear-gradient(90deg,#378ea0,#67d1c1)}#quest-progress::-webkit-progress-value{background:linear-gradient(90deg,#6a8f3d,#a8d86a)}#attack-cooldown::-webkit-progress-value{background:linear-gradient(90deg,#8a6a2f,#f0c85a)}.panel-title{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;font:700 .64rem Georgia,serif;display:flex}.panel-icon{aspect-ratio:1;width:1rem;image-rendering:pixelated;background:url(/assets/lindocara/atlas/hud.png) 0 0/6rem 1rem no-repeat;display:inline-block}.panel-icon--oath{background-position:-1rem 0}.panel-icon--sword,.panel-icon--pack{background-position:-2rem 0}.quest,.inventory,.combat{color:#d6dfd2;gap:.24rem;font-size:.64rem;display:grid}#quest-text{color:#d9e3d6;font:italic .64rem/1.25 Georgia,serif}.quest{grid-column:1;max-width:16rem}.combat{grid-column:1;max-width:13rem}.inventory{grid-area:1/2/span 3;align-self:start}.inventory .panel-title{display:none}.item-grid{grid-template-columns:repeat(4,2.15rem);gap:.22rem;display:grid}.item-chip{background:#000c0a40;border:1px solid #a8cbac24;border-radius:6px;grid-template-columns:1fr;place-items:center;gap:0;min-width:2.15rem;min-height:2.15rem;padding:.2rem;display:grid;position:relative}.item-icon{width:1.45rem;height:1.45rem;image-rendering:pixelated;background:url(/assets/lindocara/atlas/hud.png) 0/7.32rem 1.22rem no-repeat,#59996c29;border-radius:5px;place-items:center;display:grid}.item-icon--potion{background-position:-3.66rem,0 0}.item-icon--gold{background-position:-4.88rem,0 0}.item-icon--crystal{background-position:-6.1rem,0 0}.item-icon--sword{background-position:-2.44rem,0 0}.item-copy{min-width:0;display:contents}.item-copy small{color:var(--muted);font-size:.5rem}.inventory .item-copy small{display:none}.item-copy strong{color:#e1e9df;font:700 .55rem ui-monospace,monospace;position:absolute;bottom:.1rem;right:.18rem}kbd{color:#cdd9cf;background:#030e0bad;border:1px solid #c6ddc647;border-radius:4px;place-items:center;min-width:1.15rem;padding:.1rem .22rem;font:.56rem ui-monospace,monospace;display:inline-grid}.item-chip kbd{position:absolute;top:-.25rem;right:-.18rem;transform:scale(.78)}#prompt{z-index:5;color:#ffe8a6;text-align:center;pointer-events:none;background:#081c16e0;border:1px solid #f3c96a59;border-radius:999px;padding:.45rem .85rem;font:.72rem ui-monospace,monospace;animation:.22s ease-out prompt-in;position:fixed;bottom:3.4rem;left:50%;translate:-50%;box-shadow:0 8px 24px #00000059}#chat{z-index:4;opacity:.78;width:min(18rem,100vw - 1.24rem);padding:.38rem;transition:width .16s,opacity .16s;position:fixed;bottom:2.15rem;left:.62rem}#chat.chat-open{opacity:1;width:min(25rem,100vw - 1.24rem)}.chat-title{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #accfb21f;justify-content:space-between;align-items:center;padding-bottom:.35rem;font:700 .64rem Georgia,serif;display:flex}#chat-messages{flex-direction:column;justify-content:end;gap:.22rem;height:2.35rem;padding-top:.28rem;font:.7rem/1.35 ui-monospace,monospace;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 25%);mask-image:linear-gradient(#0000,#000 25%)}#chat.chat-open #chat-messages{height:5.5rem}#chat-messages:empty{display:none}#chat-messages .name{color:#91dba7;font-weight:700}#chat-form{opacity:0;max-height:0;margin-top:0;transition:max-height .16s,margin-top .16s,opacity .16s;overflow:hidden}#chat.chat-open #chat-form{opacity:1;max-height:3rem;margin-top:.35rem}#chat-input{width:100%;padding:.42rem .55rem;font-size:.72rem}#event-log{z-index:3;pointer-events:none;justify-items:end;gap:.35rem;width:min(26rem,100vw - 1.6rem);display:grid;position:fixed;top:.8rem;right:.8rem}#interior{z-index:8;background:radial-gradient(circle,#111f1685,#020807d1),linear-gradient(#0000001f,#0000005c);place-items:center;padding:1rem;animation:.18s ease-out interior-fade;display:grid;position:fixed;inset:0}#interior[hidden]{display:none}.interior-room{background:linear-gradient(90deg,#392b1eeb 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#392b1eeb 1px,#0000 1px) 0 0/24px 24px,#2a2019;border:1px solid #cfb4656b;border-radius:8px;width:min(31rem,100vw - 2rem);overflow:hidden;box-shadow:0 30px 80px #0000009e}.interior-room header{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;background:#091511b8;border-bottom:1px solid #cfb4653d;justify-content:space-between;align-items:center;gap:1rem;padding:.58rem .72rem;font:700 .72rem Georgia,serif;display:flex}#interior-close{border-radius:4px;width:auto;padding:.28rem .5rem;font-size:.58rem}.room-grid{height:min(16rem,52vh);image-rendering:pixelated;background:radial-gradient(circle at 22% 30%,#f0aa4e29,#0000 20%),radial-gradient(circle at 76% 58%,#6aa37921,#0000 22%);position:relative}.room-object{border:2px solid #221711;display:block;position:absolute;box-shadow:0 7px #00000038}.room-object.hearth{background:radial-gradient(circle,#ffd36a 12%,#d96735 30%,#382118 32%);width:4.4rem;height:3rem;top:16%;left:9%}.room-object.table{background:#7a5435;width:5.2rem;height:3.2rem;top:31%;left:38%}.room-object.npc{background:#d6c973;border-radius:45% 45% 20% 20%;width:1.8rem;height:2.5rem;top:42%;left:55%}.room-object.chest{background:linear-gradient(#bd7a35 45%,#6c3e24 45%);width:3.8rem;height:2.4rem;top:24%;right:13%}.room-object.bench{background:#6f4b32;width:5rem;height:1.4rem;bottom:18%;right:16%}.room-object.rug{background:repeating-linear-gradient(90deg,#7f3d3b 0 12px,#b97845 12px 24px);border-color:#472b27;width:9rem;height:3.6rem;bottom:14%;left:31%}#interior-copy{color:#e0d5b9;background:#091511c2;border-top:1px solid #cfb46533;margin:0;padding:.62rem .72rem .72rem;font:italic .72rem/1.35 Georgia,serif}.event{color:#c9d4ca;background:#091f19e0;border:1px solid #b8d8be2b;border-radius:8px;max-width:100%;padding:.48rem .68rem;font:.68rem/1.3 ui-monospace,monospace;animation:.2s ease-out event-in}.event.good{color:#a9efb5;border-color:#80e0954d}.event.bad{color:#ffaaa2;border-color:#ff7d7252}#help,#status{z-index:3;color:#c6d2c8;text-shadow:0 1px 4px #000;pointer-events:none;font-size:.64rem;position:fixed;bottom:.75rem}#help{align-items:center;gap:.45rem;display:flex;left:.8rem}#status{color:#8dd8a1;background:#04130fb8;border-radius:999px;padding:.28rem .55rem;right:.8rem}#status:before{content:"";background:currentColor;border-radius:50%;width:.38rem;height:.38rem;margin-right:.32rem;display:inline-block;box-shadow:0 0 7px}.pulse{animation:.36s ease-out panel-pulse}@keyframes event-in{0%{opacity:0;transform:translate(10px)}}@keyframes prompt-in{0%{opacity:0;transform:translateY(6px)}}@keyframes interior-fade{0%{opacity:0}}@keyframes panel-pulse{50%{border-color:#bfecb09e;box-shadow:0 0 16px #6fd58b24}}@media (width<=700px){#hud{width:calc(100vw - 1.6rem)}.inventory{display:none}#event-log{top:auto;bottom:12rem}#help{display:none}#chat{bottom:.65rem}#prompt{width:calc(100vw - 2rem);bottom:2.2rem}}
