.copy-my-grid{--hot:#4f8de4;--deep:#3158a4;--sky:#8ee7ff}.copy-my-grid .prek-machine{background:linear-gradient(145deg,#76c8f3,#5479d7);box-shadow:inset 0 -10px #3553a5,inset 0 5px #d9f6ff,0 12px 0 #243c80,0 25px 45px #25366445}.copy-my-grid .prek-status{box-shadow:0 5px #31539a}.copy-grid-stage{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:104px 0 18px;border:0;border-radius:inherit;background:#3c5996;box-shadow:none;isolation:isolate}.copy-grid-backdrop,.copy-grid-stage{position:absolute;inset:0;overflow:hidden}.copy-grid-backdrop{z-index:-2;background:radial-gradient(circle at 14% 20%,#ffffff8c 0 34px,transparent 36px),radial-gradient(circle at 83% 17%,#fff7b066 0 44px,transparent 46px),radial-gradient(circle at 74% 68%,#ffffff45 0 64px,transparent 66px),linear-gradient(180deg,#8fd5ef,#b8dff4 54%,#d9d0ef 0,#bbaadd)}.copy-grid-backdrop:after{position:absolute;inset:54% 0 auto;height:4px;content:"";background:#ffffff66;box-shadow:0 12px 32px #4f559f28}.copy-grid-stage:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#31568b24,transparent 40%,#4b3f7b20);pointer-events:none}.copy-grid-character{--cherry-size:240px;position:absolute;z-index:3;right:auto;bottom:10px;left:48px;width:calc(var(--cherry-size) + 96px);height:calc(var(--cherry-size) + 48px);overflow:visible;filter:drop-shadow(0 10px 8px #18255955);animation:copy-grid-character-breathe 2.8s ease-in-out infinite;pointer-events:none}.copy-grid-character img{position:static!important;display:block;width:var(--cherry-size)!important;height:var(--cherry-size)!important;max-width:none;margin:24px 0 0 24px;object-fit:contain;object-position:center bottom}.copy-grid-workspace{position:relative;z-index:2;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;width:min(780px,calc(100% - 32px));margin:0 auto 18px;gap:clamp(10px,2vw,24px)}.copy-grid-board-wrap{display:grid;justify-items:center;gap:8px}.copy-grid-board-wrap h3{margin:0;padding:7px 18px;border:3px solid #fff;border-radius:999px;color:#fff;background:#4b63bded;box-shadow:0 4px #2b3c83,0 8px 16px #111d4c38;font-size:clamp(16px,2vw,21px);font-weight:1000;letter-spacing:.01em;text-shadow:0 2px #263576}.player-board-wrap h3{background:#d95e92ed;box-shadow:0 4px #91375f,0 8px 16px #4e173038}.copy-grid-board{--grid-size:2;display:grid;grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));grid-template-rows:repeat(var(--grid-size),minmax(0,1fr));width:min(270px,32vw);aspect-ratio:1;overflow:hidden;border:7px solid #fff7d8;border-radius:26px;background:#f8edc9;box-shadow:0 9px #a96d3b,0 17px 24px #121a463d,inset 0 0 0 3px #dfbc78}.copy-grid-board button,.copy-grid-cell{box-sizing:border-box;display:grid;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;place-items:center;border:2px solid #d7b46e;border-radius:0;background:linear-gradient(145deg,#fff9df,#f3ddb0);appearance:none}.copy-grid-board svg{width:58%;height:58%;filter:drop-shadow(0 5px 1px #55335a2b)}.copy-grid-board button{position:relative;cursor:pointer;color:#24467c;transition:background .18s ease,transform .18s ease,filter .18s ease}.copy-grid-board button:not(:disabled):hover{background:#fffbed;transform:scale(.96)}.copy-grid-board button:focus-visible{z-index:2;outline:5px solid #173b8f;outline-offset:-7px}.copy-grid-board button.is-filled{background:linear-gradient(145deg,#f0fff3,#cbf2d5);animation:copy-grid-pop .38s ease-out}.copy-grid-board button.is-wrong{animation:copy-grid-shake .42s ease;background:#ffe0dd}.copy-grid-arrow{color:#fff;font-size:clamp(34px,5vw,58px);font-weight:1000;text-shadow:0 5px #29477f;animation:copy-grid-arrow 1.35s ease-in-out infinite alternate}.copy-grid-token-tray{position:relative;z-index:4;display:grid;justify-content:center;justify-items:center;width:min(470px,calc(100% - 190px));min-width:300px;margin:0 auto 22px;padding:9px 18px 14px;border:4px solid #fff;border-radius:24px;background:#233b7be8;box-shadow:0 7px #152859,0 13px 20px #121b4138}.copy-grid-token-tray p{margin:0 0 7px;color:#fff;font-size:17px;font-weight:950;text-shadow:0 2px #142552}.copy-grid-token-tray>div{display:flex;gap:clamp(14px,4vw,30px)}.copy-grid-token-tray button{display:grid;width:70px;height:62px;cursor:pointer;place-items:center;border:4px solid #fff;border-radius:20px;background:linear-gradient(#fffbe7,#eecf92);box-shadow:0 6px #99642f;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.copy-grid-token-tray button:hover{transform:translateY(-3px)}.copy-grid-token-tray button:active{transform:translateY(4px);box-shadow:0 2px #99642f}.copy-grid-token-tray button:focus-visible{outline:5px solid #ffec72;outline-offset:3px}.copy-grid-token-tray button.is-selected{background:linear-gradient(#e9ffbf,#9fe385);box-shadow:0 6px #4a9447,0 0 0 5px #ffef73;transform:translateY(-4px) scale(1.06)}.copy-grid-token-tray svg{width:40px;height:40px;filter:drop-shadow(0 3px 1px #573d4928)}@keyframes copy-grid-pop{0%{transform:scale(.4)}65%{transform:scale(1.12)}}@keyframes copy-grid-shake{30%{transform:translateX(-8px) rotate(-3deg)}65%{transform:translateX(8px) rotate(3deg)}}@keyframes copy-grid-arrow{to{transform:translateX(8px)}}@keyframes copy-grid-character-breathe{50%{transform:translateY(-6px) scale(1.015)}}@media (max-width:1000px){.copy-grid-stage{padding:142px 0 18px}}@media (max-width:720px){.copy-grid-workspace{width:calc(100% - 18px);grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:5px}.copy-grid-board{width:min(260px,39vw);border-width:5px;border-radius:20px}.copy-grid-board-wrap h3{padding:6px 10px;border-width:2px}.copy-grid-arrow{font-size:30px}.copy-grid-character{--cherry-size:162px;right:auto;bottom:8px;left:28px;opacity:.96}.copy-grid-token-tray{width:min(410px,calc(100% - 110px));min-width:270px;margin:0 auto 22px}}@media (max-width:480px){.copy-grid-stage{padding:128px 0 14px}.copy-grid-board{width:40vw;max-width:172px;border-width:4px;border-radius:17px;box-shadow:0 6px #a96d3b,0 11px 16px #121a463d}.copy-grid-board-wrap h3{max-width:38vw;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.copy-grid-arrow{font-size:25px}.copy-grid-token-tray{width:calc(100% - 24px);min-width:0;margin:4px 12px 18px;padding:8px 12px 12px}.copy-grid-token-tray button{width:64px;height:58px}.copy-grid-character{display:none}.grid-size-3 .copy-grid-board svg{width:70%;height:70%}}@media (max-height:700px) and (min-width:700px){.copy-grid-workspace{margin-bottom:12px}.copy-grid-board{width:225px}.copy-grid-token-tray{margin-bottom:14px;padding-block:7px 10px}}@media (prefers-reduced-motion:reduce){.copy-grid-arrow,.copy-grid-board button,.copy-grid-character,.copy-grid-token-tray button{animation:none!important;transition:none!important}}