/* A reading surface in the inn's existing linen, brass and forest palette. */
.development-entry{margin-top:18px;font-size:14px;color:var(--brass);background:var(--deep)}
#development-toggle{color:var(--brass);border-color:var(--brass)}
#development-toggle[aria-expanded=true]{background:var(--brass);color:var(--ink)}
.development-panel{position:fixed;z-index:12;top:max(20px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:min(560px,calc(100% - 56px));display:flex;flex-direction:column;overflow:hidden;background:var(--deep);color:var(--linen);border-radius:8px;box-shadow:var(--shadow);line-height:1.45}
.development-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px 16px;background:var(--forest)}
.development-heading h2{font-size:32px}.development-heading button{font-size:14px;padding-inline:12px}
.development-heading h2:focus-visible{outline:3px solid var(--brass);outline-offset:4px}
.development-scroll{padding:22px 24px 28px;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scroll-padding:20px}
.development-scroll section+section{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
.development-scroll h3{font-family:Alegreya,Georgia,serif;font-size:24px;font-weight:600;margin:0 0 10px;line-height:1.15}
.development-scroll p{margin:6px 0 12px;font-size:15px;overflow-wrap:anywhere}
.development-status{color:var(--brass);font-weight:600;font-size:18px!important;margin-top:0!important}
.development-panel[data-state=error] .development-status,.development-panel[data-state=stale] .development-status,.development-panel[data-state=blocked] .development-status{color:var(--danger)}
.development-active-task{font-family:Alegreya,Georgia,serif;font-size:26px!important;line-height:1.2;margin:18px 0 10px!important}
.development-supporting{font-size:13px!important;color:var(--muted)}
.development-versions{margin:16px 0;font-size:14px}.development-versions>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;margin-top:6px}.development-versions dt{color:var(--muted)}.development-versions dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.development-beta{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 15px;color:var(--ink);background:var(--brass);border-radius:5px;font-weight:600;text-decoration:none}
.development-beta:hover{background:#f0c87e}.development-beta:active{transform:translateY(1px)}
.development-panel button{min-height:44px}.development-reload{display:block;margin-top:12px;width:100%}
.development-list{list-style:none;margin:0;padding:0}.development-list>li{padding:14px 0}.development-list>li+li{border-top:1px solid #284f43}.development-list>li:first-child{padding-top:0}.development-list p:last-child{margin-bottom:0}.development-list strong{display:block;font-size:16px;font-weight:600;overflow-wrap:anywhere}.development-list small{color:var(--muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.development-list ul{padding-left:20px;margin:10px 0 0;font-size:15px}.development-list ul li+li{margin-top:6px}
.development-time,.development-task-state{display:block;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.development-task-state{color:var(--brass);margin-top:3px}.development-list:empty{display:none}
.development-open #inn-ui .combat,.development-open #inn-ui .portal-prompt,.development-open #inn-ui .movement,.development-open #inn-ui .chat,.development-open #inn-ui .adventure-feedback{visibility:hidden;pointer-events:none}
.development-open .walk-hint{visibility:hidden}.development-open #inn-ui .inn-actions button:not(#development-toggle){visibility:hidden}
.beta-notice{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;background:var(--brass);color:var(--ink);font-size:14px;line-height:1.2;text-align:center}
.beta-notice strong{white-space:nowrap}.beta-channel .in-inn,.beta-channel .in-inn #stage{height:calc(100dvh - 44px)}.beta-channel #inn-ui{top:44px}.beta-channel .development-panel{top:max(58px,calc(env(safe-area-inset-top) + 44px))}
@media(min-width:761px){.beta-channel .creator #stage,.beta-channel #auth,.beta-channel #wardrobe{height:calc(100dvh - 44px)}}
@media(min-width:1101px) and (max-width:1350px){#inn-ui .inn-actions{max-width:calc(100% - 320px);flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:760px){
 #inn-ui .inn-actions,#inn-ui .inn-actions:has(#logout-inn:not([hidden])){display:flex;flex-wrap:wrap;gap:6px;top:208px}
 #inn-ui .inn-actions button,#inn-ui .inn-actions:has(#logout-inn:not([hidden])) button{flex:1 1 calc(33.333% - 6px);font-size:13px;padding:7px 6px}
 #inn-ui .help,.in-inn:has(#logout-inn:not([hidden])) #inn-ui .help,.adventure-feedback{top:310px}
 .development-panel{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));bottom:max(14px,env(safe-area-inset-bottom));width:auto}
 .development-heading{padding:14px 18px 12px}.development-heading h2{font-size:29px}.development-scroll{padding:18px 18px 24px}.development-scroll h3{font-size:23px}.development-active-task{font-size:25px!important}.development-versions>div{grid-template-columns:95px minmax(0,1fr);gap:8px}
 .beta-notice{font-size:12px;padding-inline:10px;gap:6px}.beta-notice span{max-width:43ch}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:500px){
 #inn-ui .inn-actions,#inn-ui .inn-actions:has(#logout-inn:not([hidden])){top:64px;left:auto;right:14px;max-width:calc(100% - 250px);display:flex;flex-wrap:wrap;gap:5px}#inn-ui .inn-actions button,#inn-ui .inn-actions:has(#logout-inn:not([hidden])) button{flex:1 1 auto;font-size:12px;padding:6px}
 #inn-ui .help{top:164px;max-height:calc(100dvh - 180px)}.adventure-feedback{display:none}
 .development-panel{top:12px;bottom:12px;max-width:560px;left:auto;width:calc(100% - 28px)}.development-heading{padding-block:10px}.development-heading h2{font-size:27px}
}