.arcade-stick{display:block;text-align:center;user-select:none;-webkit-user-select:none}
.game-controls{display:flex!important;justify-content:center;padding:16px;border:1px solid #665321;border-radius:16px;background:linear-gradient(135deg,#32352b,#131711);box-shadow:inset 0 2px 0 #ffffff12,0 5px 0 #060906}
.game-controls .direction-pad,.game-controls .touch-hint{display:none}
.stick-base{cursor:grab;margin:auto}
.stick-base.is-dragging{cursor:grabbing}
.stick-knob{cursor:inherit!important}
body{background:radial-gradient(ellipse at top,#293321,#0a100c 65%);color:#fff6dc}
.arcade-play{padding:18px;border:2px solid #c69822;border-radius:22px;background:linear-gradient(135deg,#20271d,#10170f);box-shadow:0 0 30px #ffcc1912,inset 0 0 0 5px #070c08}
html[data-embedded=true] .arcade-play{padding:14px}
.game-board{border:3px solid #c99725;box-shadow:0 0 0 5px #030703,0 0 0 7px #455033,0 0 32px #ffc40018;overflow:hidden}
.game-hud{background:#080d09;border:1px solid #485135;border-radius:10px;padding:12px!important;text-shadow:0 0 12px #ffc90055}
.game-hud b{color:#ffcf25;font-variant-numeric:tabular-nums}
.game-hud span,.game-underboard,.keyboard-hint,.game-status,#game-status,.game-mode{color:#d8dec6}
.game-toolbar button{background:#313b29;color:#fff5d5;border:1px solid #5e6a45}
.game-reward{background:#202b1c;border-color:#8c792e;color:#ffdc5b}
#game-reward-status,.reward-terms{color:#e0e5cf}
.game-start{box-shadow:0 5px 0 #927000,0 0 24px #ffcd202b}
.game-start:active{transform:translateY(3px);box-shadow:0 2px 0 #927000}
.arcade-header,.arcade-footer{color:#ffe18b;background:#10170f}
.stick-caption{color:#ffe18b!important}
@media(max-width:700px){html[data-embedded=true] .arcade-play{padding:10px}.game-controls{padding:8px}.arcade-play{padding:12px}}
.stick-caption{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:4px;color:#665322}
.stick-base{position:relative;width:126px;height:126px;border-radius:50%;touch-action:none;background:radial-gradient(circle,#090b09 0 21%,#2b2c25 22% 42%,#141610 44% 63%,#e7b419 65% 68%,#22241c 70%);box-shadow:0 6px 0 #090b09,0 9px 14px #0003}
.stick-arrows{position:absolute;inset:0;display:grid;place-items:center;color:#ffe486;font-size:114px;line-height:1;opacity:.45;pointer-events:none}
.stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;transform:translate(var(--stick-x,0px),var(--stick-y,0px));background:radial-gradient(circle at 32% 24%,#fff8c5 0,#ffdf59 16%,#ffbf00 48%,#b97500 78%,#6b4200);box-shadow:inset -4px -5px 7px #8a520077,0 9px 0 #777b75,0 15px 0 #383b34,0 20px 12px #0008;touch-action:none;transition:transform .12s ease}
.is-dragging .stick-knob{transition:none}
@media(max-width:700px),(pointer:coarse){
 .arcade-stick{display:block}
 .game-controls .direction-pad,.game-controls .touch-hint{display:none}
 html[data-embedded=true] .game-controls{justify-content:center}
 html[data-embedded=true] .game-board{width:min(100%,max(180px,calc((100dvh - 365px)*17/19)))}
}
