html.debug-settings-open,body.debug-settings-open{touch-action:pan-y;overscroll-behavior:auto}
:root{--ink:#59452e;--paper:#eee2c9;--accent:#9e4f35}
#debug-panel{position:fixed;inset:0;z-index:200;background:#eee2c9;color:var(--ink);overflow:auto;touch-action:pan-y;user-select:text;-webkit-user-select:text;padding:24px max(18px,env(safe-area-inset-right)) 32px max(18px,env(safe-area-inset-left));font-family:CastlePencil,Georgia,serif}
#debug-panel[hidden]{display:none!important}.debug-wrap{max-width:1050px;margin:auto}#debug-panel header{display:flex;align-items:start;justify-content:space-between;gap:15px}#debug-panel h1{font-size:clamp(30px,4vw,46px);font-weight:400;margin:4px 0}#debug-panel p{font-size:20px;line-height:1.35;margin:9px 0}#debug-panel .eyebrow{font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#9e4f35}
#debug-panel button,#debug-panel input,#debug-panel textarea{font-family:inherit;touch-action:manipulation}#debug-panel button{border:1px dashed #9b7956!important;padding:9px 16px;min-height:44px;font-size:20px;background:#e1c28d55!important}#debug-panel .primary{background:#c9876150!important;color:#713620;font-weight:bold}#debug-panel .debug-language{white-space:nowrap;font-size:18px}#debug-panel .debug-note{padding:12px 16px;border-left:3px solid #a47548;background:#fff4d944}
.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin:22px 0}.debug-group{border:1px solid #b39b7880;padding:0 16px 12px;background:#faf3df55}.debug-group summary{font-size:26px;padding:14px 0;cursor:pointer}.debug-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid #b39b7835;font-size:19px}.debug-field input{width:90px;flex:none;font-size:22px;padding:6px 5px;text-align:center;color:var(--ink);background:#fff9e8;border:1px solid #b39b78;border-radius:5px;user-select:text}.debug-field input:invalid{border:2px solid #a43c2b}#debug-panel input:focus-visible,#debug-panel button:focus-visible{outline:2px solid #9e4f35;outline-offset:3px}
.debug-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.debug-feedback{min-height:26px;font-size:18px!important;color:#94412d}#debug-share{margin-top:15px}#debug-share textarea{width:100%;min-height:150px;padding:12px;box-sizing:border-box;font:14px monospace;color:#4f3e2b;background:#fff9e8;border:1px solid #b39b78;user-select:text;touch-action:pan-y}
#debug-tune{position:absolute;z-index:10;right:118px;top:10px;min-height:42px;padding:0 9px;font-size:17px}#debug-population{font-size:17px!important;min-width:0!important;padding:0 7px!important}#debug-population[hidden]{display:none!important}
#super{position:absolute;z-index:8;right:14px;bottom:108px;width:78px;min-height:82px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#715184;--pencil:#a77abf88;font-family:CastlePencil,Georgia,serif;font-size:17px;touch-action:none}#super .super-clock{font-size:16px}#super .super-name{line-height:1.05}#super:disabled{opacity:.65}#super.active{color:#9d472e}
body[data-screen=menu] #super,body[data-screen=loading] #super,body[data-screen=end] #super{display:none}body.debug-settings-open main,body.debug-settings-open #rotate-notice{visibility:hidden!important}#debug-tune[hidden]{display:none!important}
@media(max-width:650px){#debug-panel{padding-top:16px}.debug-grid{grid-template-columns:1fr;gap:12px}#debug-panel p{font-size:18px}.debug-field{font-size:18px}#debug-panel header{display:block}.debug-language{margin-top:10px}}
@media(max-height:440px){#debug-panel{padding-top:12px}.debug-grid{gap:12px;margin:12px 0}.debug-field{font-size:17px;padding:5px 0}.debug-field input{font-size:19px;width:74px;padding:4px}#debug-panel p{font-size:17px}#super{bottom:100px;width:69px;min-height:74px;font-size:15px}#debug-population{font-size:14px!important}#debug-tune{font-size:15px}}
#super[hidden]{display:none!important}.debug-field input[type=checkbox]{width:25px;height:25px;accent-color:#9e4f35}.profile-label{font-size:24px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}#master-profile{font:24px CastlePencil;padding:8px;background:#faf3df;color:#59452e;border:1px solid #b39b78;touch-action:manipulation}#debug-panel select{touch-action:manipulation}#debug-json{width:100%;min-height:180px;user-select:text;touch-action:pan-y}#master-state{grid-column:2;grid-row:7;font-size:16px;margin:0;color:#94412f}#master-state:empty{display:none}#master-modes{grid-column:2;grid-row:3;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}#master-modes button{font-size:18px;padding:7px 8px;min-height:40px;max-width:180px}#master-modes .active{color:#94412f;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px}body[data-screen=menu] #menu-panel{grid-template-rows:auto minmax(60px,1fr) auto auto auto auto auto}body[data-screen=menu] .heroes{grid-row:4!important}body[data-screen=menu] #start{grid-row:5!important}body[data-screen=menu] #computer-tip{grid-row:6!important}body[data-screen=menu] #hero-preview{height:min(38dvh,300px)!important;grid-row:1/3!important}#title-block #name-box{display:flex;grid-area:auto;font-size:18px;margin-top:8px}body:not([data-screen=menu]) #master-modes{display:none}#master-player-link{font-size:22px;color:#7b5239}#debug-panel details>summary{cursor:pointer}#master-revision{overflow-wrap:anywhere;font-size:15px!important}
@media(max-height:440px){#master-modes{gap:3px}#master-modes button{font-size:14px;min-height:30px;max-width:145px;padding:3px 6px}body[data-screen=menu] #hero-preview{height:calc(var(--stage-h,100svh) - 205px)!important}body[data-screen=menu] #menu-panel{gap:3px 15px}#title-block #name-box{font-size:15px}#artist{font-size:14px!important}#title-block #intro{font-size:14px!important}}
.debug-grid{display:block;columns:2;column-gap:18px}.debug-group{break-inside:avoid;margin-bottom:18px}@media(max-width:650px){.debug-grid{columns:1}}