@font-face{font-family:Alegreya;src:url('./vendor/alegreya-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Source;src:url('./vendor/source-sans-3-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Source;src:url('./vendor/source-sans-3-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--forest:#173d34;--deep:#102c27;--linen:#f0e6d4;--muted:#c4d0c3;--brass:#e3b869;--ink:#20271d;--line:#597363;--danger:#ffc3b0;--shadow:0 12px 36px #08181380;font-family:Source,system-ui,sans-serif;color:var(--linen);background:var(--deep);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button,input,select{min-height:44px}button{color:var(--linen);background:#284f43;border:1px solid var(--line);border-radius:5px;padding:9px 15px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#3a6252}button:disabled{cursor:wait;opacity:.58}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--brass);outline-offset:3px}::selection{color:var(--deep);background:var(--brass)}input{caret-color:var(--brass)}*{scrollbar-color:#9a9b77 var(--deep);scrollbar-width:thin}a{text-underline-offset:3px}[hidden]{display:none!important}
.creator{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(390px,1fr);min-height:100dvh}#stage{position:relative;min-width:0;background:#342c26;height:100dvh;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none}.brand{position:absolute;top:36px;left:38px;display:flex;gap:14px;align-items:center;pointer-events:none;text-shadow:0 3px 12px #000}.brand svg{width:42px;stroke:var(--brass);fill:none;stroke-width:2;stroke-linejoin:round}h1,h2{font-family:Alegreya,Georgia,serif;font-weight:600;margin:0;line-height:1.06}h1{font-size:40px}.brand p{margin:6px 0 0;color:#e4d2ae;font-size:17px}.preview-tools{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:15px;align-items:center;white-space:nowrap;background:#25281ee6;padding:6px 10px;border-radius:6px;box-shadow:var(--shadow)}.preview-tools span{font-size:15px}.preview-tools button{font-size:23px;padding:2px 13px;border-color:transparent;background:transparent}
#wardrobe{background:var(--forest);height:100dvh;overflow:auto}.panel-content{max-width:550px;margin:0 auto;padding:40px 40px 26px}h2{font-size:40px;text-wrap:balance}.intro{color:var(--muted);margin:12px 0 24px;font-size:18px;line-height:1.4}.field-label,legend,.hair-row>label{font-weight:600;font-size:15px}.field-label{display:block;margin-bottom:7px}input:not([type=checkbox]),select{width:100%;padding:10px 12px;background:var(--deep);color:var(--linen);border:1px solid var(--line);border-radius:4px}input::placeholder{color:#bbc8b8}small{display:block;color:var(--muted);font-size:13px;margin-top:5px}fieldset{border:0;padding:0;margin:19px 0 0;min-width:0}legend{margin-bottom:8px;padding:0}.segments{display:flex;gap:6px}.segments button{flex:1;padding:8px 7px;font-size:14px;min-width:0}.segments button[aria-pressed=true]{background:var(--brass);color:var(--ink);border-color:var(--brass)}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatches button{position:relative;width:44px;height:44px;padding:0;border:2px solid #a4b59e;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 4px var(--forest)}.swatches button:hover:not(:disabled){background:var(--swatch);transform:translateY(-2px)}.swatches button[aria-pressed=true]{border-color:var(--linen);outline:2px solid var(--brass);outline-offset:2px}.swatches button[aria-pressed=true]::after{content:'';position:absolute;right:-3px;bottom:-3px;width:19px;height:19px;line-height:19px;font-size:14px;border-radius:50%;background:var(--linen);color:#112a23;font-weight:600}.hair-row{display:flex;gap:18px;align-items:flex-end;margin-top:19px}.hair-row>label:first-child{flex:1}.hair-row select{display:block;margin-top:7px}.check{display:flex;align-items:center;gap:7px;min-height:44px}.check input{width:18px;min-height:18px;height:18px;accent-color:var(--brass)}.appearance-note{font-size:13px;color:var(--muted);margin:16px 0 6px}#form-status{font-size:14px;min-height:22px;margin:7px 0;color:var(--brass)}#form-status.error{color:var(--danger)}.primary{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--brass);color:var(--ink);border-color:var(--brass);width:100%;min-height:52px;font-weight:600;font-size:18px}.primary:hover:not(:disabled){background:#f0c87e}.primary span{font-size:24px}.secondary{margin-top:10px;width:100%}.identity-note{font-size:13px;line-height:1.4;color:var(--muted);margin:17px 0 0;max-width:60ch}.notice{position:absolute;left:6%;right:6%;top:45%;padding:22px;background:#392924;color:var(--linen);box-shadow:var(--shadow);line-height:1.5}.notice button{display:block;margin-top:12px}
.in-inn{height:100dvh;overflow:hidden}.in-inn #stage{width:100%;height:100dvh}.in-inn .brand{top:24px;left:28px}.in-inn h1{font-size:32px}.in-inn .brand svg{width:34px}.in-inn .brand p{font-size:14px}#inn-ui{position:absolute;inset:0;pointer-events:none}#inn-ui button,#inn-ui input,#inn-ui .chat,#inn-ui .help{pointer-events:auto}.presence{position:absolute;right:28px;top:26px;display:flex;flex-direction:column;gap:4px;text-align:right;text-shadow:0 2px 6px #000;background:#102c27eb;padding:10px 14px;border-radius:6px;font-size:15px}.presence strong{font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.player-panel{position:absolute;top:107px;left:30px;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 4px #000}.player-panel strong{font-family:Alegreya,serif;font-size:24px}.player-panel span{font-size:14px;color:#ebddbd}.inn-actions{position:absolute;right:28px;top:109px;display:flex;gap:8px}.inn-actions button{font-size:14px;background:#183b30f0}.help{position:absolute;top:165px;right:28px;width:320px;background:var(--deep);padding:20px;box-shadow:var(--shadow);font-size:15px;line-height:1.45;border-radius:8px}.help p:last-child{margin-bottom:0;color:var(--muted)}.chat{position:absolute;left:28px;bottom:34px;width:340px;background:#102c27f0;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}#chat-toggle{width:100%;border:0;border-radius:0;background:#234c3d;display:flex;justify-content:space-between;font-size:15px}#chat-log{height:130px;overflow:auto;font-size:14px;padding:10px 12px;line-height:1.4;overflow-wrap:anywhere}#chat-log p{margin:0 0 7px}#chat-log strong{color:var(--brass)}#chat-form{display:flex;gap:6px;padding:8px}#chat-form input{font-size:14px;min-width:0}#chat-form button{font-size:14px;padding:8px 10px}#chat-status{font-size:13px;color:var(--danger);margin:0 12px 8px}#chat-status:empty{display:none}.walk-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-20%);background:#172d24e8;padding:10px 15px;border-radius:5px;font-weight:600;white-space:nowrap;font-size:14px}.walk-hint span{font-weight:400;color:var(--muted);margin-left:8px}
button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.hair-choice{flex:1}.hair-choice label{font-weight:600;font-size:15px}
.swatches button[aria-pressed=true]::after{content:''}.swatches button[aria-pressed=true]::before{content:'';position:absolute;z-index:1;right:3px;bottom:2px;width:6px;height:10px;border:solid #112a23;border-width:0 2px 2px 0;transform:rotate(45deg)}
.in-inn .brand,.player-panel{background:#102c27f5;border-radius:6px;padding:10px 12px;text-shadow:none}.in-inn .brand p,.player-panel span{color:var(--linen)}
@media(min-width:1500px){.panel-content{padding-top:55px}h2{font-size:46px}fieldset{margin-top:24px}}
@media(max-width:1100px){.creator{grid-template-columns:minmax(0,1.15fr) minmax(370px,1fr)}.panel-content{padding:32px 27px 24px}h2{font-size:35px}.walk-hint{left:auto;right:28px;transform:none}.walk-hint span{display:none}}
@media(max-width:760px){.creator{display:block}#stage{height:46dvh;min-height:320px}#wardrobe{height:auto;overflow:visible}.panel-content{max-width:540px;padding:28px 24px 30px}.brand{top:20px;left:23px}.brand h1{font-size:31px}.brand svg{width:34px}.brand p{font-size:14px}.preview-tools{bottom:16px;padding:2px 7px;gap:7px}.preview-tools span{font-size:13px}h2{font-size:34px}h2 br{display:none}.intro{font-size:16px;margin-bottom:20px}.in-inn .brand{top:16px;left:16px}.in-inn h1{font-size:26px}.in-inn .brand p{display:none}.in-inn .brand svg{width:28px}.presence{top:14px;right:14px;font-size:12px;padding:8px 10px}.player-panel{top:74px;left:18px}.player-panel strong{font-size:21px}.player-panel span{font-size:12px}.inn-actions{top:126px;right:14px;left:14px;gap:5px}.inn-actions button{flex:1;font-size:13px;padding:8px 5px}.help{top:181px;right:14px;left:14px;width:auto;z-index:3}.chat{left:14px;bottom:156px;width:min(330px,calc(100% - 28px))}#chat-log{height:100px}.movement{display:grid;bottom:26px;right:17px}.walk-hint{display:none}}
@media(pointer:coarse){.movement{display:grid}.walk-hint{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.in-inn .brand{padding:8px 10px}.player-panel{padding:7px 10px}.inn-actions{top:137px}.help{top:191px}}
#auth{background:var(--forest);height:100dvh;overflow:auto;display:flex;align-items:safe center}.auth-content{width:100%;padding-top:48px;padding-bottom:48px}.auth-content h2{max-width:12ch}.auth-content .intro{max-width:35ch;margin-bottom:28px}.auth-modes{display:flex;gap:8px;margin-bottom:26px}.auth-modes button{flex:1;font-weight:600}.auth-modes button[aria-pressed=true]{color:var(--brass);background:var(--deep);border-color:var(--brass)}.auth-field{margin-bottom:22px}.auth-field small{line-height:1.45}.password-control{display:flex;gap:8px}.password-control input{min-width:0;flex:1}.password-control button{flex:0 0 auto;padding-inline:12px}.auth-content .primary span{font-size:18px}.auth-context{color:var(--linen);font-size:15px;line-height:1.5;margin:0 0 20px;padding:14px 0;border-block:1px solid var(--line)}#auth-status{min-height:23px;color:var(--brass);font-size:15px;line-height:1.5;margin:18px 0 0;overflow-wrap:anywhere}#auth-status.error,.account-status{color:var(--danger)}.auth-content input[aria-invalid=true]{border-color:var(--danger)}.identity-note a{color:var(--brass)}a:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.account-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 24px;padding-bottom:15px;border-bottom:1px solid var(--line)}.account-line span{font-size:14px;color:var(--muted);overflow-wrap:anywhere;min-width:0}.account-line button{font-size:14px;white-space:nowrap}.account-status{font-size:14px;line-height:1.4;margin:8px 0 0}.account-status:empty{display:none}#inn-username{overflow-wrap:anywhere;max-width:30ch}.player-panel:has(#inn-username:not([hidden])){max-width:calc(100% - 40px)}
@media(max-width:760px){#auth{height:auto;min-height:54dvh;overflow:visible}.auth-content{padding-top:30px;padding-bottom:34px}.auth-content h2{max-width:none}.auth-content .intro{margin-bottom:22px}.auth-modes{margin-bottom:22px}.account-line{gap:8px}.inn-actions:has(#logout-inn:not([hidden])){flex-wrap:wrap;top:157px}.inn-actions:has(#logout-inn:not([hidden])) button{flex:1 1 calc(50% - 5px)}.in-inn:has(#logout-inn:not([hidden])) .help{top:263px}.in-inn:has(#logout-inn:not([hidden])) .player-panel{max-width:calc(100% - 36px)}.in-inn:has(#logout-inn:not([hidden])) .chat{max-height:calc(100dvh - 400px);overflow:auto}.auth-field input{font-size:16px}}

/* Expedition controls inherit the inn's textile palette and leave the world visible. */
.in-inn .player-panel{width:244px;gap:4px}.player-identity{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.player-identity strong{overflow-wrap:anywhere;min-width:0}.player-panel #level-label{white-space:nowrap;color:var(--brass);font-size:13px}.player-panel #inn-username{font-size:12px;color:var(--muted)}#expedition-hud{margin-top:6px}.meter-label{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.3;font-variant-numeric:tabular-nums}.meter-label span{font-size:13px!important;color:var(--linen)!important}#expedition-hud progress{display:block;width:100%;height:7px;margin:4px 0 8px;border:0;border-radius:2px;overflow:hidden;background:#284f43;accent-color:var(--brass)}#expedition-hud progress:last-child{margin-bottom:2px}#expedition-hud progress::-webkit-progress-bar{background:#284f43}#expedition-hud progress::-webkit-progress-value{background:var(--brass)}#expedition-hud progress::-moz-progress-bar{background:var(--brass)}#expedition-hud #health-bar{accent-color:var(--linen)}#expedition-hud #health-bar::-webkit-progress-value{background:var(--linen)}#expedition-hud #health-bar::-moz-progress-bar{background:var(--linen)}
#inn-ui .inn-actions{z-index:2}#inn-ui .help{z-index:5;max-height:calc(100dvh - 205px);overflow:auto;overscroll-behavior:contain}#backpack-toggle{color:var(--brass);border-color:var(--brass)}#backpack-toggle[aria-expanded=true]{background:var(--brass);color:var(--ink)}#inn-ui .portal-prompt,#inn-ui .combat,#inn-ui .backpack,#inn-ui .adventure-feedback{pointer-events:auto}.portal-prompt{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:244px;padding:10px 12px;background:#102c27f5;border-radius:6px;box-shadow:var(--shadow)}.portal-prompt>span{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.portal-prompt button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:15px;color:var(--ink);background:var(--brass);border-color:var(--brass);font-weight:600}.portal-prompt button:hover:not(:disabled){background:#f0c87e}kbd{font-family:Source,system-ui,sans-serif;font-size:12px;font-weight:400;white-space:nowrap;opacity:.85}.combat{position:absolute;right:28px;bottom:34px;width:300px;background:#102c27f5;padding:12px;border-radius:6px;box-shadow:var(--shadow)}.target-picker{display:flex;align-items:center;gap:10px}.target-picker label{font-size:13px;color:var(--muted)}.target-picker select{min-width:0;font-size:14px;padding:7px 8px;min-height:44px}.target-state{font-size:13px;min-height:43px;padding-block:7px;font-variant-numeric:tabular-nums}.target-state span{display:block}.target-state #target-range{color:var(--muted)}.combat-buttons{display:flex;gap:8px}.combat-buttons button{flex:1;min-width:0;padding:9px 8px;font-size:14px}.combat-buttons #attack{background:var(--brass);color:var(--ink);border-color:var(--brass);font-weight:600}.combat-buttons #attack:hover:not(:disabled){background:#f0c87e}.combat-buttons #attack:disabled{cursor:not-allowed}.combat-buttons kbd{margin-left:4px}.adventure-feedback{position:absolute;right:28px;top:176px;width:340px;max-height:150px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:14px;line-height:1.35}.adventure-feedback p{margin:0 0 6px;background:#102c27f5;border-radius:4px;padding:9px 12px;color:var(--linen)}.adventure-feedback .feedback-error{color:var(--danger)}.in-inn:has(#expedition-hud:not([hidden])) .walk-hint{display:none}
.backpack{position:absolute;z-index:6;top:174px;right:28px;bottom:28px;width:min(430px,calc(100% - 56px));background:var(--deep);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.backpack-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px 12px}.backpack-heading h2{font-size:28px;outline-offset:4px}.backpack-heading button{font-size:14px;padding:8px 12px}.backpack-scroll{overflow:auto;overscroll-behavior:contain;scroll-padding:16px;padding:0 20px 24px;line-height:1.4}.backpack-scroll>section{padding-top:20px;margin-top:18px;border-top:1px solid var(--line)}.backpack-scroll>.first-improvement{padding-top:0;margin-top:0;border-top:0}.backpack h3{font-family:Alegreya,Georgia,serif;font-size:22px;font-weight:600;margin:0 0 8px}.backpack h4{font-size:16px;margin:0 0 6px;font-weight:600}.backpack p{font-size:15px;margin:5px 0 8px}.backpack .supporting{font-size:13px;color:var(--muted);line-height:1.4}.backpack .equipment-warning{font-size:13px;color:var(--danger)}.equipment-row{display:flex;align-items:center;gap:16px;justify-content:space-between;padding-block:12px}.equipment-row+.equipment-row{border-top:1px solid #284f43}.equipment-row>div{min-width:0}.equipment-row strong{font-weight:600;font-size:15px}.equipment-row button{font-size:14px;flex-shrink:0;padding-inline:12px}.materials-list{margin:0;font-size:15px;font-variant-numeric:tabular-nums}.materials-list>div{display:flex;justify-content:space-between;gap:20px;padding-block:5px}.materials-list dd{margin:0;color:var(--brass);font-weight:600}.recipe-row{padding-block:14px}.recipe-row+.recipe-row{border-top:1px solid #284f43}.recipe-costs,.drop-list{padding-left:20px;margin:7px 0;font-size:14px}.recipe-costs li{padding-block:2px;font-variant-numeric:tabular-nums}.missing-material{color:var(--danger)}.craft-button{margin-top:6px;color:var(--ink);background:var(--brass);border-color:var(--brass);font-weight:600;width:100%}.craft-button:hover:not(:disabled){background:#f0c87e}.craft-button:disabled{cursor:not-allowed}.drop-details{margin-top:20px;border-top:1px solid var(--line);padding-top:8px}.drop-details summary{cursor:pointer;padding-block:12px;font-size:14px;color:var(--brass)}.drop-details summary:focus-visible,.backpack-heading h2:focus-visible,.recipe-row:focus-visible,.equipment-row:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.drop-details h4{font-size:14px;margin-top:16px}.adventure-panel-open .adventure-feedback{visibility:hidden}
@media(min-width:761px) and (max-width:1100px){#inn-ui .inn-actions{max-width:calc(100% - 330px);flex-wrap:wrap;justify-content:flex-end}.adventure-feedback{top:226px}.backpack{top:224px}.combat{width:270px}.portal-prompt{width:210px}.portal-prompt>span{font-size:12px}}
@media(pointer:coarse) and (min-width:761px){.combat{bottom:156px}.portal-prompt{bottom:34px}}
@media(max-width:760px){
 .in-inn .player-panel,.in-inn:has(#logout-inn:not([hidden])) .player-panel{top:74px;left:14px;width:244px;max-width:calc(100% - 28px);padding:9px 12px;gap:2px}.player-identity strong{font-size:21px}.player-panel #inn-username{font-size:11px}#expedition-hud{margin-top:5px}.meter-label,.meter-label span{font-size:12px!important}#expedition-hud progress{height:6px;margin:3px 0 5px}
 #inn-ui .inn-actions,#inn-ui .inn-actions:has(#logout-inn:not([hidden])){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;top:231px;left:14px;right:14px;gap:6px;max-width:none}#inn-ui .inn-actions button{padding:5px 4px;font-size:12px;line-height:1.2;min-height:44px;min-width:0;overflow-wrap:normal}
 #inn-ui .help,.in-inn:has(#logout-inn:not([hidden])) #inn-ui .help{top:285px;max-height:calc(100dvh - 445px);padding:16px;font-size:14px}.adventure-feedback{left:14px;right:14px;top:285px;width:auto;max-height:68px;font-size:12px;z-index:1}.adventure-feedback p{padding:7px 10px;margin-bottom:4px}.in-inn .chat,.in-inn:has(#logout-inn:not([hidden])) .chat{bottom:176px;left:14px;width:min(330px,calc(100% - 28px));max-height:177px;overflow:auto}#chat-log{height:64px;font-size:13px;padding:6px 10px}#chat-toggle{min-height:44px;font-size:13px;padding:8px 10px}#chat-form{padding:6px}#chat-form input{font-size:16px;min-height:44px;padding:7px 9px}#chat-form button{font-size:13px;padding:6px 8px}.movement{right:14px;bottom:max(22px,env(safe-area-inset-bottom));grid-template-columns:repeat(3,44px);grid-template-rows:44px 44px;gap:6px}
 .combat{left:14px;right:auto;bottom:max(22px,env(safe-area-inset-bottom));width:calc(100% - 188px);max-width:250px;padding:0;background:none;box-shadow:none}.target-picker{display:block;background:var(--deep);border-radius:5px}.target-picker label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.target-picker select{font-size:12px;padding:6px;min-height:44px;background:#102c27f5}.target-state{font-size:11px;min-height:32px;padding:4px 6px;background:#102c27f5}.combat-buttons{gap:6px}.combat-buttons button{font-size:12px;padding:7px 4px;line-height:1.15;min-height:44px}.combat-buttons kbd{display:none}.combat-buttons #select-target{max-width:50%}
 .portal-prompt{bottom:68px;left:14px;transform:none;width:calc(100% - 188px);max-width:250px;padding:0;background:none;box-shadow:none}.portal-prompt>span{font-size:12px;background:var(--deep);margin:0;padding:7px 9px;border-radius:5px 5px 0 0}.portal-prompt button{padding:8px;font-size:13px;gap:6px}
 #inn-ui .backpack{top:74px;bottom:176px;left:14px;right:14px;width:auto;max-width:none}.backpack-heading{padding:12px 16px 10px}.backpack-heading h2{font-size:27px}.backpack-scroll{padding:0 16px 20px}.adventure-panel-open .chat,.adventure-panel-open .combat,.adventure-panel-open .portal-prompt{visibility:hidden}
}
@media(max-width:760px) and (max-height:700px){#inn-ui .inn-actions,#inn-ui .inn-actions:has(#logout-inn:not([hidden])){top:208px}.adventure-feedback{top:261px;max-height:48px}.in-inn .chat,.in-inn:has(#logout-inn:not([hidden])) .chat{bottom:176px;max-height:100px}#chat-log{height:44px}#inn-ui .help,.in-inn:has(#logout-inn:not([hidden])) #inn-ui .help{top:261px;max-height:calc(100dvh - 420px)}}

/* Reviewed mobile docks: conversation, portal, and combat never share a hit area. */
.player-panel #inn-username{font-size:13px}
#backpack-toggle:hover:not(:disabled){background:var(--deep);color:var(--brass)}
#backpack-toggle[aria-expanded=true]:hover:not(:disabled){background:#f0c87e;color:var(--ink)}
@media(max-width:760px){
 .player-panel #inn-username{display:none}.player-identity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter-label,.meter-label span{font-size:13px!important}
 #inn-ui .inn-actions,#inn-ui .inn-actions:has(#logout-inn:not([hidden])){top:208px}
 #inn-ui .help,.in-inn:has(#logout-inn:not([hidden])) #inn-ui .help,.adventure-feedback{top:262px}
 .target-state{font-size:13px;line-height:1.35;min-height:62px}
 .portal-prompt{bottom:calc(max(22px,env(safe-area-inset-bottom)) + 156px)}.portal-prompt>span{display:none}
 .in-inn .chat,.in-inn:has(#logout-inn:not([hidden])) .chat{bottom:calc(max(22px,env(safe-area-inset-bottom)) + 208px)}
 #inn-ui .backpack{bottom:max(14px,env(safe-area-inset-bottom))}
}

/* Touch movement: one thumb owns the stick; the other can select/attack. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.movement{position:absolute;display:none;left:max(14px,env(safe-area-inset-left));right:auto;bottom:max(22px,env(safe-area-inset-bottom));width:132px;grid-template-columns:none;grid-template-rows:none;gap:0;pointer-events:none;user-select:none;-webkit-user-select:none}
#inn-ui .joystick{position:relative;width:132px;height:132px;border-radius:50%;background:var(--deep);border:2px solid var(--line);touch-action:none;pointer-events:auto;cursor:grab;--stick-x:0px;--stick-y:0px}
.joystick-track{position:absolute;inset:23px;border:1px solid var(--line);border-radius:50%;pointer-events:none}
.joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--brass);color:var(--ink);display:grid;place-items:center;transform:translate(var(--stick-x),var(--stick-y));pointer-events:none}
.joystick-knob svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.joystick.is-active{border-color:var(--brass);cursor:grabbing}
.joystick:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.joystick-help{display:block;text-align:center;color:var(--linen);background:var(--deep);border-radius:4px;font-size:13px;line-height:1.3;margin-top:6px;pointer-events:none}
@media(max-width:760px), (pointer:coarse){
 .movement{display:block}
 .combat{right:max(14px,env(safe-area-inset-right));left:auto;bottom:max(22px,env(safe-area-inset-bottom));width:calc(100% - 188px);max-width:250px}
 .walk-hint{display:none}
}
@media(pointer:coarse) and (min-width:761px){.portal-prompt{bottom:34px}.combat{width:250px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:500px){
 .in-inn .brand{top:12px;left:14px;padding:6px 8px;gap:8px}.in-inn .brand h1{font-size:22px}.in-inn .brand svg{width:24px}.in-inn .brand p{display:none}
 .presence{top:12px;right:14px;font-size:12px;padding:6px 8px}
 .in-inn .player-panel{top:64px;left:14px;width:200px;padding:8px;gap:2px}.player-identity strong{font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-panel #inn-username{display:none}.player-panel #zone-name{font-size:13px}
 #inn-ui .inn-actions{top:64px;right:14px;left:auto;max-width:calc(100% - 250px);flex-wrap:nowrap;gap:6px}#inn-ui .inn-actions button{font-size:13px;padding:6px 8px}
 .movement{bottom:max(14px,env(safe-area-inset-bottom));width:116px}#inn-ui .joystick{width:116px;height:116px}.joystick-help{display:none}
 .combat{bottom:max(14px,env(safe-area-inset-bottom));width:228px;padding:0;background:none;box-shadow:none}.target-picker label{display:none}.target-state{background:var(--deep);padding:5px 8px}.combat-buttons{gap:6px}.combat-buttons button{font-size:13px}.combat-buttons kbd{display:none}
 .portal-prompt{left:calc(max(14px,env(safe-area-inset-left)) + 132px);right:calc(max(14px,env(safe-area-inset-right)) + 240px);transform:none;bottom:max(14px,env(safe-area-inset-bottom));width:auto;max-width:244px;padding:0;background:none;box-shadow:none}.portal-prompt>span{display:none}
 .in-inn .chat{left:14px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 136px);width:280px;max-height:100px;overflow:auto}#chat-log{height:44px}
 .adventure-feedback{top:116px;right:14px;width:300px;max-height:42px;font-size:13px}
 #inn-ui .help{top:116px;max-height:calc(100dvh - 130px)}#inn-ui .backpack{top:64px;bottom:14px;right:14px;width:min(430px,calc(100% - 28px))}
 .adventure-panel-open .chat,.adventure-panel-open .combat,.adventure-panel-open .portal-prompt{visibility:hidden}
}