/* MixUp Arcade v10.9: same premium full-bleed icon tiles; animated playable canvas. */
.arcade-tile .ff-mini-icon{overflow:hidden;border-radius:17px}
.arcade-tile .ff-mini-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.arcade-shell{max-width:660px;margin:0 auto 28px;padding:7px 13px 24px;color:#273257}
.arcade-back{padding:11px 14px;border:0;background:#ede9ff;border-radius:15px;color:#5942ac;font-size:14px;font-weight:800;margin:8px 0 18px;cursor:pointer}
.arcade-title{text-align:center;padding:20px 13px 23px;border-radius:27px;background:linear-gradient(140deg,#231264,#5c34bd 51%,#ba37ba);box-shadow:0 14px 30px #26196b29;color:white}
.arcade-eyebrow{font-size:12px;font-weight:900;color:#d5f2ff;letter-spacing:.15em}
.arcade-title h1{color:white;font-size:clamp(34px,8vw,51px);letter-spacing:-.035em;line-height:1.07;margin:13px 0 8px}
.arcade-title p{color:#f1ebff;margin:0;font-size:15px;line-height:1.6}
.arcade-cover{display:block;width:min(330px,80%);aspect-ratio:1;object-fit:cover;margin:18px auto;border-radius:28px;box-shadow:0 13px 30px #2014522d;border:4px solid white}
.arcade-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.arcade-main{display:block;width:100%;padding:17px 14px;border:0;border-radius:20px;background:linear-gradient(135deg,#6947e4,#ab3cea);color:white;box-shadow:0 6px 0 #392094,0 12px 24px #6e4deb33;font-size:16px;font-weight:900;text-align:center;cursor:pointer}
.arcade-main.two{background:linear-gradient(135deg,#057bad,#31bada);box-shadow:0 6px 0 #05647d,0 12px 24px #0f99cb2a}
.arcade-main small{display:block;font-size:11px;font-weight:600;margin-top:4px;color:#f4eaff}
.arcade-main:active{transform:translateY(4px);box-shadow:0 2px 0 #392094}
.arcade-main:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
.arcade-note{font-size:13px;text-align:center;color:#647092;margin:18px 3px;line-height:1.5}
.arcade-panel{background:linear-gradient(150deg,#f8f6ff,#e8f5ff);border:1px solid #d7daf2;border-radius:23px;padding:22px;margin:17px 0}
.arcade-panel h2{margin:0 0 8px;color:#392a75;font-size:24px}
.arcade-panel p{color:#59637c;font-size:14px}
.arcade-panel label{display:block;font-size:13px;font-weight:900;margin:16px 0 11px;color:#49537b}
.arcade-panel input{display:block;width:100%;box-sizing:border-box;outline:none;margin-top:6px;border:1.5px solid #b2b3d3;border-radius:12px;padding:13px;font-size:17px;color:#2a2755;background:white}
.arcade-panel .arcade-main{margin:18px auto}
.arcade-copy{display:block;width:100%;padding:12px;border:2px solid #d5c6f7;border-radius:12px;background:#fff;color:#573ba1;font-size:15px;font-weight:850;cursor:pointer}
.arcade-play-head{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;background:#f1efff;border:1px solid #dcd9f4;padding:12px 16px;border-radius:17px;margin:0 0 11px;color:#453580}
.arcade-play-head h2{font-size:22px;margin:0;color:#443288}
.arcade-play-head b{font-variant-numeric:tabular-nums}
#arcade-canvas{display:block;touch-action:none;width:min(100%,440px);height:auto;aspect-ratio:360/500;background:#070a2f;border:4px solid #6a4bdf;border-radius:20px;margin:0 auto;box-sizing:border-box;box-shadow:0 14px 40px #26146d3e;user-select:none;-webkit-user-select:none;cursor:crosshair}
.arcade-leaders{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:13px 0}
.arcade-leaders span{background:white;padding:9px 12px;border:1px solid #dad7ee;border-radius:999px;color:#483a7f;font-size:12px;font-weight:800}
.arcade-leaders .me{background:#efe4ff;border-color:#a47fee}
.arcade-leaders strong{margin-left:5px;font-variant-numeric:tabular-nums}
#arcade-solo-end:not([hidden]){text-align:center;background:#eae4ff;padding:16px;border-radius:18px;margin:14px 0}
#arcade-solo-end h2{color:#453293;font-size:23px}
@media(max-width:430px){.arcade-shell{padding:6px 5px 18px}.arcade-actions{gap:7px}.arcade-main{font-size:14px;padding:15px 7px;border-radius:15px}.arcade-main small{font-size:10px}.arcade-panel{padding:14px}}
@media(prefers-reduced-motion:reduce){.arcade-main{transition:none!important}.arcade-main:active{transform:none}}

/* Match existing Family Fun artwork treatment; no shared sprite overlay. */
.arcade-tile .ff-mini-icon{background:none!important;overflow:hidden;border-radius:16px;box-shadow:0 6px 17px #39196a31}
.arcade-tile .ff-mini-icon img{display:block!important;visibility:visible!important;opacity:1!important;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.arcade-cover{background:none!important;display:block;aspect-ratio:1/1;object-fit:cover;width:min(330px,80%);max-width:100%;border-radius:24px}