/* First-deposit ceremony: black wheel, three comic mascots, full team-color reveal. */
#team-dialog{--team:#327ce7;--ink:#080a0d;position:fixed;inset:0;width:min(100vw,440px);max-width:440px;height:min(100dvh,820px);max-height:100dvh;margin:auto;padding:0;border:1px solid #42516a;border-radius:0;background:#101216;color:#dbeaff;overflow:auto;box-shadow:0 30px 120px #0008;font-family:var(--body)}
#team-dialog::backdrop{background:#03050dee;backdrop-filter:blur(8px)}
#team-dialog[data-team=blue],.team-account[data-team=blue]{--team:#327ce7}
#team-dialog[data-team=yellow],.team-account[data-team=yellow]{--team:#ffbf00}
#team-dialog[data-team=red],.team-account[data-team=red]{--team:#ed3d40}
.team-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:3px solid var(--team);border-bottom:1px solid #424550;background:#090b10}
.team-top>b{font-size:23px;letter-spacing:-1px;transform:skew(-6deg)}
#team-back{border:0;background:transparent;color:#c8daee;min-height:44px;font-size:12px;padding:4px 8px}
.team-ceremony{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:calc(min(100dvh,820px) - 73px);padding:28px 24px 18px;align-items:center;text-align:center;overflow:hidden}
.team-ceremony::before{content:'';position:absolute;inset:0;z-index:-2;background:repeating-conic-gradient(from 10deg at 50% 40%,#dbeaff0c 0deg 12deg,transparent 12deg 30deg),radial-gradient(ellipse at 50% 38%,#3b414e55,transparent 67%)}
.team-ceremony::after{content:'ZKUADS  ZKUADS\A ZKUADS   ZKUADS\A  ZKUADS   ZKUADS\A ZKUADS    ZKUADS';white-space:pre;position:absolute;inset:5% -10%;z-index:-1;opacity:.07;color:#7a879e;font-size:53px;line-height:2.6;transform:rotate(-15deg);pointer-events:none}
#team-step{font-size:11px;letter-spacing:1px;color:#b7c5d8;margin:0 0 12px}
#team-title{font:700 clamp(23px,6vw,31px)/1.15 var(--body);max-width:310px;text-transform:uppercase;transform:rotate(-2deg);text-shadow:3px 3px #000;position:relative;z-index:1}
#team-description{font-size:12px;line-height:1.6;color:#b7c5d8;max-width:300px;margin:12px 0 20px}
.team-spinner{width:100%;display:flex;flex-direction:column;align-items:center;margin:auto 0}
.team-wheel-wrap{position:relative;width:min(74vw,310px);aspect-ratio:1;margin:6px auto 24px;filter:drop-shadow(0 10px 20px #0008)}
#team-wheel{position:absolute;inset:0;border-radius:50%;border:7px solid #b5bbc6;background:conic-gradient(#327ce7 0deg 119deg,#111 119deg 121deg,#ffbf00 121deg 239deg,#111 239deg 241deg,#ed3d40 241deg 359deg,#111 359deg);outline:3px solid #08090b;box-shadow:inset 0 0 0 5px #111,inset 0 0 30px #0008;will-change:transform}
.team-wheel-art{position:absolute;width:36%;height:36%;object-fit:contain;filter:drop-shadow(2px 3px #0009)}
.team-wheel-art.blue{left:59%;top:15%;transform:rotate(20deg)}.team-wheel-art.yellow{left:32%;top:59%;transform:rotate(130deg)}.team-wheel-art.red{left:5%;top:15%;transform:rotate(-25deg)}
.team-wheel-hub{position:absolute;width:26%;height:26%;left:37%;top:37%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e2e8f2,#a5aebc 56%,#576274 60%,#0a0c10 65%);border:3px solid #141923;box-shadow:0 2px 5px #0009;display:grid;place-items:center;color:#111;font-size:14px;transform:rotate(-8deg)}
.team-pointer{position:absolute;z-index:2;left:calc(50% - 15px);bottom:-13px;width:30px;height:36px;background:#deecff;clip-path:polygon(50% 0,100% 100%,50% 73%,0 100%);filter:drop-shadow(0 3px #000)}
#team-spin,#team-play,#team-retry{width:min(100%,310px);min-height:52px;border:2px solid #080a0d;box-shadow:4px 4px #000;font:700 17px/1.25 var(--body);padding:12px 20px;border-radius:0;transform:skew(-5deg);background:#72e79b;color:#081c16;cursor:pointer}
#team-spin:disabled{opacity:.8;cursor:wait}#team-caption{font-size:11px;color:#a5b5cb;line-height:1.6;margin:16px auto 18px;max-width:270px}
.team-reveal{display:none;flex:1;width:100%;align-items:center;flex-direction:column;margin:auto 0;justify-content:center;padding:12px 0 26px}
#team-reveal-name{font:800 clamp(37px,11vw,55px)/1 var(--body);text-transform:uppercase;transform:rotate(-8deg);color:#deecff;text-shadow:3px 3px #0b0c0e;margin:0 0 -8px;z-index:1}
#team-reveal-art{width:min(62vw,245px);height:min(62vw,245px);object-fit:contain;filter:drop-shadow(5px 6px 0 #0d101533);position:relative}
.team-bonus{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;z-index:1;margin-top:12px;padding:12px 8px;background:#080b1588;border:1px solid #e0edff44;width:100%;max-width:310px;transform:rotate(-2deg)}
#team-bonus-label{font-size:12px;color:#deecff}#team-bonus-amount{font-size:36px;line-height:1.2;color:#ddf0ff;text-shadow:3px 3px #080b15}#team-bonus-note{font-size:11px;color:#cfdfed;line-height:1.6}
#team-play{display:none;margin-top:auto}#team-error{font-size:13px;line-height:1.6;color:#ffd99a;margin:0;max-width:310px}#team-retry{display:none;margin:14px auto 0}#team-demo-note{font-size:10px;opacity:.7;margin:16px 0 0}
#team-dialog[data-phase=revealed]{background:var(--team)}#team-dialog[data-phase=revealed] #team-step{color:#0b192e}#team-dialog[data-phase=revealed] #team-description,#team-dialog[data-phase=revealed] .team-spinner{display:none}
#team-dialog[data-phase=revealed] .team-ceremony::before{background:repeating-conic-gradient(from 10deg at 50% 40%,#eef4ff28 0deg 12deg,transparent 12deg 30deg),radial-gradient(ellipse at top right,#deecff44,transparent 70%)}
#team-dialog[data-phase=revealed] .team-reveal{display:flex}#team-dialog[data-phase=revealed] #team-play{display:block}
#team-dialog[data-phase=confirming] #team-spin{animation:team-pulse 1s ease-in-out infinite}#team-dialog[data-phase=error] #team-spin{display:none}#team-dialog[data-phase=error] #team-retry{display:block}
.team-account{display:flex;align-items:center;gap:14px;padding:18px 14px;margin-bottom:16px;background:linear-gradient(120deg,#11233c,var(--team));border:1px solid #96aed455;box-shadow:3px 3px #040c19}.team-account img{height:64px;width:64px;object-fit:contain}.team-account p{margin:0 0 5px;font-size:11px}.team-account strong{font-size:22px}.team-account button{display:block;color:#dceeff;background:transparent;border:0;padding:10px 0;font-size:12px;text-decoration:underline}
.team-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes team-pulse{50%{opacity:.6}}
@media(max-height:650px){.team-ceremony{padding-top:18px}#team-description{margin-bottom:8px}.team-wheel-wrap{width:min(61vw,240px);margin-bottom:20px}#team-reveal-art{width:180px;height:180px}#team-reveal-name{font-size:38px}.team-reveal{padding:16px 0}#team-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){#team-dialog *,#team-dialog *::before,#team-dialog *::after{animation:none!important;transition:none!important}}

.team-wheel-tap{position:absolute;left:37%;top:37%;width:26%;height:26%;border:4px solid #151a23;border-radius:50%;color:#10151e;background:radial-gradient(circle at 30% 25%,#ecf3ff,#a3b0c5 85%);box-shadow:0 2px 6px #0008;font:700 14px var(--body);cursor:pointer;z-index:3}#team-dialog[data-phase=spinning] .team-wheel-tap,#team-dialog[data-phase=confirming] .team-wheel-tap,#team-dialog[data-phase=error] .team-wheel-tap{font-size:0;cursor:default}