#demo{width:min(760px,94vw);max-height:88dvh;overflow:auto;padding:26px;background:#123c2e;color:#f7ead1;border:1px solid #d4b16b;border-radius:12px;position:fixed;inset:0;margin:auto}#demo::backdrop{background:#00100ddd;backdrop-filter:blur(5px)}.demo-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.demo-heading h2{font-size:32px}.demo-heading .eyebrow{font-size:9px;letter-spacing:2px}.demo-heading button{min-width:44px;min-height:44px}#demo-stage{background:radial-gradient(ellipse,#256b4c,#082a22);position:relative;overflow:hidden;border:1px solid #c9ac6555;border-radius:9px}#demo-scene{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px}.demo-sample{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.demo-sample span{border:1px solid #d4b16b66;background:#164b36;border-radius:5px}#demo-cursor{position:absolute;font-size:42px;color:#ffdf9a;left:60%;top:55%;transition:left .5s,top .5s;transform:rotate(-28deg);pointer-events:none;text-shadow:2px 3px #000}#demo-caption{font-size:14px;line-height:1.7;min-height:60px;margin:18px 0}.demo-progress{height:3px;background:#446245;margin-bottom:15px}.demo-progress span{height:100%;display:block;background:#e2bd75}.demo-controls{display:flex;gap:8px;flex-wrap:wrap}.demo-controls button{font-size:11px;min-height:44px;padding:10px 12px}body[data-royal-game=dos] .hero-art img,body[data-royal-game=tongits] .hero-art img{object-fit:cover!important}body[data-royal-game] #show-demo{color:#e7c77f}.table-view #show-demo{display:none}
.sample-board{width:100%;height:160px;display:block}.demo-icons{width:100%;letter-spacing:normal!important;line-height:0}.sample-drop{animation:sampledrop 2s infinite}.sample-run{animation:samplerun 3s infinite}.sample-shot{animation:sampleshot 2s infinite}.sample-sketch{stroke-dasharray:500;animation:samplesketch 5s infinite}@keyframes sampledrop{0%{transform:translateY(-130px);opacity:0}40%,100%{transform:none;opacity:1}}@keyframes samplerun{0%{transform:translate(0,0)}50%{transform:translate(60px,0)}100%{transform:translate(60px,-45px)}}@keyframes sampleshot{0%{transform:translateY(0)}60%,100%{transform:translateY(-65px)}}@keyframes samplesketch{0%{stroke-dashoffset:500}80%,100%{stroke-dashoffset:0}}#demo-scene{gap:8px}#demo-scene h3{font-size:20px}#demo-scene .demo-sample span{padding:7px 12px;font-size:12px}#demo-stage{height:320px}.sample-board *{pointer-events:none}@media(prefers-reduced-motion:reduce){.sample-board *{animation:none!important;stroke-dashoffset:0}}@media(max-width:700px){#demo-stage{height:290px}.sample-board{height:135px}#demo-scene{padding:10px}#demo-scene h3{font-size:18px}}

#demo.paused *{animation-play-state:paused!important}#demo.paused #demo-cursor{transition:none}