.shoplist-game{flex-direction:column;gap:16px;max-width:520px;margin:0 auto;display:flex}.shoplist-game-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.shoplist-game-stats .stat{color:#4a3f6b;font-size:1.125rem;font-weight:600}.shoplist-game-stats .stat span{color:#ff6f61}.shoplist-game-restart{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9a56,#ff6f61);border:none;border-radius:999px;padding:8px 20px;font-weight:600;transition:transform .15s,box-shadow .15s}.shoplist-game-restart:hover{transform:translateY(-2px);box-shadow:0 6px 14px #ff6f6159}.shoplist-game-board-wrap{background:#1f4d3d;border-radius:28px;flex-direction:column;gap:16px;padding:20px;display:flex;position:relative}.shoplist-game-board-wrap:has(.shoplist-start:not([hidden])){min-height:420px}.shoplist-game-status{text-align:center;color:#fce998;font-size:1.1rem;font-weight:700}.shoplist-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));align-content:start;gap:10px;padding:8px;display:grid}.shoplist-tile{aspect-ratio:1;background:#2e6650;border:none;border-radius:16px;justify-content:center;align-items:center;font-size:2.75rem;animation:.25s shoplist-tile-pop;display:flex}.shoplist-tile.is-hidden{color:#6fa08c;background:#163a2d;border:2px dashed #3a7a60;font-size:2rem}.shoplist-answer-grid .shoplist-tile{cursor:pointer;opacity:.9;background:#fce998;transition:opacity .1s,transform .1s,box-shadow .1s,background-color .15s}.shoplist-answer-grid .shoplist-tile:hover{opacity:1;transform:translateY(-2px)}.shoplist-answer-grid .shoplist-tile:disabled{cursor:default}.shoplist-tile.correct{box-shadow:0 0 24px 4px #2ecc71cc;background:#2ecc71!important}.shoplist-tile.wrong{box-shadow:0 0 24px 4px #ff4d4dcc;background:#ff4d4d!important}.shoplist-answer-grid:not(:empty){border-top:2px dashed #3a7a60;padding-top:18px}.shoplist-start{background:#1f4d3deb;border-radius:28px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shoplist-start-btn{color:#1f4d3d;cursor:pointer;background-color:#fce998;border:none;border-radius:999px;padding:14px 32px;font-size:1.25rem;font-weight:700;transition:transform .2s;box-shadow:0 .4rem 1rem #00000040}.shoplist-start-btn:hover{transform:scale(1.06)}.shoplist-game-message{z-index:20;background:#1f4d3dd9;border-radius:28px;justify-content:center;align-items:center;padding:24px;animation:.25s shoplist-message-fade;display:flex;position:absolute;inset:0}.shoplist-message-card{text-align:center;background:#fff5f0;border:2px dashed #ff6f61;border-radius:20px;max-width:320px;padding:32px 40px;animation:.3s shoplist-message-pop;box-shadow:0 12px 30px #00000040}.shoplist-message-emoji{margin-bottom:8px;font-size:3rem;line-height:1}.shoplist-message-text{color:#b8461e;margin-bottom:20px;font-size:1.15rem;font-weight:700}.shoplist-message-ok{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9a56,#ff6f61);border:none;border-radius:999px;padding:10px 28px;font-weight:600;transition:transform .15s,box-shadow .15s}.shoplist-message-ok:hover{transform:translateY(-2px);box-shadow:0 6px 14px #ff6f6159}@keyframes shoplist-tile-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shoplist-message-fade{0%{opacity:0}to{opacity:1}}@keyframes shoplist-message-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=420px){.shoplist-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.shoplist-tile{font-size:2.25rem}.shoplist-game-board-wrap:has(.shoplist-start:not([hidden])){min-height:360px}}