.team-mode[hidden]{display:none!important}.team-mode{position:fixed;inset:0;z-index:10020;overflow:auto;background:radial-gradient(circle at 80% 0%,#45316c 0%,transparent 45%),linear-gradient(160deg,#11172d,#15102a);color:#f8f4ff;padding:max(env(safe-area-inset-top),18px) max(env(safe-area-inset-right),14px) max(env(safe-area-inset-bottom),26px) max(env(safe-area-inset-left),14px);font:15px/1.55 system-ui,sans-serif}.team-mode-open{overflow:hidden}.team-inner{max-width:1050px;margin:auto}.team-top,.team-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.team-top{padding:8px 0 20px;font:700 12px ui-monospace,monospace;letter-spacing:.2em;color:#bcefe5}.team-top button{border:1px solid #8c9dbc77;border-radius:50%;width:48px;height:48px;color:#fff;background:#18233b;font-size:26px}.team-hero{border:1px solid #b6e9d777;border-radius:28px;background:linear-gradient(120deg,#252f50,#302246 70%,#254957);padding:clamp(22px,5vw,48px);box-shadow:0 16px 60px #05071c77}.team-hero>p:first-child{font:700 11px ui-monospace,monospace;letter-spacing:.18em;color:#a8f2dd}.team-hero h1{font-size:clamp(30px,6vw,65px);line-height:1.04;margin:8px 0 14px;overflow-wrap:anywhere}.team-hero>p:last-child{max-width:610px;color:#dae4f3}.team-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.team-pills span{border:1px solid #d3c6ff77;border-radius:999px;padding:6px 12px;font:700 10px ui-monospace,monospace}.team-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.team-card{background:#1b253b;border:1px solid #94a9ca66;border-radius:20px;padding:clamp(18px,3vw,28px);margin:18px 0;box-shadow:0 8px 25px #07102240}.team-card h2{font-size:23px;margin:0 0 15px}.team-card h3{font-size:17px}.team-card p{color:#d0daea}.team-card label{display:block;color:#e6edf8;font-size:12px;font-weight:700;margin:13px 0}.team-card input:not([type=checkbox]),.team-card select,.team-card textarea,.team-link input{box-sizing:border-box;display:block;width:100%;margin:7px 0 0;border:1px solid #a7b9d385;border-radius:10px;background:#10192c;color:#fff;padding:12px;font:15px system-ui;min-height:46px}.team-card button,.team-tabs button,.team-foot button{border:1px solid #a4dacf88;background:#263750;color:#f5ffff;border-radius:12px;padding:12px 18px;font:700 11px ui-monospace,monospace;cursor:pointer;min-height:46px}.team-card button:hover,.team-card button:focus-visible,.team-tabs button:focus-visible{box-shadow:0 0 0 3px #95f4df55;outline:none}.team-card form>button,.team-invite-controls button{background:linear-gradient(110deg,#8fead5,#c4b4ff);color:#11213a;border:0;margin-top:10px}.team-tabs{display:flex;overflow-x:auto;gap:8px;margin:18px 0}.team-tabs button{flex:1;white-space:nowrap}.team-tabs [aria-current=true]{background:#b9e9e0;color:#14223e}.team-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-roster article{display:flex;align-items:flex-start;gap:12px;border:1px solid #bbcaff52;border-radius:16px;padding:14px;min-width:0}.team-roster article>div:nth-child(2){flex:1;min-width:0}.team-roster h3{margin:3px 0;overflow-wrap:anywhere}.team-roster p{margin:3px 0;font-size:12px}.team-roster small{color:#a7f1dd;font-size:10px}.team-avatar{height:54px;width:54px;flex:none;border-radius:14px;background:linear-gradient(130deg,#a7eed9,#a88cf0);color:#182744;display:grid;place-items:center;font-weight:900;overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-foot{font-size:12px;color:#b9c9dc;margin:20px 0}.team-consent{display:flex!important;align-items:center;gap:9px}.team-consent input{height:22px;width:22px}.team-invite-controls,.team-room-controls,.team-link{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.team-invite-controls label,.team-link label{flex:1;min-width:190px}.team-room-controls input{max-width:150px}.team-rec{padding:14px 0;border-top:1px solid #8fa4c747}.team-rec b,.team-rec span{display:block}.team-rec span{color:#b3e4d9;font-size:11px}.team-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-scores article{border:1px solid #a6a8da60;border-radius:14px;padding:13px}.team-scores span,.team-scores b{display:block;font-size:12px;margin:4px 0}.team-rooms button{margin:6px}.team-error{position:sticky;bottom:10px;background:#60233e;border:1px solid #ffd0db;padding:14px;border-radius:12px}.hq-team-entry{display:flex;justify-content:space-between;align-items:center;gap:18px}.hq-team-entry div{max-width:590px}.team-celebrate{position:fixed;inset:0;z-index:10050;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#15142bdb;color:white;text-align:center;animation:team-out 2.5s forwards}.team-celebrate div{font-size:clamp(65px,15vw,140px);filter:drop-shadow(0 0 30px #91f9e0);animation:team-pop .8s cubic-bezier(.2,1.7,.4,1)}.team-celebrate strong{font-size:clamp(25px,6vw,55px)}.team-celebrate small{font:700 12px ui-monospace,monospace;color:#b5f5df}@keyframes team-pop{from{transform:scale(.2) rotate(-20deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes team-out{0%,75%{opacity:1}100%{opacity:0}}@media(max-width:650px){.team-cols,.team-roster,.team-scores{grid-template-columns:1fr}.hq-team-entry{display:block}.hq-team-entry button{width:100%}.team-tabs button{flex:0 0 auto}.team-roster article>button{padding:8px;font-size:10px}.team-hero{border-radius:18px}}@media(prefers-reduced-motion:reduce){.team-celebrate,.team-celebrate div{animation:none}}
