:root{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e9e0c5;background:#101714;color-scheme:dark;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-height:100dvh;--app-top:0px}*{box-sizing:border-box}body{margin:0;overflow:hidden;position:fixed;top:var(--app-top);left:0;right:0;height:var(--app-height);display:flex;flex-direction:column}button,input,select{font:inherit}button{border:1px solid #766239;background:#bd9a52;color:#17211a;cursor:pointer;font-weight:700;min-height:48px;min-width:48px;padding:10px 12px;border-radius:6px;touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,#game:focus-visible{outline:2px solid #efce80;outline-offset:2px}input,select{border:1px solid #53634d;background:#16221b;color:#e4e5d3;padding:11px;width:100%;border-radius:5px;min-height:48px;font-size:16px}label{display:block;font-size:12px;margin:10px 0}select{margin-top:6px}header{flex-shrink:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(22px,var(--safe-right)) 12px max(22px,var(--safe-left));padding-top:max(12px,var(--safe-top));border-bottom:1px solid #445145;background:#151e19}.brand b{display:block;font-family:Georgia,serif;font-size:29px;letter-spacing:4px;color:#d4b973}.brand span{font-size:9px;letter-spacing:2px;color:#9eaa95}.region{display:flex;flex-direction:column;gap:5px;text-align:center}.region span{font-family:Georgia,serif;font-size:21px}.region small{font-size:9px;letter-spacing:1px;color:#9dad9e}.badge{border:1px solid #4f634e;padding:9px 12px;font-size:10px;color:#bac7af}main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 276px;position:relative}#viewport{position:relative;min-height:0;overflow:hidden;background:#142019}#game{position:absolute;display:block;image-rendering:pixelated;touch-action:none;outline:none}aside{min-height:0;padding:12px;display:flex;flex-direction:column;gap:12px;background:#151c18;border-left:1px solid #3c4b3d;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.card{border:1px solid #354538;padding:12px;background:#1b251e;border-radius:5px}.card small{font-size:10px;letter-spacing:1.3px;color:#b1b894}.card h2{font-family:Georgia,serif;font-size:22px;margin:9px 0}.card p{font-size:12px;line-height:1.6;color:#b9c1af;margin:8px 0}p#connection{font-size:11px;color:#80b58a}.bar{height:22px;border:1px solid #654e3b;background:#35291f;position:relative}.bar div{position:absolute;inset:0;background:#8c4839;transform-origin:left}.bar span{display:block;text-align:center;position:relative;font-size:12px;line-height:20px}.card canvas{width:100%;height:auto;margin-top:10px;image-rendering:pixelated}.card .hint{font-size:11px}.chat{min-height:230px;display:flex;flex-direction:column}#messages{flex:1;max-height:240px;overflow:auto;overflow-wrap:anywhere}#messages p{margin:6px 0;font-size:12px}#messages .system{color:#9eae97}#chat-form{display:flex;gap:6px;margin-top:10px}#chat-input{min-width:0}.check{display:flex;align-items:center;gap:10px}.check input{width:24px;min-height:24px;height:24px}#grid-button,#debug-button{width:100%;margin:4px 0}footer{flex-shrink:0;min-height:30px;display:flex;align-items:center;justify-content:space-between;padding:6px 18px max(6px,var(--safe-bottom));font-size:10px;background:#111914;color:#9cab96;border-top:1px solid #354336}.controls{position:absolute;bottom:16px;left:16px;font-size:10px;padding:11px;color:#d1d5c2;background:#111b16eb;border:1px solid #4d5b42;pointer-events:none}.controls span{margin:0 10px;color:#a8b399}#enter{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px;background:radial-gradient(ellipse at center,#1d302ce8,#0e1916f7)}[hidden]{display:none!important}.entry{width:min(420px,100%);max-height:100%;overflow:auto;padding:26px;border:1px solid #748366;border-radius:9px;background:#1e2e24f5;box-shadow:0 20px 80px #07100abb}.entry small{font-size:10px;letter-spacing:1.4px;color:#cdb676}.entry h1{font-family:Georgia,serif;font-size:33px;font-weight:400;line-height:1.1;margin:14px 0}.entry p{font-size:13px;line-height:1.6;color:#bdc6b3}.entry input{margin-top:6px}.entry button{width:100%;margin-top:7px}.entry #entry-status{font-size:11px;margin-bottom:0}#debug{position:absolute;z-index:4;top:76px;left:12px;background:#081711ee;color:#d3deb0;font:11px/1.5 monospace;white-space:pre;padding:10px;border:1px solid #536849;pointer-events:none}#toast,#network-notice{position:absolute;z-index:7;top:78px;left:50%;transform:translate(-50%);max-width:90%;padding:10px 16px;background:#242d20f5;border:1px solid #bd9a52;border-radius:6px;font-size:12px;text-align:center;pointer-events:none}#network-notice{top:auto;bottom:150px}#touch-controls{display:none;position:absolute;z-index:5;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-enabled #touch-controls{display:block}.touch-enabled .controls{display:none}#joystick{position:absolute;pointer-events:auto;bottom:max(16px,var(--safe-bottom));left:max(20px,var(--safe-left));width:120px;height:120px;border:2px solid #d8c3889e;background:#101e19b8;border-radius:50%;touch-action:none;box-shadow:inset 0 0 0 12px #24332877}#stick-knob{position:absolute;width:50px;height:50px;left:33px;top:33px;background:#bfa260cc;border:2px solid #f2de98aa;border-radius:50%;pointer-events:none}#joystick small{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#c8caa9;pointer-events:none}.touch-actions{position:absolute;bottom:max(18px,var(--safe-bottom));right:max(18px,var(--safe-right));display:flex;align-items:flex-end;gap:12px;pointer-events:auto}#attack-button{width:80px;height:80px;border-radius:50%;background:#b99851ef;border:2px solid #e5ce8b}#target-button{width:70px;height:56px;background:#263b30e8;color:#e8deb6;border-color:#9b945e}.left-handed #joystick{left:auto;right:max(20px,var(--safe-right))}.left-handed .touch-actions{right:auto;left:max(18px,var(--safe-left))}#quick-menu{display:none;position:absolute;z-index:6;right:max(10px,var(--safe-right));top:10px;gap:7px}#quick-menu button{background:#17251de8;color:#ded2a7;border-color:#727c54;font-size:12px;padding:8px}#compact-status{display:none;position:absolute;z-index:4;left:max(12px,var(--safe-left));top:12px;max-width:calc(100% - 215px);pointer-events:none;background:#14241dd9;padding:7px 10px;border-left:3px solid #bca267;border-radius:3px}#compact-status b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#compact-status span{font-size:12px;color:#d8cfaa}#compact-status small{display:block;font-size:9px;color:#a5c499}.panel-heading{display:none}.touch-enabled:not(.playing) #touch-controls,body:not(.playing) #quick-menu,body:not(.playing) #compact-status{display:none}.panel-open #touch-controls,.panel-open #quick-menu,.keyboard-open #touch-controls{display:none}@media(max-width:1000px),(max-height:650px){header{min-height:48px;padding:6px max(12px,var(--safe-right)) 6px max(12px,var(--safe-left));padding-top:max(6px,var(--safe-top))}.brand b{font-size:22px;letter-spacing:3px}.brand span,.badge,.region small{display:none}.region span{font-size:16px}main{display:block}#viewport{height:100%}footer{display:none}.controls{display:none}#compact-status{display:block}#quick-menu{display:flex}aside{display:none;position:absolute;z-index:12;inset:8px max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) auto;width:min(400px,calc(100% - 16px));border:1px solid #78815a;border-radius:10px;box-shadow:0 15px 70px #07100ecc;padding:12px}.panel-open aside{display:flex}aside [data-section]{display:none}aside[data-panel=map] [data-section=map],aside[data-panel=settings] [data-section=settings]{display:block}aside[data-panel=chat] [data-section=chat]{display:flex;flex:1;min-height:0}aside[data-panel=chat] #messages{max-height:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.panel-heading strong{font-size:16px}#close-panel{background:#314234;color:#e3dfc1}#panel-backdrop{position:absolute;z-index:10;inset:0;border:0;border-radius:0;width:100%;height:100%;background:#08110b75}.entry{padding:20px}.entry h1{font-size:29px}}@media(max-height:450px){.entry{width:min(600px,100%);padding:12px 20px}.entry h1{font-size:24px;margin:8px 0}.entry h1 br{display:none}.entry>p{margin:5px 0}.entry form{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.entry label{margin:4px 0}.entry #start{grid-column:1/-1;margin:0}.entry small{font-size:9px}#joystick{width:106px;height:106px}#stick-knob{left:26px;top:26px}#attack-button{width:70px;height:70px}#debug{top:66px;font-size:9px;line-height:1.25}}@media(max-width:380px){#quick-menu{gap:4px}#quick-menu button{font-size:11px;padding:5px}#compact-status{max-width:calc(100% - 175px);left:8px;padding:5px}#joystick{left:12px}.touch-actions{right:10px;gap:7px}#attack-button{width:72px;height:72px}}#target-button{font-size:12px;padding:6px;line-height:1.1}#attack-button{font-size:14px;padding:6px}@media(max-width:1000px),(max-height:650px){aside[data-panel=inventory] [data-section=inventory],aside[data-panel=quests] [data-section=quests]{display:block}}#use-button{position:absolute;z-index:6;bottom:max(150px,calc(var(--safe-bottom) + 140px));right:max(18px,var(--safe-right));font-size:12px;background:#263b30ed;color:#efce80}.panel-open #use-button,.keyboard-open #use-button{display:none}.entry .secondary{background:transparent;color:#e5d8b4;border-color:#738064}.entry .form-hint{font-size:11px;line-height:1.5;margin:8px 0}.character-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 4px}.character-heading h2{font:22px Georgia,serif;margin:0}.character-heading span{font-size:11px;color:#bbc4ad;white-space:nowrap}#character-list{display:grid;gap:7px;margin:10px 0}#character-list button{text-align:left;background:#17271e;color:#e8e0c3;border-color:#526b50;margin:0;overflow-wrap:anywhere}#character-list button[aria-pressed=true]{border:2px solid #ddbd75;background:#33422b;padding:9px 11px}#character-list strong,#character-list span{display:block}#character-list span{font-size:11px;font-weight:400;color:#c2cbb3;margin-top:4px}#new-character{margin-top:14px;padding-top:10px;border-top:1px solid #4a6046}#new-character summary{min-height:48px;padding:13px 5px;cursor:pointer;color:#ddc488;font-size:14px;touch-action:manipulation}#new-character summary:focus-visible{outline:2px solid #efce80;outline-offset:2px}#new-character[open] summary{margin-bottom:4px}#save-leave{width:100%;margin-top:10px}#save-status{overflow-wrap:anywhere}#reenter-button{position:absolute;z-index:8;bottom:88px;left:50%;transform:translate(-50%);max-width:90%}@media(max-height:450px){.entry #account-auth,.entry #character-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#account-auth .form-hint,#character-create{grid-column:1/-1}.character-heading{margin-top:8px}.entry #account-characters{max-width:100%}}#economy{min-width:0;overflow-wrap:anywhere}#economy h3{font-size:14px;margin:16px 0 8px}#economy button{font-size:12px;min-width:0;white-space:normal;overflow-wrap:anywhere}#economy button[aria-pressed=true]{border:2px solid #efce80;background:#435339;color:#fff0c6}.economy-wallet{display:grid;gap:4px;padding:10px;background:#142019;border:1px solid #776641}.economy-wallet b{color:#efce80}.economy-wallet span{font-size:11px}.economy-tabs,.economy-actions,.economy-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}.economy-tabs button,.economy-equipment button{background:#293b2d;color:#e9e0c5}.economy-equipment button span{display:block;font-size:10px;font-weight:400;margin-top:5px}.economy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.economy-grid button{position:relative;background:#17251d;color:#dbd2ac;min-height:76px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.economy-grid button span:not(.item-symbol){font-size:9px;line-height:1.15}.economy-grid button b{font-size:10px}.item-symbol{width:24px;height:24px;display:grid;place-content:center;background:#9f7746;color:#eae1c7;border:2px solid #c19a60;font:11px monospace}.empty-slot{opacity:.45}.economy-detail,.economy-row{margin:10px 0;padding:10px;border:1px solid #42533d;background:#16231c}.economy-row>b{font-size:13px}.economy-row button,#economy-view-shop>button,#economy-view-trade>button{width:100%;margin:3px 0}#economy-status{min-height:38px;color:#e5cf8e}#economy input,#economy select{max-width:100%;min-width:0}#economy section{min-width:0}@media(min-width:1001px)and (min-height:651px){aside [data-section=inventory],aside [data-section=quests]{display:none}aside[data-panel=inventory] [data-section],aside[data-panel=quests] [data-section]{display:none}aside[data-panel=inventory] [data-section=inventory],aside[data-panel=quests] [data-section=quests]{display:block}aside[data-panel=inventory] .panel-heading,aside[data-panel=quests] .panel-heading{display:flex}#economy .economy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}#adventure-hud{position:absolute;z-index:5;bottom:64px;left:50%;transform:translate(-50%);width:min(360px,calc(100% - 24px));pointer-events:none;text-align:center}#adventure-hud button{pointer-events:auto}#mana-status{background:#142019e8;color:#b8cfbb;display:inline-block;padding:4px 10px;font-size:11px}#adventure-diary{display:block;max-width:100%;width:100%;min-height:48px;border-radius:4px 4px 0 0;background:#17251de8;color:#dcc28a;font-size:12px;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#skill-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#skill-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;min-height:60px;gap:2px;padding:4px;background:#263b30ed;color:#eae1c7;border-color:#9f7746;font-size:11px}#skill-bar button b{font-size:10px;color:#dcc28a}#skill-bar small{font-size:10px;font-weight:400}.quest-row{padding:12px 0;border-bottom:1px solid #53634d}.quest-row h3,#group-panel h3{font-size:15px;margin:7px 0}.quest-row button,#group-panel button{width:100%;margin:4px 0;white-space:normal;font-size:12px}#group-panel,#quest-journal{min-width:0;overflow-wrap:anywhere}#group-panel select{max-width:100%}body:not(.playing) #adventure-hud,.panel-open #adventure-hud,.keyboard-open #adventure-hud{display:none}.touch-enabled #adventure-hud{bottom:max(188px,calc(var(--safe-bottom) + 188px))}@media(max-height:500px){#adventure-hud,.touch-enabled #adventure-hud{bottom:max(12px,var(--safe-bottom));width:min(320px,calc(100% - 280px))}#adventure-diary{font-size:11px}#skill-bar button{min-height:52px;font-size:10px}#mana-status{font-size:10px}#skill-bar button b{display:none}}@media(max-width:380px){#adventure-hud{width:calc(100% - 20px)}#skill-bar button{font-size:10px}.touch-enabled #adventure-hud{bottom:190px}}#quest-direction{background:#142019e8;color:#dcc28a;font-size:10px;padding:3px 5px;line-height:1.3}#quest-direction:empty{display:none}@media(max-height:500px){#quest-direction{font-size:9px}}#first-play-hint{position:absolute;z-index:4;top:12px;left:max(12px,var(--safe-left));width:min(310px,calc(100% - 24px));text-align:left;background:#14241df2;color:#e9e0c5;border-color:#bd9a52;padding:10px 12px;box-shadow:0 4px 20px #08110b55}#first-play-hint small,#first-play-hint b,#first-play-hint span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#first-play-hint small{font-size:9px;letter-spacing:1px;color:#dcc28a}#first-play-hint b{font:18px Georgia,serif;margin:4px 0}#first-play-hint span{font-size:11px;font-weight:400;color:#bdc6b3}body:not(.playing) #first-play-hint,.panel-open #first-play-hint,.keyboard-open #first-play-hint{display:none}aside [data-section=guide]{display:none}aside[data-panel=guide] [data-section]{display:none}aside[data-panel=guide] [data-section=guide]{display:block}aside[data-panel=guide] .panel-heading{display:flex}#guide-open{width:100%;margin:10px 0}#guide-text{font-size:14px;line-height:1.65}#guide-status{font-size:12px;color:#dcc28a}#guide-steps{padding-left:22px;margin:18px 0}#guide-steps li{padding:8px 4px;font-size:13px;line-height:1.4}#guide-steps span{display:block;font-size:11px;color:#a8b399}#guide-steps [aria-current=step]{color:#efce80}#guide-steps [data-complete=true] span{color:#80b58a}.guide-actions{display:grid;gap:8px}.guide-actions button{width:100%;font-size:13px;white-space:normal}.guide-actions #guide-dismiss{background:transparent;color:#dcc28a;border-color:#738064}@media(max-width:1000px),(max-height:650px){#first-play-hint{top:82px;width:min(300px,calc(100% - 24px))}}@media(max-height:500px){#first-play-hint{width:220px;min-height:48px;padding:6px 10px}#first-play-hint b{font-size:15px;margin:2px 0}#first-play-hint span{display:none}}#economy .economy-detail{border-color:#9b854f;scroll-margin-top:12px}#economy .economy-detail h3{margin-top:0;color:#efce80}#economy-selected-name:focus-visible{outline:2px solid #efce80;outline-offset:3px}#economy .economy-primary-actions{margin-bottom:0}#economy .economy-organize{margin:16px 0 10px;padding:10px;border:1px solid #42533d;background:#16231c}#economy .economy-organize h3{margin-top:0}