.world-play-dialog{width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #d9c3a5;border-radius:14px;background:#f7f2ea;color:#171210;font-family:Archivo,Arial,sans-serif;box-shadow:0 20px 80px #0005;overflow:auto;overscroll-behavior:contain}.world-play-dialog::backdrop{background:#17121099;backdrop-filter:blur(4px)}.world-play-dialog>header{position:sticky;top:0;z-index:3;display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 22px;background:#f7f2ea;border-bottom:1px solid #dfceb8}.world-play-dialog h2{font:650 18px/1.2 Archivo,Arial,sans-serif;margin:0}.world-play-dialog>header button{width:44px;height:44px;padding:0;border:0;background:none;font-size:28px}.world-play-dialog button{font-family:inherit;cursor:pointer;min-height:44px;border:1px solid #cdb79b;border-radius:9px;padding:10px 16px;background:#f7f2ea;color:#171210}.world-play-dialog button:focus-visible{outline:3px solid #1f7a63;outline-offset:3px}#world-play-body{padding:24px}#world-play-body h3{font:650 28px/1.16 Archivo,Arial,sans-serif;margin:0 0 14px;letter-spacing:-.6px}#world-play-body p{font:400 16px/1.5 Archivo,Arial,sans-serif;color:#6b4e32}.play-eyebrow{font-size:12px!important;text-transform:uppercase;letter-spacing:1px}.play-choices{display:grid;gap:10px;margin:24px 0}.play-choices>button{display:grid;grid-template-columns:34px 1fr 15px;gap:5px 10px;text-align:left;padding:18px}.play-choices strong{font-size:18px}.play-choices small{grid-column:2;font-size:13px;color:#6b4e32}.play-number{grid-row:span 2;font:600 14px monospace;align-self:center;color:#9a7e5e}.play-choices button>span:last-child{grid-column:3;grid-row:1/3;align-self:center}.play-message{font-size:14px!important;min-height:21px}.play-foot{border-top:1px solid #d9c3a5;padding-top:16px}.play-foot p{font-size:12px!important}.play-foot button{width:100%}.play-beats{display:flex;justify-content:center;gap:12px;margin:25px 0}.play-beats>span{width:14px;height:14px;border:1px solid #b79d7e;border-radius:50%;background:#e9dfd1}.play-beats .is-hit{background:#1f7a63;border-color:#1f7a63}#rhythm-pad{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:180px;touch-action:manipulation;border:2px solid #bba486;background:#25201e;color:#f7f2ea;transition:background .06s,border-color .06s}#rhythm-pad.is-pulse{background:#1f7a63;border-color:#9bd0ba}#rhythm-pad strong{font-size:40px;line-height:1}#rhythm-pad>span{font-size:14px}.play-timing{height:4px;margin:14px 0;background:#ded2c0;overflow:hidden;border-radius:4px}.play-timing>span{display:block;height:100%;background:#1f7a63;width:0}.world-play-dialog .play-primary{background:#171210;color:#f7f2ea;width:100%;font-weight:600}.play-route{padding-left:25px}.play-route>li{padding:12px 0}.play-route strong,.play-route span{display:block}.play-route span{margin-top:5px;color:#6b4e32;font-size:14px}#world-route-progress{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;max-width:calc(100% - 24px);background:#f7f2ea;color:#171210;border:1px solid #bba486;border-radius:12px;box-shadow:0 4px 20px #0003;z-index:15;font:500 14px/1.3 Archivo,Arial,sans-serif}#world-route-progress[hidden]{display:none}#world-route-progress>span{min-width:0}#world-route-progress button{min-height:44px;min-width:44px;border:0;border-radius:8px;background:#171210;color:#f7f2ea;font:600 14px Archivo,Arial,sans-serif;cursor:pointer}#world-route-progress [data-route-cancel]{background:transparent;color:#6b4e32;font-size:24px}@media(max-width:768px){.play-choices small{grid-column:2}.world-play-dialog>header{padding:12px 16px}#world-play-body{padding:20px}#world-play-body h3{font-size:25px}.play-beats{gap:9px}#world-route-progress{bottom:calc(150px + env(safe-area-inset-bottom));font-size:12px;width:max-content;max-width:calc(100% - 24px);padding-left:12px}#world-route-progress span{max-width:190px}}