.demo-bar{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;border:1px solid #8b6d32;border-radius:13px;padding:8px 9px 8px 12px;background:linear-gradient(110deg,#221a0d,#0a0e16 72%);box-shadow:inset 0 1px #fff2}.demo-bar[hidden]{display:none}.demo-bar>span{min-width:0}.demo-bar b,.demo-bar small{display:block}.demo-bar b{color:var(--gold-light);font-size:9px;letter-spacing:.13em}.demo-bar small{margin-top:3px;color:#c8bda7;font-size:11px;line-height:1.3}.demo-bar .secondary-button{min-width:104px;min-height:36px;padding:7px 10px;font-size:10px;white-space:nowrap}
.demo-panel{margin-top:12px;border:1px solid #5c4a27;border-radius:14px;padding:15px;background:#090d15cc}.demo-panel h3{margin:0 0 7px;color:#f3d98f;font:normal 19px Georgia,serif}.demo-panel p{margin:0;color:#c5bba8;font-size:12px;line-height:1.55}.demo-panel .primary-button{width:100%;margin-top:12px}
.demo-finger{position:fixed;z-index:210;display:block;width:60px;height:66px;pointer-events:none;filter:brightness(1.38) saturate(1.18) drop-shadow(0 4px 4px #000c) drop-shadow(0 0 11px #fff0a8cc);font-size:50px;line-height:1;transform-origin:40% 15%;user-select:none}.demo-tap-target{position:absolute;z-index:5;width:30px;height:30px;border:0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
.demo-control-focus{border-color:#fff0b0!important;background:linear-gradient(145deg,#a77c2c,#e4c878)!important;box-shadow:0 0 18px #ffd96d!important;color:#090806!important}
body.demo-running .premium-stage{pointer-events:none}body.demo-running .turn-canvas{filter:drop-shadow(0 14px 15px #0009) drop-shadow(0 0 9px #ffe29a33)}
@media(max-width:380px){.demo-bar small{max-width:190px}.demo-bar .secondary-button{min-width:92px}}