:root{color:#f8faff;background:#0b0b0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.boot{min-height:100svh;display:grid;place-content:center;gap:14px;background:radial-gradient(circle at 50% 15%,rgba(225,6,0,.24),transparent 38%),#0b0b0f;text-align:center}.boot-mark{font-size:clamp(48px,14vw,132px);font-weight:950}.boot-line{color:#f8faff94}.name-boot{padding:24px}.name-form{width:min(100%,420px);display:grid;gap:14px;text-align:left}.name-form .boot-mark{text-align:center}.name-form label{color:#f8faffc7;font-size:15px;font-weight:850}.name-form input,.name-form button{width:100%;min-height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#f8faff}.name-form input{padding:0 18px;background:#ffffff12;font-size:18px}.name-form button{background:linear-gradient(135deg,#e10600eb,#ff2e88c7);font-weight:950;box-shadow:0 20px 80px #e1060042}.shell{min-height:100svh;background:linear-gradient(180deg,#0b0b0f14,#0b0b0f 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 64px),#0b0b0f;overflow-x:hidden;padding:max(18px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.fx{position:fixed;inset:0;pointer-events:none;z-index:40;mix-blend-mode:screen}.impact{position:fixed;inset:0;z-index:35;pointer-events:none;display:grid;place-items:center;overflow:hidden;animation:impactFlash .92s ease-out both}.impact:before,.impact:after{content:"";position:absolute;width:34vmax;height:34vmax;border-radius:50%;border:clamp(8px,2vw,22px) solid rgba(255,255,255,.86);box-shadow:0 0 40px #ff2e88f2,0 0 140px #00e5ffa8,inset 0 0 100px #ffd40040;animation:shockwave .92s cubic-bezier(.05,.82,.24,1) both}.impact:after{animation-delay:.1s;border-color:#ffd400b8}.impact span{position:relative;color:#fff;font-size:clamp(72px,22vw,260px);font-weight:1000;line-height:.82;text-shadow:0 0 18px rgba(255,255,255,.9),0 0 42px rgba(255,46,136,.95),0 0 120px rgba(106,0,255,.9);animation:impactWord .82s cubic-bezier(.05,.9,.16,1) both}.impact-big{animation-duration:1.12s}.impact-mega{animation-duration:1.4s}.impact-mega span{text-shadow:0 0 18px #fff,0 0 54px rgba(255,212,0,.98),0 0 120px rgba(255,46,136,.98),0 0 220px rgba(0,229,255,.86)}.hero{min-height:min(60svh,640px);display:grid;grid-template-rows:auto 1fr auto auto auto auto;align-items:center;gap:16px;max-width:760px;margin:0 auto}.hero-top{display:flex;justify-content:space-between;align-items:center;color:#f8faff85}.kicker,.team-count,.error,.sheet p{margin:0}.kicker{font-size:13px;font-weight:750}.team-count{font-size:20px;font-weight:900;color:#f8faff}.yatta{width:100%;min-height:clamp(168px,34svh,280px);border:1px solid rgba(255,255,255,.14);border-radius:28px;color:#f8faff;background:radial-gradient(circle at 50% 42%,rgba(255,212,0,.22),transparent 20%),radial-gradient(circle at 50% 42%,rgba(255,46,136,.62),transparent 34%),linear-gradient(135deg,#e10600db,#6a00ffb8);box-shadow:0 0 0 1px #ffffff0a inset,0 0 34px #ff2e8847 inset,0 34px 130px #e106005c,0 0 120px #6a00ff38;font-size:clamp(54px,17vw,150px);font-weight:1000;line-height:.9;letter-spacing:0;transform:translateZ(0);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.yatta:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,#e10600,#ffd400,#ff2e88,#00e5ff,#6a00ff,#e10600);opacity:.72;filter:blur(14px);z-index:-1;animation:buttonAura 2.4s linear infinite}.yatta{position:relative}.yatta:hover{filter:saturate(1.14);transform:translateY(-2px) scale(1.004)}.yatta:active{transform:translateY(2px) scale(.99)}.yatta.blast-normal,.yatta.blast-big,.yatta.blast-mega{animation:buttonBlast .76s cubic-bezier(.05,.85,.2,1) both}.yatta.blast-mega{animation-duration:.98s}.yatta.done{background:radial-gradient(circle at 50% 42%,rgba(0,229,255,.18),transparent 34%),linear-gradient(135deg,#6a00ff94,#ff2e8859);box-shadow:0 24px 90px #6a00ff2e}.team-strip{min-height:56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0}.team-strip span{color:#f8faff80;font-size:12px;font-weight:800}.team-strip strong{justify-self:end;font-size:clamp(22px,8vw,42px);letter-spacing:.08em}.team-strip button,.team-strip input,.invite-panel button,.invite-panel input,.sheet-actions button{height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#f8faff;background:#ffffff0f}.team-strip button,.invite-panel button,.sheet-actions button{padding:0 18px;font-weight:850}.team-strip input{width:100%;min-width:0;padding:0 14px;text-align:center;text-transform:uppercase;letter-spacing:.08em}.invite-panel{display:grid;grid-template-columns:1fr auto auto;gap:8px}.invite-panel input{width:100%;min-width:0;padding:0 14px;color:#f8faffbd;overflow:hidden;text-overflow:ellipsis}.error,.notice{color:#ff6b8f;text-align:center;font-size:14px}.notice{color:#00e5ffd1}.guide{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;color:#f8faffbd}.guide-title{margin:0 0 8px;color:#f8faff;font-size:13px;font-weight:900}.guide ol{margin:0;padding-left:20px;display:grid;gap:4px}.guide li,.guide-note{font-size:13px;line-height:1.45}.guide-note{margin:10px 0 0;color:#f8faff80}.grid{max-width:760px;margin:18px auto 0;display:grid;gap:8px;padding-bottom:20px}.member-labels{display:grid;gap:8px;padding:0 10px 2px;color:#f8faff80;font-size:11px;font-weight:850}.member-labels span{min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.row{min-height:36px;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:12px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:6px 10px;background:#ffffff07}.row.today{border-color:#ff2e8838;background:#6a00ff17}.row.big,.row.mega{border-color:#ff2e883d}.row.mega{box-shadow:0 0 28px #00e5ff1a inset}.row time{color:#f8faff7a;font-size:13px;font-weight:760}.cells{display:grid;gap:8px}.cell{height:22px;border-radius:5px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a}.cell.lit{border-color:#ff2e8833;background:radial-gradient(circle at 50% 50%,rgba(255,212,0,.5),transparent 36%),linear-gradient(135deg,#e10600f0,#ff2e88c2);box-shadow:0 0 20px #ff2e8840,0 0 42px #e106002e;animation:cellPulse 1.2s ease-in-out infinite alternate}.cell.self{outline:1px solid rgba(248,250,255,.22);outline-offset:2px}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#000000b8}.sheet{width:min(100%,360px);position:relative;display:grid;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0b0b0ff5;box-shadow:0 24px 100px #6a00ff47}.sheet p{font-size:18px;font-weight:850}.sheet-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.1);color:#f8faffcc;background:#ffffff0a}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.shell{padding-left:12px;padding-right:12px}.hero{min-height:58svh}.team-strip{grid-template-columns:1fr 1.2fr 1fr}.team-strip button,.invite-panel button{padding:0 12px}.invite-panel{grid-template-columns:1fr 72px 72px}.row{grid-template-columns:44px 1fr;gap:8px;padding-left:8px;padding-right:8px}}@keyframes impactFlash{0%{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.96),rgba(255,212,0,.72) 12%,rgba(255,46,136,.28) 36%,transparent 70%);opacity:1}24%{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.75),rgba(0,229,255,.32) 22%,rgba(106,0,255,.2) 46%,transparent 76%)}to{background:transparent;opacity:0}}@keyframes shockwave{0%{opacity:1;transform:scale(.04)}72%{opacity:.68}to{opacity:0;transform:scale(5.6)}}@keyframes impactWord{0%{opacity:0;transform:scale(.16) rotate(-10deg);filter:blur(10px)}18%{opacity:1;transform:scale(1.18) rotate(2deg);filter:blur(0)}42%{transform:scale(.96) rotate(-1deg)}to{opacity:0;transform:scale(2.4) rotate(4deg);filter:blur(2px)}}@keyframes buttonAura{0%{filter:blur(14px) hue-rotate(0deg)}to{filter:blur(14px) hue-rotate(360deg)}}@keyframes buttonBlast{0%{transform:scale(1);filter:brightness(1)}22%{transform:scale(1.045);filter:brightness(1.8) saturate(1.7)}44%{transform:scale(.985)}to{transform:scale(1);filter:brightness(1)}}@keyframes cellPulse{0%{filter:brightness(1)}to{filter:brightness(1.35) saturate(1.35)}}