:root{color:#f5f0de;font-synthesis:none;--ink:#163a36;--cream:#f5f0de;--gold:#d8be83;--glass:#13302de0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#8fbdb9;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #f6d18a}button{color:inherit}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}#world{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}#loading{text-align:center;z-index:20;background:#183c38;place-content:center;display:grid;position:fixed;inset:0}.sigil{color:var(--gold);font-size:38px}#loading p{letter-spacing:3px;font-size:12px}.welcome{background:linear-gradient(90deg,#0b2625cc,#11302b40 53%,#0000 85%);flex-direction:column;justify-content:space-between;padding:5vh 6vw;display:flex;position:fixed;inset:0}.smallcaps{letter-spacing:3px;color:#e4d6b8;font-size:10px}.wordmark h1{letter-spacing:-3px;margin:5px 0 0;font-family:Georgia,serif;font-size:clamp(52px,6vw,94px);font-weight:400}.subtitle{letter-spacing:4px;color:#eddfbd;align-items:center;gap:12px;font-size:10px;display:flex}.subtitle i{background:#bead85;width:35px;height:1px}.entry-card{max-width:345px;margin:3vh 0}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:10px;font-weight:700}h2{font-family:Georgia,serif;font-weight:400}.entry-card h2{margin:15px 0;font-size:34px;line-height:1.15}.entry-card>p{color:#d1d9c9;font-size:13px;line-height:1.8}.entry-card label{letter-spacing:1.8px;color:#dbdfd0;margin:24px 0 9px;font-size:9px;display:block}.entry-card input{color:#fff;background:#11342f66;border:1px solid #aec1a76b;border-radius:3px;width:100%;padding:12px 14px}.primary{background:var(--cream);width:100%;color:var(--ink);border:0;border-radius:3px;justify-content:space-between;align-items:center;margin-top:13px;padding:15px 18px;font-size:13px;font-weight:600;display:flex}.primary:hover{background:#e5c993}.primary span{font-size:21px}.entry-foot{color:#c6d2c4;border-top:1px solid #dfdac13d;align-items:center;gap:8px;margin-top:23px;padding-top:15px;font-size:10px;display:flex}.entry-foot>span:last-child{margin-left:auto}.live-dot{background:#9fce9c;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.welcome-footer{color:#e1e1cb;letter-spacing:1.5px;justify-content:space-between;gap:20px;font-size:9px;display:flex}.text-button{color:#dacfaf;background:0 0;border:0;padding:13px 0 0;font-size:11px;text-decoration:underline}#entry-error{color:#ffd1af;min-height:0;margin:10px 0;font-size:12px;line-height:1.5}#hud{pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto}.topbar{background:linear-gradient(#143e3655,#0000);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand strong{letter-spacing:2px;font-family:Georgia,serif;font-size:22px;display:block}.brand span:not(.sigil){letter-spacing:3px;color:#e3dbba;margin-top:4px;font-size:8px;display:block}.top-actions{align-items:center;gap:10px;display:flex}.top-actions button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#133c346f;border:1px solid #ebdfb54a;border-radius:3px;padding:9px 12px;font-size:11px}#connection{margin-right:8px;font-size:10px}.quest-card{background:linear-gradient(110deg,var(--glass),#1c423ab8);border-left:2px solid var(--gold);border-radius:0 5px 5px 0;width:266px;padding:22px;position:absolute;top:128px;left:32px;box-shadow:0 6px 24px #11272024}.quest-card h2{margin:11px 0;font-size:23px}.quest-card p{color:#c7d0c0;font-size:11px;line-height:1.6}.quest-card ul{margin:18px 0;padding:0;font-size:11px;list-style:none}.quest-card li{color:#efe7ce;align-items:center;gap:10px;margin:14px 0;display:flex}.quest-card li:before{content:"◇";color:var(--gold);font-size:15px}.quest-card li.done{color:#a7c7a4}.quest-card li.done:before{content:"✓"}.quest-progress{background:#afc5a431;height:2px}.quest-progress span{background:var(--gold);width:0;height:2px;transition:width .5s;display:block}.quest-card small{color:#c6c6ad;margin-top:10px;font-size:9px;display:block}.minimap-wrap{width:155px;position:absolute;top:112px;right:34px}.minimap{background:#294e4373;border:1px solid #f9eac585;border-radius:50%;height:155px;padding:6px;position:relative;box-shadow:0 4px 20px #14382a42}.minimap svg{opacity:.95;border-radius:50%;width:100%;height:100%}.north{background:#294e43;padding:1px;font-size:10px;position:absolute;top:-7px;left:calc(50% - 4px)}.minimap-caption{text-align:center;margin-top:10px}.minimap-caption>span{letter-spacing:2px;text-shadow:0 1px 4px #18352c;font-size:10px}.minimap-caption small{margin-top:5px;font-size:10px;display:block}.location-banner{text-align:center;text-shadow:0 2px 10px #142b2966;transition:opacity 2s;position:absolute;top:28%;left:50%;transform:translate(-50%)}.location-banner small{letter-spacing:4px;font-size:9px}.location-banner h2{margin:8px 0;font-size:54px}.location-banner>span{letter-spacing:1px;font-size:11px}.bottom-hud{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:25px;left:32px;right:32px}.traveler{background:linear-gradient(90deg,#183c36bb,#0000);align-items:center;gap:12px;min-width:200px;padding:9px 25px 9px 8px;display:flex}.crest{width:43px;height:43px;color:var(--gold);border:1px solid #dbc793;border-radius:50%;place-items:center;font-size:32px;display:grid}.traveler small{letter-spacing:2px;color:#ddd6b4;font-size:8px;display:block}.traveler strong{margin:1px 0 5px;font-family:Georgia,serif;font-size:22px;font-weight:400;display:block}.vitality{background:#c2c99a;width:110px;height:3px;display:block}.controls{color:#efebd7;background:#173b347d;border-radius:4px;align-items:center;gap:20px;padding:12px 16px;font-size:10px;display:flex}kbd{border:1px solid #f0e7c769;border-radius:3px;place-content:center;min-width:18px;height:19px;margin:0 2px;font-family:inherit;font-size:10px;display:inline-grid}.build-note{letter-spacing:1px;text-shadow:0 1px 5px #163629;font-size:8px}.build-note b{background:#183e35b3;margin-left:6px;padding:7px}.interact{background:var(--cream);color:var(--ink);border:0;border-radius:4px;align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;bottom:145px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #193e3433}.interact kbd{background:var(--ink);color:var(--cream);width:27px;height:28px}.interact span{font-size:11px}.interact strong{margin-top:3px;font-size:13px;display:block}#toast{text-align:center;background:#173c36ef;border:1px solid #c6b88770;border-radius:4px;max-width:450px;padding:13px 22px;font-size:12px;position:absolute;top:100px;left:50%;transform:translate(-50%)}dialog{color:var(--ink);background:#f4f0e4;border:1px solid #cabb91;border-radius:7px;width:calc(100% - 40px);max-width:520px;padding:32px;box-shadow:0 25px 90px #0b262a70}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b28265c}dialog .eyebrow{color:#8e723d}dialog h2{margin:12px 0 20px;font-size:34px}dialog p{color:#4a6257;font-size:14px;line-height:1.85}dialog .primary{background:var(--ink);color:var(--cream);margin-top:25px}dialog .close{color:var(--ink);background:0 0;border:0;font-size:25px;position:absolute;top:13px;right:16px}#panel li{margin:10px 0;font-size:13px;line-height:1.8}#panel small{color:#637566;font-size:11px;line-height:1.7;display:block}.nameplate{text-align:center;color:#fffbe4;text-shadow:0 1px 4px #153931,0 1px 4px #153931;white-space:nowrap;font-size:11px;position:absolute;transform:translate(-50%,-100%)}.nameplate small{letter-spacing:1px;color:#e7d095;margin-top:3px;font-size:8px;display:block}.world-map{background:#9bb397;border-radius:5px;width:100%;height:290px}.legend{color:#5a6d5e;gap:18px;margin-top:12px;font-size:11px;display:flex}@media (max-width:900px){.controls{gap:9px;font-size:9px}.controls span:last-child,.build-note{display:none}.quest-card{width:230px;padding:16px;left:18px}.topbar{padding:18px}.top-actions{gap:5px}#connection{display:none}.minimap-wrap{width:120px;right:18px}.minimap{height:120px}.bottom-hud{left:18px;right:18px}.welcome{padding:4vh 6vw}}@media (max-height:650px){.entry-card h2{margin:10px 0;font-size:25px}.entry-card>p{margin:8px 0}.entry-card label,.entry-foot{margin-top:12px}.wordmark h1{font-size:52px}.entry-card{margin:12px 0}.location-banner{top:22%}.quest-card{top:100px}.welcome-footer{font-size:8px}}.welcome{background:linear-gradient(90deg,#0c1f2005 0%,#0a1d1f14 39%,#091d1eb8 72%,#07181ae0 100%),url(/assets/bellhaven-title-v1.png) 50%/cover no-repeat;align-items:flex-end}.welcome .wordmark,.welcome .entry-card{width:min(400px,100%)}.welcome .welcome-footer{align-self:stretch}@media (max-width:700px){.welcome{background-image:linear-gradient(90deg,#081a1ca6,#081a1cd1),url(/assets/bellhaven-title-v1.png);background-position:38%;align-items:stretch}.welcome .wordmark,.welcome .entry-card{width:100%}}#dialogue{max-height:min(84vh,780px);overflow-y:auto}.npc-intro{grid-template-columns:minmax(0,1fr) 165px;align-items:end;gap:12px;min-height:215px;display:grid}.npc-intro h2{margin-bottom:10px}.npc-intro p{margin-bottom:12px}.npc-intro img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 6px 12px #31524a44);align-self:end;width:165px;height:215px;display:block}@media (max-width:550px){.npc-intro{grid-template-columns:minmax(0,1fr) 105px;min-height:170px}.npc-intro img{width:105px;height:170px}}#combat-hud{text-align:center;text-shadow:0 1px 3px #193a30;width:310px;font-size:11px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}#hp-label{font-size:10px}.health-track{background:#183b328c;border-radius:5px;height:5px;margin:6px 10px 10px}.health-track i{background:#c5d68e;width:100%;height:100%;transition:width .2s;display:block}.combat-buttons{justify-content:center;gap:6px;display:flex}.combat-buttons button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#173e36d9;border:1px solid #d9c79291;border-radius:4px;padding:9px;font-size:11px}.quest-row{border-bottom:1px solid #a7b49b55;padding:17px 0}.quest-row>p{margin:7px 0;font-size:12px}.quest-row>small{margin:7px 0}.quest-row>button:not(.primary){color:#f1e7cc;background:#20473e;border:0;border-radius:3px;margin:8px 8px 5px 0;padding:9px 12px}.quest-row>a{color:#3f7367;margin-top:8px;font-size:11px;display:block}.tag{color:#64816a;border:1px solid #a6b292;border-radius:4px;margin:6px 8px;padding:5px 7px;font-size:9px;display:inline-block}.item-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;display:grid}.item-card{background:#e4e8d8;border:1px solid #c3cdb5;border-radius:4px;flex-direction:column;gap:9px;padding:16px;display:flex;position:relative}.item-card>b{font-size:12px}.item-icon{color:#557f6c;font-size:28px}.quantity{color:#547060;font-size:12px;position:absolute;top:15px;right:12px}.item-card>button{color:#f4edda;background:#234d40;border:0;border-radius:3px;margin-top:auto;padding:8px}.inventory-summary{color:#687854;gap:22px;font-size:13px;display:flex}.wallet-address{overflow-wrap:anywhere;font-family:monospace;font-size:11px!important}.quest-row button:disabled{cursor:not-allowed}dialog{max-height:85vh;overflow:auto}.top-actions{gap:6px}.top-actions button{padding:9px}.top-actions kbd{margin-left:4px}#interact{bottom:204px}@media (max-width:1000px){.top-actions button{padding:8px 6px;font-size:10px}.top-actions kbd{display:none}.brand strong{font-size:18px}.brand .sigil,.controls{display:none}}@media (max-height:650px){#combat-hud{bottom:80px}#interact{bottom:172px}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#173e36e8;border:1px solid #d9c79291;border-radius:4px;padding:10px 13px;font-size:11px;position:absolute;bottom:93px;right:34px}.chat-toggle kbd{margin-left:6px}.room-chat{pointer-events:auto;background:#153b36ed;border:1px solid #d9c79291;border-radius:6px;flex-direction:column;width:296px;height:254px;display:flex;position:absolute;bottom:138px;right:34px;overflow:hidden;box-shadow:0 8px 30px #122b2866}.room-chat header{letter-spacing:1.5px;border-bottom:1px solid #d9c7924d;align-items:center;gap:9px;padding:11px 12px;font-size:10px;display:flex}.room-chat header small{color:#d5d7c4;letter-spacing:0;margin-left:auto;font-size:9px}.room-chat header button{background:0 0;border:0;font-size:22px;line-height:1}.room-chat ol{flex:1;margin:0;padding:10px 12px;font-size:11px;line-height:1.5;list-style:none;overflow-y:auto}.room-chat li{overflow-wrap:anywhere;margin-bottom:7px}.room-chat li strong{color:#e6c98e;margin-right:6px}.room-chat form{gap:5px;padding:7px 9px;display:flex}.room-chat input{color:#173b35;background:#f6f0df;border:0;border-radius:3px;flex:1;min-width:0;padding:8px;font-size:11px}.room-chat form button,.room-chat>button{color:#173b35;background:#d5c18f;border:0;border-radius:3px;padding:7px 10px;font-size:10px;font-weight:700}.room-chat>button{color:#f6f0df;background:#254d46;border:1px solid #d9c7927a;margin:0 9px 9px}@media (max-width:1000px){.chat-toggle{bottom:82px;right:12px}.room-chat{width:260px;bottom:126px;right:12px}}.build-note{color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#183e35b3;border:1px solid #ead8a65c;border-radius:4px;padding:9px 12px}.build-note:hover{background:#244f43}.build-note b{white-space:nowrap}.campaign-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.campaign-row .tag{flex-shrink:0;margin-right:0}#panel-content>.inventory-summary{flex-wrap:wrap;align-items:center;margin:15px 0 20px}#panel-content>.primary{margin:20px 0 12px}