:root{color-scheme:dark;--gold:#d6b57d;--muted:#a39b88;--line:#665435;--panel:rgba(19,21,18,.96)}*{box-sizing:border-box}html,body,#game{height:100%;margin:0;overflow:hidden}body{background:#151713;color:#e7ddc8;font:14px/1.5 Georgia,serif}button,input{font:inherit}button{cursor:pointer;background:#292820;color:#ddcba8;border:1px solid #665435;border-radius:3px;padding:8px 12px;transition:background .12s}button:hover{background:#484033;border-color:var(--gold)}button:disabled{opacity:.4;cursor:default}button.active{background:#574327;border-color:#e5bd75;color:#fff2ce}button:focus-visible,input:focus-visible{outline:2px solid #dfb879;outline-offset:2px}[hidden]{display:none!important}#world,#world canvas{position:absolute;width:100%;height:100%;display:block;touch-action:none}#landing{position:absolute;inset:0;z-index:20;background:linear-gradient(90deg,rgba(9,13,12,.98),rgba(9,13,12,.82) 40%,rgba(9,13,12,.2)),url('/assets/art/environment/ashfall-cover.webp') center/cover;display:flex;align-items:center;padding:6vw}.intro{max-width:530px}.eyebrow{font:10px/1.5 system-ui,sans-serif;letter-spacing:2px;color:var(--gold)}h1{font-weight:400;font-size:clamp(50px,6vw,88px);line-height:1.06;letter-spacing:-3px;margin:20px 0 24px}h1 em{font-style:normal;color:var(--gold)}.intro>p{font-size:17px;line-height:1.8;color:#c4bfae}.character-tag{margin:26px 0 22px;border-left:2px solid #aa814a;padding-left:15px;letter-spacing:2px;font-size:13px}.character-tag span{display:block;letter-spacing:0;color:var(--muted);font:12px/2 system-ui}.intro form{max-width:385px;display:grid;gap:12px}label{font:10px/1.5 system-ui;letter-spacing:1px;color:var(--muted)}input{background:#151b18;border:1px solid #66583d;border-radius:3px;padding:12px;color:#f4e6c9;width:100%}.check{display:flex;align-items:center;font-size:12px;letter-spacing:0;gap:9px}.check input{width:16px;height:16px;accent-color:#b99151}.primary{background:linear-gradient(#987847,#66502f);color:#fff2d6;padding:13px 18px;text-transform:uppercase;font:12px/1.5 system-ui;letter-spacing:2px;border-color:#b59360}.primary span{float:right;font-size:20px;line-height:18px}#loading{font:12px/1.7 system-ui;max-width:385px;color:#b3b1a4}.text-button{background:none;border:none;padding:0;color:var(--gold);font-size:12px}.intro-format{display:block;font:11px system-ui;margin-top:22px;color:#b39b75;text-decoration:none}.intro-note{position:absolute;right:35px;bottom:25px;font:10px/1.8 system-ui;letter-spacing:2px;color:#d0b58b;text-align:right}.intro-note span{letter-spacing:0;color:#a59b88}#interface{position:absolute;inset:0;pointer-events:none}#interface button,#interface input,#panel,#help,#chat-form,#death{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;height:63px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#10130feb,transparent)}.wordmark{font-size:23px;letter-spacing:4px;color:#dec38f}.wordmark small{display:block;text-align:center;font:8px system-ui;letter-spacing:5px;margin-top:-5px}.realm{display:flex;gap:9px;align-items:center;font:11px system-ui;color:#c3c0b2}.realm small{color:#999b88}.online-dot{width:6px;height:6px;background:#a8c995;border-radius:50%;box-shadow:0 0 7px #8fd37e}.topbar nav{display:flex;gap:8px}.topbar button{font:10px system-ui;padding:6px 10px;background:#1c2019b0}.quest-box{position:absolute;top:80px;left:24px;width:240px;text-shadow:0 2px 4px #000}.quest-box h2{font-size:18px;margin:4px 0 12px;font-weight:400}.quest-box p{font:12px/1.7 system-ui;margin:0 0 9px;color:#d2cbb7}.quest-track{height:3px;background:#171c17;width:190px}.quest-track i{display:block;background:#be995a;height:100%}.quest-box small{display:block;font:10px/1.6 system-ui;color:#a7ab94;max-width:220px;margin-top:10px}#buffs{margin-top:14px;display:flex;gap:4px;flex-wrap:wrap}.buff{font:9px system-ui;color:#c7dcb5;background:#263222dc;border:1px solid #708355;padding:4px}.map-box{position:absolute;right:20px;top:78px;width:180px;text-align:center;background:radial-gradient(#1a211bbb,transparent 75%)}#coordinates{display:block;font:10px system-ui;color:#b6b49c}#notice{position:absolute;left:50%;top:24%;transform:translateX(-50%);background:#171b14ed;border:1px solid #8f7346;border-radius:3px;padding:10px 18px;max-width:560px;opacity:0;transition:opacity .2s;font:12px/1.6 system-ui;text-align:center}#notice.visible{opacity:1}#target-label{position:absolute;top:65px;left:50%;transform:translateX(-50%);font:12px system-ui;color:#dfaf99}#chat-log{position:absolute;left:24px;bottom:200px;width:310px;font:11px/1.8 system-ui;text-shadow:0 1px 3px #000;color:#c4bdad}#chat-log b{color:#d6b77e}#chat-form{position:absolute;left:24px;bottom:170px;width:330px}#chat-input{font:12px system-ui;padding:8px}.hud{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(860px,100%);background:linear-gradient(transparent,#11160fec 40%);padding:10px 15px 12px}.hud-meta{display:flex;align-items:center;justify-content:center;gap:22px;height:31px;font:10px system-ui;letter-spacing:.3px;color:#d2c5a7}#save-status{color:#a1ab8e;font-size:9px}#god-button{font:9px system-ui;padding:4px 8px}.combat-bar{display:flex;gap:12px;align-items:center}.orb{flex-shrink:0;width:88px;height:88px;border:4px ridge #7d7358;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 0 0 3px #22251e,0 6px 20px #0008;text-align:center;background:#191411}.orb>div{position:absolute;bottom:0;width:100%;transition:height .12s}.health>div{background:radial-gradient(at 30% 30%,#d3472c,#8b1d18 50%,#430d0d)}.mana>div{background:radial-gradient(at 30% 30%,#547dcb,#253d8e 50%,#101b45)}.orb:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(120deg,#ffffff1c,transparent 50%);box-shadow:inset 0 0 14px #0008}.orb strong{position:absolute;top:24px;left:0;right:0;font:17px Georgia;text-shadow:0 2px 3px #000;z-index:1}.orb small{position:absolute;bottom:12px;left:0;right:0;font:8px system-ui;letter-spacing:2px;color:#e4d5b4;z-index:1}.actions{flex:1;min-width:0}#hotbar{display:flex;gap:5px}.slot{width:12.5%;aspect-ratio:1;max-height:64px;min-width:0;position:relative;padding:0;overflow:hidden;border:2px ridge #76654b;background:#171b14}.skill-icon{background-image:url('/assets/art/ui/barbarian-skills.webp');background-size:600% 500%;display:block;width:100%;height:100%}.slot .skill-icon{opacity:.88}.slot.selected{border-color:#ebca8a;box-shadow:0 0 8px #d8af6b55}.slot.locked .skill-icon{filter:grayscale(1);opacity:.3}.slot kbd{position:absolute;top:0;left:2px;font:10px system-ui;background:#17170cc7;padding:0 3px;color:#f2e7c6}.slot .cd{position:absolute;inset:0;background:#050b09aa;display:flex;align-items:center;justify-content:center;font:17px Georgia}.slot .slot-name{position:absolute;bottom:0;left:0;right:0;background:#0f150cc9;font:8px/1.3 system-ui;white-space:nowrap;overflow:hidden;padding:2px}.resource-lines{display:flex;gap:5px;margin:6px 0}.resource-lines>div{height:3px;background:#1c2319;flex:1}.resource-lines i{height:100%;display:block;transition:width .15s}.stamina i{background:#abb586}.experience i{background:#bda16d}.utility{display:flex;justify-content:space-between;align-items:center;gap:4px}.utility button{background:transparent;border:0;padding:4px;font:10px system-ui}.utility kbd{font-size:8px;color:#90927e;border:1px solid #4b4d3d;border-radius:2px;padding:0 3px;margin-left:3px}#gold{color:#d8b87b;font:10px system-ui}#panel{position:absolute;right:20px;top:66px;bottom:175px;width:450px;max-width:calc(100% - 40px);background:var(--panel);border:1px solid #78603d;box-shadow:0 12px 50px #000a;display:flex;flex-direction:column}#panel>header{padding:18px 20px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #483e2b}#panel h2{font-size:25px;font-weight:400;margin:2px 0}#close-panel{font-size:24px;padding:0 9px;background:none;border:0}#panel-content{padding:16px;overflow-y:auto;scrollbar-color:#776044 #151b15;font:12px/1.5 system-ui}.tabs{display:flex;gap:5px;margin-bottom:15px}.tabs button{font:10px system-ui;flex:1;padding:8px 4px}.skill-row,.item-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #36382b}.skill-row .skill-icon{width:51px;height:51px;flex-shrink:0;border:1px solid #816847}.row-copy{flex:1;min-width:0}.row-copy strong{font:14px Georgia}.row-copy p{font-size:10px;color:#aaa994;margin:4px 0;line-height:1.6}.row-copy small{font-size:9px;color:#bda271}.row-actions{display:grid;gap:4px}.row-actions button{font:9px system-ui;padding:5px 7px}.item-icon{display:block;width:48px;height:48px;flex-shrink:0;background-size:400% 400%;background-color:#23291d;border:1px solid #595139}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px}.stat-grid>span{background:#252c21;padding:9px 7px;text-align:center;color:#b7bda6;font-size:10px}.stat-grid b{display:block;font:17px Georgia;color:#e4d5b1}.panel-note{font:11px/1.7 system-ui;color:#a9ad97}.merchant{display:flex;align-items:center;justify-content:space-between;border:1px solid #655135;background:#322b1e;padding:10px;margin-bottom:8px}.merchant button{font-size:10px}#help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:25px 30px;max-width:540px;width:90%;max-height:85%;overflow:auto;background:var(--panel);border:1px solid #947447;box-shadow:0 20px 90px #000b;font:12px/1.8 system-ui}#help h2{font:28px Georgia;color:var(--gold)}#help b{color:#e7c68e}#help button{width:100%;margin-top:10px}#death{position:absolute;inset:0;background:#160a09a6;display:flex;align-items:center;justify-content:center;flex-direction:column}#death>span{font:40px Georgia;letter-spacing:8px;color:#dfad8b}#death p{color:#cfbba2}#death button{margin-top:10px}@media(max-width:850px){.quest-box{top:65px;left:12px;width:190px}.quest-box h2{font-size:15px}.quest-box p,.quest-box small{font-size:10px}.map-box{right:7px;top:63px;transform:scale(.8);transform-origin:top right}.topbar{padding:8px 12px}.realm{font-size:9px;gap:4px}.orb{width:60px;height:60px}.orb strong{font-size:14px;top:13px}.orb small{bottom:6px;font-size:6px}.combat-bar{gap:8px}.hud{padding:5px 8px 10px}.utility kbd{display:none}.utility button{font-size:9px}.slot .slot-name{display:none}#panel{bottom:145px}#chat-log{bottom:150px}.hud-meta{gap:10px;font-size:9px}.intro-note{display:none}#landing{padding:7vw}.intro>p{font-size:14px}#buffs{max-width:180px}}@media(max-height:650px){.quest-box{top:65px}.quest-box small{display:none}.map-box{transform:scale(.75);transform-origin:top right}.intro h1{font-size:45px;margin:12px 0}.intro>p{margin:8px 0;font-size:12px}.character-tag{margin:14px 0}.intro form{gap:7px}.intro-format{margin-top:10px}}

.contract{padding:16px 14px;margin-bottom:12px;border:1px solid #695436;background:linear-gradient(135deg,#302b20,#1b211b)}.contract h3{font:20px Georgia;color:#e5c896;margin:0 0 12px}.contract p{color:#bbb9a3;font:12px/1.7 system-ui}.contract small{color:#d4b779}.contract .contract-status{color:#b9cc9b;font-size:11px}.intro-format{display:block;font:11px system-ui;margin-top:22px;color:#b39b75}
@media(max-width:520px){.wordmark{font-size:16px;letter-spacing:2px}.wordmark small{font-size:6px}.realm{flex-direction:column;gap:2px}.online-dot{display:none}.topbar nav{gap:3px}.topbar button{padding:6px}.orb{width:42px;height:42px;border-width:2px}.orb strong{top:6px;font-size:14px}.orb small{bottom:4px;font-size:5px}.combat-bar{gap:5px}.utility{flex-wrap:wrap;justify-content:center;gap:1px}.utility button{padding:4px;font-size:8px}.hud-meta{gap:6px;font-size:8px}.hud-meta #save-status{font-size:7px}.map-box{transform:scale(.6)}.quest-box{width:185px}.quest-box .eyebrow{font-size:8px}.quest-box h2{font-size:14px}#panel{left:8px;right:8px;max-width:none;width:auto;top:65px;bottom:135px}#chat-log{max-width:calc(100% - 40px)}#chat-form{max-width:calc(100% - 40px)}#notice{width:85%;top:33%}#landing{overflow-y:auto;align-items:flex-start;padding:35px 24px}.intro{margin:auto 0}.intro h1{font-size:52px}.character-tag span{font-size:10px}}

#touch-controls{display:none}@media(pointer:coarse){#touch-controls{display:flex;position:absolute;left:14px;right:14px;bottom:155px;align-items:center;justify-content:space-between;pointer-events:none}.direction-pad{display:grid;grid-template-columns:repeat(3,42px);gap:4px}.direction-pad button,#touch-attack{touch-action:none;user-select:none;background:#1b241ad9;border:1px solid #aa8b57;min-height:42px;font:20px system-ui}.direction-pad button:first-child{grid-column:2}.direction-pad button:nth-child(2){grid-row:2;grid-column:1}.direction-pad button:nth-child(3){grid-row:2;grid-column:2}.direction-pad button:nth-child(4){grid-row:2;grid-column:3}#touch-attack{width:68px;height:68px;border-radius:50%;font:12px Georgia}#chat-log{bottom:260px;max-width:190px;font-size:9px}}
#interface:has(#panel:not([hidden])) #touch-controls,#interface:has(#help:not([hidden])) #touch-controls,#interface:has(#death:not([hidden])) #touch-controls{display:none}

#landing{overflow-y:auto;padding-top:30px;padding-bottom:30px}.intro{max-width:580px;margin:auto 0}.intro h1{font-size:clamp(40px,5vw,66px);margin:10px 0}.intro>p{margin:10px 0}.character-tag{margin:16px 0}.intro select{width:100%;padding:11px;background:#1c241b;border:1px solid #766747;border-radius:2px;color:#e8d9bb;font:13px system-ui}.intro select:focus-visible{outline:2px solid #d7bb81;outline-offset:2px}.intro select:disabled{opacity:.7}.class-card{display:flex;align-items:center;gap:14px;min-height:126px;border:1px solid #51482d;background:#151b12d9;padding:9px 14px}.class-card>div:last-child{flex:1}.class-card strong{font:21px Georgia;color:#e8c78e}.class-card small{display:block;font:10px/1.5 system-ui;color:#b8b79f;margin:5px 0}.class-card p{font:11px/1.5 system-ui;margin:5px 0;color:#c4c5af}.class-card span{font:10px/1.5 system-ui;color:#d7ba83}#class-portrait{width:105px;height:116px;flex-shrink:0;background-size:400% 400%;background-position:0 0;background-repeat:no-repeat}#saved-heroes label{display:block;margin-bottom:7px}.tabs .active{border-color:#e4c084;color:#f4deb2;background:#40351f}@media(max-width:520px){.class-card{padding:8px;gap:8px}#class-portrait{width:86px;height:100px}.intro h1{font-size:44px}.topbar nav #characters-button{font-size:8px;padding:6px 4px}}