:root{--accent:#ffca4b;--girls:#ff4f9a;--boys:#43a8ff}body{overflow-x:hidden;background:radial-gradient(circle at 15% 0,rgba(255,79,154,.2),transparent 30%),radial-gradient(circle at 85% 8%,rgba(67,168,255,.2),transparent 32%),#070910}.shapes-page{width:min(100%,1180px);padding:10px 14px 18px}.game-brand-line{margin-bottom:5px}.game-header{max-width:680px;margin:auto}.editable{border:0;outline:0;background:transparent;color:#fff;text-align:center;font:inherit}.game-name{width:210px;font-size:19px;font-weight:950}.scoreboard{display:grid;grid-template-columns:1fr 64px 1fr;gap:10px;max-width:680px;margin:12px auto;align-items:stretch}.team{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:8px 10px;background:rgba(17,21,35,.88);overflow:hidden;transition:.25s}.team.active{transform:translateY(-2px)}.team.active:after{content:"دورهم";position:absolute;inset:auto 0 0;height:3px;background:var(--girls);box-shadow:0 0 15px var(--girls)}.team.boys.active:after{background:var(--boys);box-shadow:0 0 15px var(--boys)}.team-badge{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,79,154,.15);color:var(--girls);font-size:21px;font-weight:900}.boys .team-badge{background:rgba(67,168,255,.15);color:var(--boys)}.team-name{width:100%;font-size:12px;font-weight:850}.score-controls{direction:ltr;display:flex;justify-content:center;align-items:center;gap:7px}.score-controls button{width:26px;height:24px;border:0;border-radius:8px;background:#272c3d;color:#fff;font-weight:900}.score-controls strong{min-width:28px;text-align:center;font-size:21px}.versus{display:grid;place-items:center;align-content:center;border-radius:17px;background:linear-gradient(145deg,#252033,#111726)}.versus small{font-size:7px;color:#8f98aa}.versus b{font-size:20px;color:var(--accent)}.arena{display:grid;grid-template-columns:minmax(250px,1fr) minmax(230px,310px) minmax(250px,1fr);gap:12px;align-items:stretch}.symbol-side,.command-center{border:1px solid rgba(255,255,255,.09);border-radius:25px;padding:12px;background:rgba(14,18,30,.91);box-shadow:0 18px 55px rgba(0,0,0,.28)}.side-title{display:flex;align-items:center;gap:7px;margin-bottom:9px}.side-title span{font-size:18px}.side-title b{font-size:12px}.side-title small{margin-inline-start:auto;color:#737e94;font-size:9px}.symbol-grid{direction:ltr;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.symbol-card{position:relative;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,#292134,#161b2a);color:#f8c84c;cursor:pointer;overflow:hidden;transition:.2s;box-shadow:inset 0 1px rgba(255,255,255,.07)}.objects-side .symbol-card{color:#58b6ff;background:linear-gradient(145deg,#15293c,#171b2b)}.symbol-card:hover{transform:translateY(-3px);border-color:currentColor}.symbol-card b{position:absolute;top:5px;left:7px;font-size:10px}.symbol-card span{display:block;font-size:28px;filter:grayscale(1) brightness(1.7) sepia(.1)}.symbol-card small{display:block;font-size:7px;font-weight:800;opacity:.7}.symbol-card.used{pointer-events:none;transform:scale(.92);filter:grayscale(1);opacity:.25}.symbol-card.used:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;background:#080b13cc;color:#fff;font-size:24px}.command-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 32%,rgba(255,199,65,.12),transparent 42%),rgba(15,18,29,.94)}.turn-label{color:#798398;font-size:8px}.command-center>strong{color:var(--accent);font-size:13px}.reveal-orb{position:relative;display:grid;place-items:center;width:105px;height:105px;margin:12px;border:1px solid #ffd45b66;border-radius:50%;background:radial-gradient(circle,#392d18,#151725 65%);box-shadow:0 0 35px #ffb63822}.reveal-orb span{z-index:1;font-size:49px}.reveal-orb i{position:absolute;inset:-6px;border:1px dashed #ffc84e;border-radius:50%;animation:spin 10s linear infinite}.revealing .reveal-orb{animation:pulse .35s ease-in-out infinite alternate}.command-center h2{margin:0 0 5px;font-size:17px}.command-center p{min-height:38px;margin:0;color:#aeb5c5;font-size:10px;line-height:1.7}.award-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:10px}.award-actions button,.random-pick{border:0;border-radius:11px;padding:10px 6px;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.girls-award{background:var(--girls)}.boys-award{background:var(--boys)}.no-point{grid-column:1/-1;background:#292e3e}.random-pick{width:100%;margin-top:10px;background:linear-gradient(135deg,#eaa72b,#f36c37)}.bottom-actions{display:flex;justify-content:center;gap:8px;margin:12px}.bottom-actions button{border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:8px 14px;background:#151a29;color:#aeb5c5;font-size:9px}footer{text-align:center;color:#4f586c;font-size:7px;letter-spacing:1px}footer span{color:#888}.close-modal{position:absolute;top:12px;left:14px;border:0;background:none;color:#fff;font-size:24px}.rules-card{position:relative;text-align:right}.rules-card h2{text-align:center}.rules-icon{display:block;text-align:center;font-size:42px}.rules-card ol{padding-right:20px;color:#b7becd;font-size:11px;line-height:2}.winner-modal .modal-card{position:relative;overflow:hidden}.confetti i{position:absolute;top:-20px;left:var(--x);width:7px;height:13px;background:var(--c);animation:fall 2.8s var(--d) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:scale(1.08);filter:brightness(1.5)}}@keyframes fall{to{transform:translateY(420px) rotate(500deg)}}
@media(max-width:760px){.shapes-page{min-height:100svh}.arena{grid-template-columns:1fr 1fr;gap:8px}.command-center{grid-column:1/-1;grid-row:2;padding:10px 14px}.reveal-orb{width:78px;height:78px;margin:7px}.reveal-orb span{font-size:37px}.symbol-side{padding:8px;border-radius:18px}.symbol-grid{grid-template-columns:repeat(2,1fr);gap:6px}.symbol-card{aspect-ratio:1.35}.symbol-card span{font-size:23px}.symbol-card small{display:none}.arena{align-items:start}.award-actions{max-width:330px}.random-pick{max-width:330px}}@media(max-width:390px){.shapes-page{padding-inline:8px}.scoreboard{gap:5px;grid-template-columns:1fr 48px 1fr}.team{padding:6px;grid-template-columns:28px 1fr}.team-badge{width:27px;height:27px;font-size:16px}.team-name{font-size:10px}.symbol-card{border-radius:12px}.symbol-card span{font-size:20px}.game-name{font-size:16px;width:160px}}
@media(min-width:761px) and (max-height:700px){.game-brand-line{display:none}.symbol-card{aspect-ratio:1.18}.scoreboard{margin:6px auto}.reveal-orb{width:88px;height:88px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Layout v2: numbers above and below, reveal image in the center. */
.arena{display:grid;grid-template-columns:1fr;gap:10px;max-width:980px;margin:auto}
.symbol-side{padding:9px 11px;border-radius:20px}
.symbol-grid{grid-template-columns:repeat(10,1fr);gap:7px}
.symbol-card{aspect-ratio:1;border-radius:13px}
.command-center{display:grid;grid-template-columns:minmax(180px,1fr) 190px minmax(180px,1fr);grid-template-areas:"copy picture actions";align-items:center;gap:18px;min-height:235px;padding:14px 22px;background:radial-gradient(circle at 50% 50%,rgba(255,199,65,.15),transparent 31%),rgba(15,18,29,.94)}
.command-copy{grid-area:copy}
.reveal-picture{grid-area:picture}
.award-actions,.random-pick{grid-area:actions}
.reveal-orb{width:172px;height:172px;margin:auto;border:2px solid #ffd45b77;border-radius:28px;background:radial-gradient(circle,#403018,#121522 68%);box-shadow:0 0 48px #ffb6382d,inset 0 0 30px #0008}
.reveal-orb span{font-size:82px;filter:drop-shadow(0 8px 10px #0008)}
.reveal-orb i{inset:-7px;border-radius:33px}
.reveal-orb small{position:absolute;bottom:8px;color:#7e8798;font-size:7px}
.award-actions{margin:0}
.random-pick{width:100%;margin:0}

@media(max-width:760px){
  .arena{display:grid;grid-template-columns:1fr;gap:7px}
  .top-strip{grid-row:1}.command-center{grid-row:2}.bottom-strip{grid-row:3}
  .command-center{display:grid;grid-template-columns:1fr 130px;grid-template-areas:"copy picture" "actions actions";gap:8px;min-height:205px;padding:10px 14px}
  .reveal-orb{width:118px;height:118px;margin:auto}.reveal-orb span{display:block;font-size:57px}.reveal-orb small{display:block}
  .symbol-side{padding:7px;border-radius:17px}.side-title{margin-bottom:5px}
  .symbol-grid{grid-template-columns:repeat(10,1fr);gap:3px}
  .symbol-card{aspect-ratio:.78;border-radius:9px}.symbol-card b{top:3px;left:4px;font-size:9px}.symbol-card span,.symbol-card small{display:none}.symbol-card.used:after{font-size:15px}
  .award-actions,.random-pick{width:100%;max-width:none}.award-actions{margin:0}.random-pick{margin:0}
  .command-center p{min-height:32px}.command-center h2{font-size:15px}
}
@media(max-width:390px){
  .command-center{grid-template-columns:1fr 110px}.reveal-orb{width:102px;height:102px}.reveal-orb span{font-size:48px}.symbol-card{border-radius:7px}
}