#controlSettings{margin-top:10px;font-size:10px;color:#aec5cd;letter-spacing:.1em}#controlSettings summary{cursor:pointer;padding:7px 0;list-style:none}#controlSettings summary:after{content:' +';color:#5ce3c5}#controlSettings[open] summary:after{content:' −'}#controlSettings label{display:flex;align-items:center;gap:10px;margin:8px 0;letter-spacing:0}#controlSettings input[type=range]{width:45%;margin-left:auto;accent-color:#5ce3c5}#controlSettings output{width:34px;text-align:right;font-size:10px}#controlSettings small{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.5;color:#829eab}#overlay .instructions{grid-template-columns:repeat(4,1fr);row-gap:12px}#controlSettings select{max-width:65%;margin-left:auto}
#touchControls{position:fixed;inset:0;pointer-events:none;z-index:8;user-select:none;-webkit-user-select:none}#touchControls button,#touchMove{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-playing #world{touch-action:none;user-select:none;-webkit-user-select:none}.touch-playing>footer{display:none}.touch-playing>header{padding:calc(12px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 12px calc(20px + env(safe-area-inset-left));padding-right:170px}.touch-playing .brand{font-size:16px;letter-spacing:3px}.touch-playing #timer{font-size:16px}.touch-playing #objective{top:95px;left:calc(20px + env(safe-area-inset-left));max-width:250px;font-size:11px}.touch-playing #task{font-size:12px}.touch-playing #progress{font-size:10px}.touch-playing #seedHUD{bottom:12px;font-size:9px;max-width:45%;padding:4px;gap:4px}.touch-top{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));display:flex;gap:10px}.touch-button{width:58px;height:58px;border:1px solid #819aa878;border-radius:12px;background:#0a1928a1;color:#d8e8ec;display:grid;place-items:center;padding:10px;box-shadow:inset 0 0 14px #42627618;opacity:.7;transition:opacity .1s,background .1s}.touch-button svg{width:100%;height:100%}.touch-button.pressed{opacity:1;background:#275b669c;border-color:#adeee2}.touch-top .touch-button{width:48px;height:48px}.touch-actions{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom));right:calc(22px + env(safe-area-inset-right));display:grid;grid-template-columns:repeat(3,58px);gap:12px;align-items:end}.touch-portal{height:66px;width:66px;border-radius:50%;padding:15px}.touch-portal i{width:100%;height:100%;border:2px solid currentColor;border-radius:35%;transform:rotate(8deg);box-shadow:0 0 10px currentColor,inset 0 0 8px currentColor}.portal-a{color:#51eccd;grid-column:3;grid-row:1}.portal-b{color:#ffc06c;grid-column:2;grid-row:1}.touch-interact{grid-column:2;grid-row:2;opacity:.4}.touch-interact.available{opacity:.95;border-color:#78c8b7}.touch-recover{width:48px;height:48px;grid-column:1;grid-row:2}.touch-actions>[data-action=JUMP]{grid-column:3;grid-row:2}
#touchMove{position:absolute;width:148px;height:148px;left:calc(30px + env(safe-area-inset-left));bottom:calc(25px + env(safe-area-inset-bottom));border:1px solid #a6c8cd66;border-radius:50%;background:#0b1a2438;opacity:.45;transition:opacity .12s}#touchMove.engaged{opacity:.9;background:#142d4266}#touchKnob{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border:1px solid #a3d5dacc;border-radius:50%;background:#68959844;box-shadow:0 0 16px #63f0ce12}.stick-cross{position:absolute;inset:24px;background:linear-gradient(transparent 49%,#b1d5d54a 49%,#b1d5d54a 50%,transparent 50%),linear-gradient(90deg,transparent 49%,#b1d5d54a 49%,#b1d5d54a 50%,transparent 50%);border-radius:50%}
#rotateDevice{position:fixed;inset:0;z-index:90;background:#061018ec;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;gap:18px;pointer-events:auto;color:#d9edef}#rotateDevice svg{width:62px;height:62px;color:#61e7c9}#rotateDevice span{font-size:12px;color:#95b0be}.touch-map-tools{display:none;gap:6px;padding:6px 12px;pointer-events:auto}.touch-map-tools button{width:44px;height:44px;background:#102731;color:#cee6e4;border:1px solid #6b9da5;padding:8px;font-size:26px}.touch-map-tools .touch-button{opacity:1}body[data-input=touch] .touch-map-tools{display:flex}body[data-input=touch] #chamberMap{pointer-events:auto;touch-action:none;width:clamp(200px,26vw,300px);top:80px}
@media(pointer:coarse){#overlay button,#overlay select,#overlay input{touch-action:manipulation}#overlay .secondary,#overlay [data-preset],#overlay .runoptions button{min-height:44px!important}#overlay .map-setting{min-height:44px;margin-top:7px}#controlSettings summary{min-height:44px;padding-top:16px}#overlay .menu-panel{padding:16px 22px}#overlay{padding-top:calc(74px + env(safe-area-inset-top));padding-bottom:calc(22px + env(safe-area-inset-bottom))}.menu-open>header{padding-left:calc(15px + env(safe-area-inset-left));padding-right:calc(15px + env(safe-area-inset-right))}}
@media(max-height:500px) and (min-width:600px){#overlay{padding-top:62px}.menu-shell{width:min(650px,80vw)}.menu-hero{margin-bottom:12px}.shift-word{width:55%}.chamber-word{font-size:18px}.menu-hero p{font-size:11px}.menu-open>header .brand{font-size:12px}.menu-open>header #timer{font-size:12px}#overlay .instructions,#overlay .menu-panel>small{display:none}#overlay .modebuttons{gap:8px}#overlay .menu-panel{padding:14px 20px}#overlay .runoptions{margin-top:0}#overlay .map-setting{float:left}#overlay #inputnote{clear:both;padding-top:5px}.touch-playing .brand{font-size:12px}.touch-playing #timer{font-size:12px}.touch-playing #objective{top:68px;max-width:210px}.touch-playing #progress{display:none}.touch-top{top:calc(10px + env(safe-area-inset-top))}.touch-top .touch-button{width:44px;height:44px}.touch-actions{bottom:calc(13px + env(safe-area-inset-bottom));right:calc(14px + env(safe-area-inset-right));gap:8px;grid-template-columns:repeat(3,52px)}.touch-actions .touch-button{width:52px;height:52px}.touch-actions .touch-portal{width:60px;height:60px}#touchMove{width:124px;height:124px;left:calc(22px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom))}.touch-playing #seedHUD{left:45%;bottom:8px}body[data-input=touch] #chamberMap{width:210px;top:60px;right:8px}.touch-map-tools{padding:4px}.touch-map-tools button{width:44px;height:44px}#chamberMap footer{display:none}}
@media(max-width:500px) and (orientation:portrait){#overlay{padding-top:100px}.menu-shell{width:94vw}.menu-hero .shift-word{width:90%}#overlay .instructions{grid-template-columns:repeat(3,1fr)}.menu-open>header .brand{font-size:10px}.menu-open>header #timer{font-size:10px}.menu-open>header #settings{padding:8px;font-size:10px}}
@media(min-width:701px) and (pointer:fine){#overlay .instructions{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}#overlay .instructions b{font-size:9px;letter-spacing:.07em}body[data-input=gamepad] #overlay .instructions{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(pointer:coarse) and (min-height:501px){#overlay .menu-hero .shift-word{width:82%;margin:auto}#overlay .menu-hero .chamber-word{font-size:24px}#overlay .menu-hero{margin-bottom:14px}#overlay .instructions{margin:13px 0 10px}#overlay .presetrow{margin-top:12px}}

.input-key{display:inline-block;font:inherit;letter-spacing:.04em;padding:2px 5px;border:1px solid #769ca66e;border-radius:4px;background:#0b202988;color:#d4e9e9;white-space:nowrap}.input-key.face-button{border-radius:50%;min-width:20px;line-height:17px;text-align:center;color:#62e4ca}body>footer .input-key{font-size:10px}#activeControlHints{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}#overlay .input-key{font-size:8px;padding:2px 4px}