/* Bright playground styling is scoped to the game card. */
.play-area{border:2px solid #c2a8ff;box-shadow:0 8px 0 #e2d5ff,0 14px 28px #8050c016}
.play-area .game-top{background:linear-gradient(110deg,#fff0a9,#ffedcc 45%,#e6d9ff);color:#58318c}
.play-area .game-top button{color:#643db0;background:#ffffffa8;border:1px solid #d8baf6;border-radius:9px;padding:4px 9px}
.play-area .live-dot{background:#20c77b;box-shadow:0 0 0 4px #2bdd8320}
.play-area .pill{background:#8750e8;color:#fff}
.play-area .scene{background:linear-gradient(180deg,#87e2ff 0%,#d8f8ff 62%,#c5f494 63%,#8cda5d 100%)}
.play-area .scene-label{color:#337aa2;background:#ffffff96;border-radius:20px;padding:1px 9px}
.play-area .scene-label span{color:#f8a600}
.play-area .prompt{border:2px solid #ffcc50;background:#fffefa;box-shadow:0 5px 0 #ffc33d80,0 10px 25px #447db51a}
.play-area .prompt>span{color:#6c3caf}
.play-area .prompt strong{color:#8c37df;text-shadow:0 3px 0 #ead8ff}
.play-area .prompt small{color:#397497}
.play-area .character-label{background:#fff9d9e8;color:#80512c;padding:2px 12px;border-radius:18px;box-shadow:0 2px 0 #eab64660}
.play-area .character-label span{color:#ff5083}
.play-area .primary{background:linear-gradient(#a65aff,#8434e4);box-shadow:0 5px 0 #6121b7,0 7px 14px #7943b434;border:1px solid #b97cff}
.play-area .primary:hover{filter:brightness(1.12);transform:translateY(-2px)}
.play-area .primary.resume:hover{transform:translateX(-50%) translateY(-2px)}
.play-area .start-panel>span{color:#365627;background:#f3ffe5db;border-radius:10px;padding:0 6px}
.play-area .feedback:not(:empty){background:#fffde8ef;color:#8050bc;padding:1px 10px;border-radius:12px;box-shadow:0 2px 5px #775fa515}
.play-area .level-caption{color:#326940;background:#eaffd5b3;padding:2px 7px;border-radius:10px}
.play-area .dashboard{background:linear-gradient(100deg,#f0e6ff,#e2f9ff 55%,#fff3cb);border-bottom:0}
.play-area .stat{border-color:#cfc0ef}
.play-area .stat>span{color:#694a92}
.play-area .stat strong,.play-area .stars strong b{color:#6332bc}
.play-area .stat small{color:#657198}
.play-area .stars strong{color:#f7ad0b}
.play-area .stars>small{color:#a17320}
.play-area #score{display:inline-block}
.play-area .progress{background:#daceef;height:6px}
.play-area .progress i{background:linear-gradient(90deg,#a044f6,#ed65db);border-radius:5px}
.play-area .mint{background:#b6e8df}
.play-area .mint i{background:linear-gradient(90deg,#0fbb9b,#7ddd49)}
.play-area .clock-icon{color:#16acaa}
.play-area .party-piece{position:absolute;z-index:5;top:46%;width:9px;height:13px;border-radius:3px;pointer-events:none}
.play-area .party-piece:nth-of-type(3n){border-radius:50%;width:10px;height:10px}
@media(prefers-reduced-motion:reduce){.play-area *{animation:none!important;transition:none!important}}
.play-area .model-loading{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:#e3faffed;color:#6442aa;font-size:14px;line-height:1.9}
.play-area .model-loading button{border:1px solid #a374df;border-radius:12px;padding:9px 18px;background:#8750e8;color:white}