#touch-settings-open{display:grid;place-items:center;flex:none}#touch-settings-open:before{content:none}#touch-settings-open svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#touch-settings-dialog{box-sizing:border-box;width:min(410px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:24px;border:1px solid #aac2b750;border-radius:24px;background:linear-gradient(150deg,#24494b,#102d37 72%);color:#f4e9cc;box-shadow:0 24px 80px #031219b3;font:14px system-ui;overflow:auto}
#touch-settings-dialog::backdrop{background:#06191bcc;backdrop-filter:blur(5px)}#touch-settings-dialog *{box-sizing:border-box}#touch-settings-dialog button{font:inherit;cursor:pointer;touch-action:manipulation}#touch-settings-dialog .settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}#touch-settings-dialog h2{font-size:24px;margin:5px 0 0;letter-spacing:-1px}#touch-settings-dialog small{color:#b1c8ba;font-size:11px}#touch-settings-dialog .settings-close{border:0;border-radius:50%;width:44px;height:44px;background:#ffffff0c;color:#e9e5c9;font-size:28px}
#touch-settings-dialog .layout-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#touch-settings-dialog .layout-choices button{border:1px solid #d8dfbd26;border-radius:14px;padding:12px 4px;background:#0c283855;color:#e9ecd6;display:grid;gap:7px;text-align:center}#touch-settings-dialog .layout-choices [aria-pressed=true]{border-color:#eed394;background:#c4a86520;box-shadow:inset 0 0 0 1px #efc77f26}#touch-settings-dialog .pad-preview{display:block;position:relative;height:42px}#touch-settings-dialog .pad-preview i,#touch-settings-dialog .pad-preview b{position:absolute;border-radius:50%;top:12px;height:22px;width:22px;left:9px;background:#5c9085;border:1px solid #acd0b5}#touch-settings-dialog .pad-preview b{left:auto;right:9px;width:25px;height:25px;top:9px;background:#d9b978;border-color:#f4da9e}#touch-settings-dialog .pad-preview.large b{width:33px;height:33px;top:5px;right:5px}#touch-settings-dialog .pad-preview.left{transform:scaleX(-1)}#touch-settings-dialog .settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #d7e2c51a;gap:12px}#touch-settings-dialog input{width:24px;height:24px;accent-color:#d9c184}#touch-settings-dialog p{font-size:11px;line-height:1.6;color:#9ebfb3;margin:16px 0}#touch-settings-dialog .settings-done{width:100%;padding:13px;border:1px solid #f6dca4;border-radius:12px;background:linear-gradient(#f5dda7,#d3ad67);color:#213a39;font-weight:800}
html[data-touch-layout=left] .goblin-game .controls,html[data-touch-layout=left] #controls{flex-direction:row-reverse}
html[data-touch-layout=large] .goblin-game .actions,html[data-touch-layout=large] #controls .action-pad{transform:scale(1.08);transform-origin:right bottom}
html[data-touch-layout=large] .goblin-game .controls,html[data-touch-layout=large] #controls{padding-right:max(30px,env(safe-area-inset-right));padding-bottom:max(22px,env(safe-area-inset-bottom))}
html[data-reduced-fx=true] *{scroll-behavior:auto!important}
.goblin-game:not([data-phase=playing]) .controls{display:none!important}
.goblin-game:not([data-phase=playing]) main{grid-template-rows:minmax(0,1fr)}
@media(orientation:landscape) and (max-height:600px){
 .goblin-game main{display:grid;height:100%;grid-template-rows:minmax(0,1fr) 120px}
 .goblin-game .cabinet{height:auto;min-height:0}
 .goblin-game .hud{padding-right:116px}
 .goblin-game .controls{position:relative;inset:auto;height:120px;padding:5px max(28px,6vw);background:linear-gradient(#173039,#10232e);border-top:1px solid #d1dcbe22;pointer-events:auto}
 .goblin-game .controls #stick{align-self:center}
 .goblin-game .actions{width:184px;height:106px}
 .goblin-game .actions [data-key=attack]{width:68px;height:68px}
 .goblin-game .actions [data-key=jump]{width:60px;height:60px}
 .goblin-game .actions [data-key=roll],.goblin-game .actions [data-key=blast]{top:0;width:44px;height:44px}
 html[data-touch-layout=large] .goblin-game .actions{transform:scale(1.02)}
 html[data-touch-layout=large] .goblin-game .controls{padding-bottom:8px;padding-right:max(32px,6vw)}
 .goblin-game #overlay[data-result] .menu-panel{padding:12px 20px}
 .goblin-game #overlay[data-result] #result-stats52{margin:8px 0;padding:8px 0}
}
.goblin-game .actions button,#controls .action-pad button{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.goblin-game #result-stats52{display:flex;justify-content:space-around;gap:12px;margin:16px 0;padding:14px 0;border-block:1px solid #d5d9ae26}.goblin-game #result-stats52 span{display:grid;gap:4px;text-align:center;font-size:10px;color:#9cbbb2}.goblin-game #result-stats52 b{font-size:25px;color:#ffe1a0;font-variant-numeric:tabular-nums}.goblin-game #reward{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:0;padding:0;margin:14px 0}.goblin-game #reward legend{font-size:11px;color:#a9c5b8;margin-bottom:9px}.goblin-game #reward label{position:relative;display:flex;align-items:center;gap:9px;border:1px solid #aec8be33;border-radius:14px;background:#0e303dcc;padding:12px 10px;cursor:pointer}.goblin-game #reward label:has(input:checked){border-color:#ebcf89;background:#a68e5230}.goblin-game #reward input{position:absolute;opacity:0;width:1px;height:1px}.goblin-game #reward label:focus-within{outline:2px solid #ffe0a2}.goblin-game #reward svg{width:29px;height:29px;flex:none;stroke:#eed08a;fill:#eed08a12;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.goblin-game #reward span{display:grid;gap:5px}.goblin-game #reward b{font-size:12px}.goblin-game #reward small{font-size:9px;color:#b6c8b8}.goblin-game #overlay[data-result=clear] .menu-panel,.goblin-game #overlay[data-result=won] .menu-panel{border:1px solid #d5d9ae33;border-radius:24px;padding:24px;background:linear-gradient(135deg,#203f43ed,#102a36f5)}
@media(max-width:360px){html[data-touch-layout=large] .goblin-game .actions,html[data-touch-layout=large] #controls .action-pad{transform:scale(1.025)}html[data-touch-layout=large] .goblin-game .controls,html[data-touch-layout=large] #controls{padding-inline:17px}.goblin-game header>a{font-size:10px}.goblin-game header button{width:35px;height:38px}.header-actions{gap:3px!important}header{gap:6px!important}#touch-settings-dialog{padding:18px}}
@media(orientation:landscape) and (max-height:540px){#touch-settings-dialog{padding:14px 20px}#touch-settings-dialog .settings-heading{margin-bottom:10px}#touch-settings-dialog h2{font-size:20px}#touch-settings-dialog .settings-toggle{padding:8px 0}#touch-settings-dialog .pad-preview{display:none}#touch-settings-dialog p{margin:8px 0}}
.goblin-game #overlay[data-result] .menu-heading{border-bottom:0;padding-bottom:0}
@media(orientation:landscape) and (max-height:600px){
 .goblin-game #overlay[data-result] .menu-panel{padding:12px 20px}
 .goblin-game #overlay[data-result] #result-stats52{margin:6px 0;padding:6px 0}
 .goblin-game #overlay[data-result] #reward{margin:8px 0}
 .goblin-game #overlay[data-result] h2{margin:6px 0}
}