@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:block;src:url(/fonts/fredoka-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #2b3a55;--ink-soft: #5b6b88;--cream: #fff8ea;--cream-2: #f6ead2;--lip: #e2cfa9;--accent: #ff8a5c;--accent-lip: #d9663d;--teal: #3fb6a8;--teal-lip: #2a8f83;--gold: #ffcc4d;--sky: #5aa7e6;--leaf: #6fcf6a;--danger: #ff5a4a;--t0: #ff8a5c;--t1: #4fa3e8;--t2: #6fcf6a;--t3: #c08af0;--r: 22px;--shadow: 0 14px 40px rgba(28, 38, 64, .22);font-family:Fredoka,Nunito,ui-rounded,Segoe UI,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cfe6f2;user-select:none;-webkit-user-select:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#hud,#ui{position:fixed;inset:0;pointer-events:none}#ui>*,#hud .live{pointer-events:auto}button{font:inherit;color:inherit}.card{background:var(--cream);border-radius:var(--r);box-shadow:0 5px 0 var(--lip),var(--shadow);padding:20px 22px}.btn{font:inherit;font-weight:600;font-size:19px;border:0;cursor:pointer;color:#fff;background:var(--accent);border-radius:999px;padding:12px 26px;box-shadow:0 5px 0 var(--accent-lip);transition:transform .08s,box-shadow .08s,filter .15s}.btn:hover,.btn:focus-visible{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 7px 0 var(--accent-lip);outline:none}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--accent-lip)}.btn.alt{background:var(--teal);box-shadow:0 5px 0 var(--teal-lip)}.btn.ghost{background:var(--cream-2);color:var(--ink);box-shadow:0 5px 0 var(--lip)}.btn.small{font-size:15px;padding:8px 16px}.btn[disabled]{opacity:.5;pointer-events:none}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--cream-2);border-radius:999px;padding:4px 12px;font-weight:600;font-size:14px}.muted{color:var(--ink-soft)}.small{font-size:13px}.lbl{font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft);margin-top:4px}h1,h2,h3{margin:0;font-weight:700;letter-spacing:.3px}.face{width:42px;height:42px;flex:none;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 35%,#fff),var(--c));background-size:cover;background-position:center 30%;box-shadow:0 2px 0 var(--lip)}.face.ready{background-color:color-mix(in srgb,var(--c) 30%,#fff8ea);background-size:112%;background-position:center 42%}.title{position:absolute;left:50%;top:7vh;transform:translate(-50%);text-align:center;pointer-events:none;transition:opacity .4s;white-space:nowrap}.title h1{font-size:clamp(52px,7.4vw,104px);color:#fff;line-height:.95;letter-spacing:1px;text-shadow:0 4px 0 rgba(43,58,85,.28),0 14px 40px rgba(28,38,64,.35)}.title .sub{margin-top:12px;font-size:19px;color:#fff;font-weight:500;letter-spacing:.4px;text-shadow:0 2px 10px rgba(28,38,64,.45)}.title.dim,.sports.dim{opacity:0;pointer-events:none}.sports{position:absolute;left:50%;bottom:7vh;transform:translate(-50%);display:flex;gap:22px;transition:opacity .35s}.sport{width:min(250px,calc((100vw - 152px)/5));padding:0;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.4,.6,1),box-shadow .2s;text-align:left;border:0}.sport:hover,.sport:focus-visible,.sport.sel{transform:translateY(-8px);outline:none;box-shadow:0 5px 0 var(--lip),0 22px 50px #1c26404d}.sport .art{height:140px;overflow:hidden}.sport .art svg{width:100%;height:100%;display:block;transition:transform .6s ease}.sport:hover .art svg{transform:scale(1.06)}.sport .txt{padding:12px 18px 16px}.sport h3{font-size:23px}.sport p{margin:4px 0 0;font-size:14.5px;color:var(--ink-soft);line-height:1.35}.menu-tools{position:absolute;right:18px;bottom:18px;display:flex;gap:10px}.btn .spk{vertical-align:-2px;margin-right:6px}.sound-panel{position:absolute;right:18px;bottom:76px;width:340px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:10px;z-index:30}.sound-panel .sp-head{justify-content:space-between;align-items:center}.sound-panel h3{font-size:22px;margin:0}.sp-row{display:grid;grid-template-columns:112px 1fr 34px;align-items:center;gap:10px;font-weight:600;font-size:15px}.sp-row b{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft);font-weight:600}.sp-row.off{opacity:.45}.sp-row input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.snd-fab{position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;z-index:30;background:#fff8ead1;color:var(--ink);box-shadow:0 3px 0 var(--lip);display:grid;place-items:center;opacity:.7}.snd-fab:hover{opacity:1}.snd-fab .spk{width:18px;height:18px}.sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:420px;max-width:92vw;display:flex;flex-direction:column;gap:12px}.sheet.side{left:28px;top:auto;bottom:28px;transform:none;width:450px;min-width:0;max-height:calc(100vh - 120px);overflow:auto}.sheet h2{font-size:30px}.sheet-art{height:110px;margin:-20px -22px 2px;border-radius:var(--r) var(--r) 0 0;overflow:hidden}.sheet-art svg{width:100%;height:100%;display:block}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.col{display:flex;flex-direction:column;gap:12px}.seg{display:inline-flex;align-self:flex-start;background:var(--cream-2);border-radius:999px;padding:4px;gap:4px}.seg button{font-weight:600;border:0;background:transparent;padding:8px 16px;border-radius:999px;cursor:pointer;color:var(--ink-soft)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 2px 0 var(--lip)}input.code{font:inherit;font-size:22px;font-weight:700;letter-spacing:6px;width:130px;text-transform:uppercase;text-align:center;border:0;border-radius:14px;padding:6px;background:#fff;box-shadow:inset 0 2px 0 var(--lip);color:var(--ink)}.times{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tod{display:flex;align-items:center;gap:8px;border:0;background:var(--cream-2);border-radius:12px;padding:6px 10px 6px 6px;cursor:pointer;font-weight:600;font-size:14px;color:var(--ink-soft)}.tod .sw{width:26px;height:26px;border-radius:8px;flex:none;box-shadow:inset 0 0 0 2px #fff9}.tod.on{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--accent),0 2px 0 var(--lip)}.tod:hover{color:var(--ink)}.dock{position:absolute;left:18px;top:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:62vw}.who{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--cream);box-shadow:0 4px 0 var(--lip),var(--shadow);font-weight:600;border:0;cursor:pointer;text-align:left;transition:transform .15s}.who:hover{transform:translateY(-2px)}.who-txt{display:flex;flex-direction:column;line-height:1.15}.who .nm{font-size:16px}.who .code{font-size:12px;color:var(--ink-soft);font-weight:500}.who .ph{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 9px;border-radius:999px;background:var(--cream-2);color:var(--ink-soft)}.who .ph.on{background:var(--leaf);color:#fff}.pair{position:absolute;right:18px;top:18px;width:210px;text-align:center;padding:16px}.pair-h{font-size:18px;font-weight:700;color:var(--ink);margin-top:8px;text-align:center}.pair img{width:150px;height:150px;image-rendering:pixelated;border-radius:12px;background:#fff;padding:6px}.pair .big{font-size:32px;font-weight:700;letter-spacing:6px}.roomcode{display:flex;align-items:baseline;gap:12px}.roomcode b{font-size:34px;letter-spacing:8px}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slot{background:var(--cream-2);border-radius:16px;padding:8px 12px 8px 8px;display:flex;align-items:center;gap:10px;min-height:58px;font-weight:600}.slot .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot.empty{color:var(--ink-soft);border:2px dashed var(--lip);background:transparent;padding-left:14px}.slot .tag{margin-left:auto;font-size:12px;background:#fff}.podium{display:flex;flex-direction:column;gap:8px}.place{display:flex;align-items:center;gap:12px;background:var(--cream-2);border-radius:16px;padding:6px 14px 6px 8px;font-size:19px;font-weight:600}.place .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--lip);color:#fff;font-size:16px;flex:none}.place.p1{background:#fff3cf}.place.p1 .n{background:var(--gold)}.place.p2 .n{background:#aab6c4}.place.p3 .n{background:#d99a6c}.place .s{margin-left:auto;font-variant-numeric:tabular-nums}.creator{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:420px;max-height:calc(100vh - 40px);overflow:auto;display:flex;flex-direction:column;gap:8px}.creator h2{font-size:30px;margin-bottom:4px}input.name{font:inherit;font-size:20px;font-weight:600;border:0;border-radius:14px;padding:8px 14px;background:#fff;box-shadow:inset 0 2px 0 var(--lip);color:var(--ink)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:var(--c);cursor:pointer;box-shadow:0 2px 0 var(--lip);transition:transform .12s}.swatch:hover{transform:scale(1.1)}.swatch.on{box-shadow:0 0 0 3px var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:0;background:var(--cream-2);border-radius:999px;padding:7px 14px;font-weight:600;font-size:15px;color:var(--ink-soft);cursor:pointer}.chip.on{background:var(--ink);color:#fff}.creator .row.end{margin-top:8px}.banner{position:absolute;left:50%;top:14vh;transform:translate(-50%);padding:12px 26px;border-radius:999px;background:var(--danger);color:#fff;font-size:30px;font-weight:700;box-shadow:0 6px #c23d30;animation:pop .35s cubic-bezier(.3,1.6,.6,1);white-space:nowrap}.toast{position:absolute;left:50%;bottom:12vh;transform:translate(-50%);padding:10px 22px;border-radius:999px;background:var(--cream);font-size:24px;font-weight:700;box-shadow:0 5px 0 var(--lip);animation:pop .3s cubic-bezier(.3,1.6,.6,1)}.hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font-size:15px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.notice.error{background:var(--danger);color:#fff;padding:8px 18px;font-weight:600;box-shadow:0 4px #c23d30,var(--shadow)}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.fade-in{animation:fade .35s ease-out}@keyframes fade{0%{opacity:0;translate:0 12px}}.fade-in-l{animation:fadel .35s ease-out}@keyframes fadel{0%{opacity:0;translate:-16px 0}}body.noui #ui{display:none!important}@media(max-width:900px){.sports{gap:10px}.sport{width:30vw}.sport .art{height:90px}.sheet.side,.creator{left:12px;right:12px;width:auto}.pair{display:none}}.connect{position:absolute;inset:0;display:grid;place-items:center;padding:24px;pointer-events:auto;background:radial-gradient(ellipse at 50% 45%,#fff8ea55,#2b3a5555 85%);backdrop-filter:blur(3px)}.connect-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:#fff8eaf2;border-radius:34px;padding:30px 40px 26px;box-shadow:0 8px 0 var(--lip),var(--shadow);max-width:calc(100vw - 32px)}.connect h1{margin:0;font-size:50px;font-weight:700;color:var(--ink);letter-spacing:.3px}.connect .lead{margin:0;font-size:20px;color:var(--ink-soft);max-width:560px;text-align:center}.connect .players{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}.connect .pcard{background:#fff;border-radius:24px;box-shadow:0 5px 0 var(--lip);padding:20px 24px;width:340px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.connect .who{display:flex;align-items:center;gap:10px;font-weight:600;font-size:21px;color:var(--ink)}.connect .qr{width:210px;height:210px;border-radius:16px;background:#fff;padding:6px}.connect .code{font-size:42px;font-weight:700;letter-spacing:10px;color:var(--ink);line-height:1}.scan{font-size:22px;font-weight:700;color:var(--ink);text-align:center;margin-top:6px}.connect .phoneok{width:90px;height:150px;margin:8px 0}.connect .phone-art{width:100%;height:100%;display:block}.connect .phone-art .tick{stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .45s ease-out}.connect .phoneok.done .phone-art .tick{stroke-dashoffset:0}.connect ol{list-style:none;padding:0;margin:6px 0 0;width:100%;display:flex;flex-direction:column;gap:8px}.connect li{display:flex;gap:12px;align-items:center;padding:8px 12px;border-radius:14px;background:var(--cream-2);color:var(--ink-soft);font-size:18px;transition:background .2s}.connect li b{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);font-size:16px}.connect li small{display:block;font-size:14px;opacity:.85}.connect li.now{background:#ffe6a8;color:var(--ink);box-shadow:0 3px #e8c46a}.connect li.now b{background:var(--accent);color:#fff;animation:nowpulse 1.2s ease-in-out infinite}.connect li.ok{color:var(--ink)}.connect li.ok b{background:var(--teal);color:transparent;position:relative}.connect li.ok b:after{content:"";position:absolute;width:12px;height:6px;border:solid #fff;border-width:0 0 3px 3px;transform:translateY(-2px) rotate(-45deg)}@keyframes nowpulse{50%{transform:scale(1.12)}}.connect .meter{width:100%;height:14px;border-radius:8px;background:var(--cream-2);overflow:hidden}.connect .meter i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--teal),var(--gold),#ff8a5c);transition:width .25s}.connect .row{display:flex;gap:18px;align-items:center;margin-top:4px}.link{font:inherit;background:none;border:0;color:var(--ink-soft);text-decoration:underline;cursor:pointer;font-size:15px;pointer-events:auto}.phonedrop{position:absolute;inset:0;display:grid;place-items:center;background:#2b3a5566;pointer-events:auto}.phonedrop .card{align-items:center;text-align:center;max-width:440px;gap:8px}.phonedrop .qr{width:200px;height:200px;border-radius:14px;background:#fff;padding:6px}.phonedrop .code{font-size:36px;font-weight:700;letter-spacing:8px;color:var(--ink)}@media(max-width:640px){.connect h1{font-size:34px}.connect-card{padding:22px 18px}}.calline{display:block;line-height:1.35}.calline b{display:block;font-size:1.15em}.calline b.bad{color:#e5484d}.calline .calbar{display:block;height:10px;margin-top:8px;border-radius:5px;background:#2b3a5526;overflow:hidden}.calline .calbar i{display:block;height:100%;background:#3fb36b;border-radius:5px;transition:width .1s linear}.calline .calbar.bad i{background:#e5484d}.connect .pcard.calcard{width:auto;background:none;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px}.phonedrop .card.calcard{max-width:none;background:none;box-shadow:none;padding:0}.phonedrop .card.calcard h2{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.35)}.snd-fab.pause-fab{bottom:64px}.pausemenu{position:absolute;inset:0;display:grid;place-items:center;background:#1c26406b;backdrop-filter:blur(3px);z-index:25}.pausemenu .card{width:340px;max-width:calc(100vw - 32px);align-items:stretch;text-align:center;gap:12px;padding:24px 26px 18px}.pausemenu h2{font-size:40px;margin-bottom:4px}.pausemenu p{margin:0}.pausemenu .btn{width:100%;font-size:21px}.pausemenu .small{margin-top:2px}.paircode{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px;font-size:14px;color:var(--ink-soft);text-align:center;line-height:1.3}.paircode b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}.paircode strong{font-size:44px;font-weight:700;letter-spacing:10px;padding-left:10px;color:var(--ink);line-height:1.05;font-variant-numeric:tabular-nums}.pair .paircode{font-size:12.5px}.pair .paircode strong{font-size:38px;letter-spacing:8px;padding-left:8px}.pill.best{align-self:flex-start;background:var(--gold);color:var(--ink);font-size:16px;padding:5px 14px;box-shadow:0 3px #d9a52a}.connect-card{max-height:calc(100vh - 32px);overflow:auto}@media(max-height:760px){.connect{padding:16px}.connect-card{padding:18px 30px 16px;gap:8px}.connect h1{font-size:36px}.connect .lead{font-size:17px}.connect .qr{width:170px;height:170px}.connect .pcard{padding:14px 20px;gap:6px}.connect li{padding:6px 12px;font-size:16px}.phonedrop .qr{width:160px;height:160px}}.connect .pcard.prow{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:auto;gap:8px 24px;padding:16px 22px}.connect .prow .qrcol{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.connect .prow .qr{width:clamp(150px,31vh,240px);height:clamp(150px,31vh,240px);padding:0}.connect .prow .scan{margin:0;font-size:19px}.connect .prow .side{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:300px;max-width:100%}.connect .prow .who{align-self:flex-start}.connect .prow .paircode{align-items:flex-start;text-align:left;margin:0;padding:8px 12px;border-radius:14px;border:2px dashed var(--cream-2)}.connect .prow .paircode strong{padding-left:0;font-size:40px}.connect .prow ol{margin:0;gap:6px}.connect .prow li{padding:6px 12px;font-size:17px}.connect .prow .phoneok{margin:6px 40px}.connect .lead{text-wrap:balance}@media(max-height:640px){.connect h1{font-size:32px}.connect .lead{font-size:16px}.connect-card{gap:6px;padding:14px 26px 12px}.connect .prow .paircode strong{font-size:34px}}.browse{width:520px}.games{display:flex;flex-direction:column;gap:10px;max-height:min(52vh,460px);overflow:auto;padding:2px}.game{display:flex;align-items:center;gap:12px;background:var(--cream-2);border-radius:18px;padding:8px 10px 8px 8px}.g-art{width:86px;height:54px;flex:none;border-radius:12px;overflow:hidden}.g-art svg{width:100%;height:100%;display:block}.g-txt{display:flex;flex-direction:column;min-width:0;gap:1px}.g-txt b{font-size:18px}.g-txt span{font-size:13.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-meta{display:inline-flex;align-items:center;gap:6px;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;background:var(--leaf);flex:none}.dot.play{background:var(--accent)}.dot.results{background:var(--gold)}.g-act{margin-left:auto;display:flex;gap:8px;flex:none}.g-act .btn.small,.browse .btn.small{padding:8px 16px;font-size:15px;display:inline-flex;align-items:center;gap:6px}.empty-games{border:2px dashed var(--lip);border-radius:18px;padding:18px;color:var(--ink-soft);font-weight:600;line-height:1.4}.menu-tools .btn.small{display:inline-flex;align-items:center;gap:7px}.watch-pill{align-self:flex-start;background:var(--ink);color:#fff;gap:7px}.watchbar{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:12px;background:#fff8eaeb;border-radius:999px;padding:6px 6px 6px 8px;box-shadow:0 4px 0 var(--lip),0 12px 30px #1c264040}.watchbar .wb-t{font-weight:600;white-space:nowrap}.watchbar .btn.small{padding:7px 16px;font-size:15px}@media(max-width:900px){.browse{width:auto}.g-art{display:none}}.mlab{position:absolute;inset:0;display:grid;place-items:center;padding:24px;pointer-events:auto;background:#1c264066}.ml-card{width:min(760px,100%);display:flex;flex-direction:column;gap:12px}.ml-card h2{font-size:30px}.ml-card .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ml-head{display:flex;gap:10px;align-items:center}.ml-head .lbl{margin:0 auto 0 0}.ml-games{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ml-warn{margin:0;color:var(--accent-lip);font-weight:600}.ml-saved{margin:0;color:var(--teal-lip);font-weight:600}.ml-label{font-weight:700;color:var(--ink-soft);font-size:15px;letter-spacing:1px;text-transform:uppercase}.ml-neg{background:var(--cream-2);border-radius:999px;padding:2px 10px;margin-left:6px;font-size:12px;color:var(--accent-lip)}.ml-say{font-size:34px!important;line-height:1.15}.ml-stage{min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:16px}.ml-ready{font-size:20px;color:var(--ink-soft)}.ml-ready b{color:var(--accent)}.ml-count{font-size:88px;font-weight:700;color:var(--accent);line-height:1}.ml-go{font-size:72px;font-weight:700;color:var(--teal);line-height:1}.ml-bar{width:100%;height:10px;border-radius:999px;background:var(--cream-2);overflow:hidden}.ml-bar i{display:block;height:100%;width:100%;background:var(--teal);transform-origin:left;animation:mlbar linear forwards}@keyframes mlbar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.ml-pitch{position:relative;width:100%;height:54px;border-radius:12px;background:#e9f3ea}.ml-pitch .ml-line{position:absolute;left:70%;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--accent)}.ml-pitch .ml-ball{position:absolute;left:0;top:14px;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--ink) inset}.ml-pitch.run .ml-ball{animation-name:mlpitch;animation-timing-function:linear;animation-fill-mode:forwards}.ml-pitch span{position:absolute;left:10px;bottom:-22px;font-size:13px;color:var(--ink-soft)}@keyframes mlpitch{0%{left:0}to{left:100%}}.ml-last{background:var(--cream-2);border-radius:14px;padding:10px 14px;font-size:16px}.ml-last .lbl{margin:0 0 2px;display:block}.ml-want{display:block;font-size:13px;margin-top:2px}.ml-want.ok{color:var(--teal-lip)}.ml-want.off{color:var(--accent-lip)}#ui>.leaving{animation:leave .24s ease-in forwards;pointer-events:none!important}@keyframes leave{to{opacity:0;translate:0 8px}}.toast.out,.banner.out{animation:tout .24s ease-in forwards}@keyframes tout{to{opacity:0;transform:translate(-50%) scale(.92)}}.sports.fade-in{animation-delay:.06s;animation-fill-mode:backwards}#relight{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:opacity .35s ease}#relight.on{opacity:.85;transition-duration:.17s}.sports{gap:clamp(10px,1.4vw,22px)}.sport{width:min(240px,calc((100vw - 48px - (var(--n, 6) - 1) * clamp(10px,1.4vw,22px)) / var(--n, 6)))}.sport .art{height:clamp(84px,11vw,140px)}.sport .txt{padding:10px clamp(10px,1.1vw,18px) 14px}.sport h3{font-size:clamp(15px,1.6vw,23px);white-space:nowrap}.sport p{font-size:clamp(12.5px,1.05vw,14.5px)}#netpill{display:flex;align-items:center;gap:9px;padding:8px 18px 8px 14px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:16px;box-shadow:0 4px #1c2640,var(--shadow);pointer-events:none}.netpill i,#netpill i{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:nowpulse 1s ease-in-out infinite}.netpill.ok i,#netpill.ok i{background:var(--leaf);animation:none}@media(max-height:760px){.sheet.side{gap:8px;padding-top:16px;padding-bottom:16px;bottom:16px;max-height:calc(100vh - 100px)}.sheet.side h2{font-size:26px}.sheet.side .lbl{margin-top:0}.sheet.side .sheet-art{display:none}.sheet.side .seg button{padding:6px 14px}.sheet.side .tod{padding:4px 8px 4px 4px}.sheet.side .tod .sw{width:22px;height:22px}}@media(max-height:640px){.sheet.side{gap:6px;max-height:calc(100vh - 92px)}.sheet.side h2{font-size:23px}.sheet.side .lbl{font-size:11px}.sheet.side .times{gap:4px}}.opt{display:contents}@media(max-height:640px){.sheet.side .opt{display:flex;align-items:center;gap:10px}.sheet.side .opt>.lbl{width:68px;flex:none;line-height:1.15}.sheet.side .opt>.times{flex:1}.sheet.side .opt>.times{gap:4px}.sheet.side .opt .tod{font-size:12.5px;white-space:nowrap;gap:5px;padding:3px 6px 3px 3px}.sheet.side .opt .tod .sw{width:18px;height:18px;border-radius:6px}.sheet.side .opt>.seg{align-self:auto}.sheet.side .seg button{padding:5px 12px}.sheet.side .btn.small{padding-top:6px;padding-bottom:6px}.sheet.side>.muted{font-size:14px;line-height:1.25}}.sports{bottom:max(7vh,78px)}.sport .art{flex:none}.results .rsub{margin-top:-6px;font-size:16px;font-weight:600;color:var(--ink-soft);text-wrap:balance}.sports[style*="--n:7"] .sport p,.sports[style*="--n:8"] .sport p,.sports[style*="--n:9"] .sport p{font-size:clamp(11.5px,.92vw,14px)}.sports{align-items:stretch}body.kbnav #ui :is(button,input,[tabindex]):focus{outline:3px solid var(--ink);outline-offset:3px}body.kbnav #ui .sport:focus{outline:4px solid #fff;outline-offset:4px;transform:translateY(-8px);box-shadow:0 5px 0 var(--lip),0 22px 50px #1c26404d}body.kbnav #ui .seg button:focus,body.kbnav #ui .tod:focus,body.kbnav #ui .chip:focus{outline-offset:1px}body.kbnav #ui .swatch:focus{outline-offset:2px;transform:scale(1.1)}body.kbnav #ui .scroll:focus{outline-offset:-3px}body.kbnav #ui .who:focus{transform:translateY(-2px)}.btn.danger{background:var(--danger);box-shadow:0 5px #c23d30;color:#fff}.btn.ghost.danger{background:var(--cream-2);color:#c23d30;box-shadow:0 5px 0 var(--lip)}.row.center{justify-content:center}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#1c264075;backdrop-filter:blur(3px);z-index:40}.ov-card{display:flex;flex-direction:column;gap:12px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;padding:24px 28px 22px}.ov-card h2{font-size:36px}.ov-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ov-system{width:360px;text-align:center;align-items:stretch}.ov-system .btn{width:100%;font-size:20px;padding:10px 22px}.ov-system h2{margin-bottom:2px}.ov-settings{width:860px}.set-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}.set-cols section{gap:10px;min-width:0}.set-cols .sp-row{grid-template-columns:96px 1fr 34px;font-size:17px}.set-cols .sp-row input[type=range]{height:26px}.set-cols .opt{display:flex;align-items:center;justify-content:space-between;gap:12px}.set-cols .opt .lbl{margin:0}.set-cols .seg button{padding:7px 16px}.set-cols .times{grid-template-columns:repeat(3,1fr)}.qnote{margin-top:-4px;min-height:17px}.ov-trophies{width:900px}.tr-stats{display:flex;gap:12px}.tr-stats>div{flex:1;background:var(--cream-2);border-radius:16px;padding:8px 14px;display:flex;align-items:baseline;gap:8px}.tr-stats b{font-size:30px;font-variant-numeric:tabular-nums}.tr-stats b small{font-size:17px;color:var(--ink-soft)}.tr-stats span{color:var(--ink-soft);font-weight:600}.tr-cols{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;min-height:0}.tr-records,.tr-list{max-height:min(52vh,470px);overflow:auto;border-radius:14px}.tr-records table{width:100%;border-collapse:collapse;font-size:16px;margin-top:6px}.tr-records th{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);text-align:right;font-weight:600;padding:0 6px 4px}.tr-records td{padding:6px;border-top:1px solid var(--cream-2);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.tr-records td:first-child{text-align:left}.tr-records td:last-child{font-size:14px}.tr-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;padding:2px}.ach{display:flex;gap:10px;align-items:center;background:var(--cream-2);border-radius:14px;padding:8px 10px;color:var(--ink-soft);opacity:.72}.ach b{display:block;font-size:15px;color:var(--ink);line-height:1.15}.ach small{display:block;font-size:12.5px;line-height:1.25}.ach .cup{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:#c9bfae}.ach.got{background:#fff3cf;opacity:1;color:var(--ink)}.ach.got .cup{background:var(--gold);color:#fff;box-shadow:0 2px #d9a52a}.ov-credits{width:720px}.cr-body{max-height:min(64vh,560px);overflow:auto;padding-right:6px;line-height:1.45;font-size:16px}.cr-body h3{font-size:19px;margin:14px 0 4px}.cr-body h3:first-child{margin-top:0}.cr-body p{margin:4px 0}.cr-names{color:var(--ink-soft);font-size:14.5px}.ov-howto{width:900px;text-align:center;align-items:center}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 4px;width:100%}.how-step{position:relative;background:#fff;border-radius:20px;box-shadow:0 4px 0 var(--lip);padding:16px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:6px}.how-art svg{width:132px;height:99px;display:block}.how-n{position:absolute;left:12px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:grid;place-items:center}.how-step h3{font-size:21px}.how-step p{margin:0;color:var(--ink-soft);font-size:15.5px;line-height:1.35;text-wrap:balance}.ov-howto .btn{min-width:200px}.ov-quit{width:420px;text-align:center}.ov-quit p{margin:0}.notices{position:fixed;inset:0;pointer-events:none;z-index:95}.notice{position:fixed;display:flex;align-items:center;gap:10px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:16px;padding:8px 18px;box-shadow:0 4px #1c2640,var(--shadow);white-space:nowrap;animation:fade .3s ease-out}.notice.out{animation:leave .24s ease-in forwards}.notice.netpill{padding:8px 18px 8px 14px}.notice.trophy-note{background:var(--cream);color:var(--ink);padding:8px 20px 8px 8px;box-shadow:0 4px 0 var(--lip),var(--shadow)}.trophy-note .cup{width:42px;height:42px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;box-shadow:0 2px #d9a52a}.trophy-note small{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft)}.trophy-note b{display:block;font-size:19px;line-height:1.1}.linkstate{width:clamp(220px,31vh,280px);min-height:clamp(150px,31vh,240px);border-radius:18px;background:var(--cream-2);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;line-height:1.3}.linkstate b{font-size:18px}.linkstate span{font-size:14.5px;color:var(--ink-soft)}.linkstate small{font-size:13px;color:var(--ink-soft);font-weight:600}.linkstate code{font:12px ui-monospace,monospace;color:var(--ink-soft);background:#fff;border-radius:8px;padding:4px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-ico{width:34px;height:34px;border-radius:50%;border:4px solid #fff;border-top-color:var(--teal);animation:spin 1s linear infinite}.linkstate.retrying .ls-ico{border-top-color:var(--gold)}.linkstate.down .ls-ico{animation:none;border:0;background:var(--danger);position:relative}.linkstate.down .ls-ico:after{content:"!";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:22px}.linkstate.small{width:auto;min-height:0;background:none;padding:4px 0}.linkstate.small b{font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}.phonedrop .linkstate{margin:4px auto 0}@media(max-height:760px){.ov-card{padding:18px 22px 16px;gap:9px}.ov-card h2{font-size:30px}.ov-system .btn{font-size:17px;padding:8px 20px}.how-art svg{width:104px;height:78px}.how-step{padding:12px 12px 14px}.how-step p{font-size:14.5px}.tr-records,.tr-list{max-height:calc(100vh - 290px)}}@media(max-height:640px){.ov-system{gap:7px}.ov-system .btn{font-size:16px;padding:7px 18px}.ov-system h2{font-size:26px}.set-cols{gap:18px}.set-cols section{gap:7px}.set-cols .sp-row{font-size:15px}.set-cols .tod{font-size:13px;padding:4px 8px 4px 4px}.set-cols .tod .sw{width:20px;height:20px}.how-art svg{width:88px;height:66px}.how-step h3{font-size:18px}}@media(max-width:900px){.set-cols,.tr-cols,.how-steps{grid-template-columns:1fr}.how-art{display:none}}.linkstate em{font-style:normal;font-weight:700;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums;min-height:1.2em}.qr.rescan{box-shadow:0 0 0 5px var(--gold),0 0 0 10px #ffc43d59;animation:rescan 1.6s ease-in-out infinite}@keyframes rescan{50%{box-shadow:0 0 0 5px var(--gold),0 0 0 16px #ffc43d00}}.scan.rescan,.card.pair.rescan .pair-h{color:#b8770a;margin-top:12px}.card.pair.rescan img{box-shadow:0 0 0 4px var(--gold);border-radius:10px;animation:rescan 1.6s ease-in-out infinite}.notice.linknote{white-space:normal;max-width:min(520px,46vw);border-radius:18px;line-height:1.25;font-size:15px}.play-row .btn.big{flex:1;font-size:21px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.play-row .btn.big svg{width:18px;height:18px}.choices{display:flex;flex-direction:column;gap:10px}.choice{font:inherit;display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;border-radius:18px;padding:14px 18px;background:#fff;color:var(--ink);box-shadow:0 4px 0 var(--lip);cursor:pointer;transition:transform .08s,box-shadow .08s}button.choice:hover,button.choice:focus-visible{transform:translateY(-2px);box-shadow:0 6px 0 var(--lip),0 0 0 3px var(--teal);outline:none}button.choice:active{transform:translateY(2px);box-shadow:0 2px 0 var(--lip)}.choice>svg{margin-left:auto;flex:none;width:26px;height:26px;color:var(--teal)}.ch-t{display:flex;flex-direction:column;gap:2px;min-width:0}.ch-t b{font-size:20px}.ch-t span{font-size:14.5px;color:var(--ink-soft);line-height:1.3}.join-tile{cursor:default}.join-tile .ch-t{flex:1 1 auto}.ch-in{margin-left:auto;display:flex;gap:8px;align-items:center}.ch-in input.code{width:112px;font-size:21px;padding:7px 4px;background:var(--cream-2)}.ch-in .btn.small{display:inline-flex;align-items:center;gap:6px}.bigcode{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border-radius:18px;padding:10px 16px 12px;border:3px dashed var(--accent)}.bigcode .lbl{margin:0}.bigcode b{font-size:64px;line-height:1;letter-spacing:16px;padding-left:16px;color:var(--ink);font-variant-numeric:tabular-nums}.lstatus{display:flex;flex-direction:column;gap:2px}.lstatus b{font-size:21px;display:flex;align-items:center;gap:10px}.lstatus span{color:var(--ink-soft);font-size:15.5px}.lstatus.busy b:before{content:"";width:11px;height:11px;border-radius:50%;background:var(--accent);flex:none;animation:nowpulse 1.2s ease-in-out infinite}.qcode b{color:var(--ink);letter-spacing:3px}.setsum{font:inherit;display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:14px;background:var(--cream-2);padding:8px 14px;cursor:pointer;color:var(--ink);text-align:left}.setsum .lbl{margin:0;flex:none}.setsum .sv{flex:1;min-width:0;font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setsum .chg{flex:none;font-weight:600;font-size:14px;color:var(--accent-lip);text-decoration:underline}.setsum:hover,.setsum:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.setbox{display:flex;flex-direction:column;gap:8px}.setbox .opt{display:flex;align-items:center;gap:10px}.setbox .opt>.lbl{width:54px;flex:none;margin:0}.setbox .opt>.seg{align-self:auto}.setbox .opt>.times{flex:1;grid-template-columns:repeat(3,1fr);gap:4px}.setbox .tod{font-size:13px;white-space:nowrap;gap:5px;padding:3px 6px 3px 3px}.setbox .tod .sw{width:18px;height:18px;border-radius:6px}.setbox .seg button{padding:5px 12px}.lobby .slot{min-height:50px;padding-top:6px;padding-bottom:6px}.lobby>.row:last-child{flex-wrap:nowrap}.lobby>.row:last-child .btn:not(.small){flex:0 1 auto;white-space:nowrap;font-size:17px;padding-left:18px;padding-right:18px}.browse .join-tile{flex-wrap:wrap;row-gap:10px}.browse .join-tile .ch-in{margin-left:0;width:100%}.browse .join-tile .ch-in input.code{flex:1}@media(max-height:760px){.lobby.open .lstatus>span,.lobby.open .qcode{display:none}.lobby.open .bigcode b{font-size:38px}.choice{padding:10px 14px}.ch-t b{font-size:18px}.ch-t span{font-size:13.5px}.play-row .btn.big{padding:11px 16px;font-size:19px}.bigcode{padding:6px 12px 8px}.bigcode b{font-size:48px;letter-spacing:12px;padding-left:12px}.lstatus b{font-size:19px}.lobby .slot{min-height:44px}.lobby .slot .face{width:34px;height:34px}}.partycard{position:absolute;left:18px;top:18px;width:300px;padding:12px;display:flex;flex-direction:column;gap:8px}.partycard .pm{display:flex;align-items:center;gap:8px}.partycard .pm.me .who{box-shadow:none;background:none;padding:0;flex:1;min-width:0}.partycard .pm.mate{background:#fff;border-radius:16px;padding:5px 10px 5px 5px}.pm .who-txt{flex:1;min-width:0}.pm .nm{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm .code{font-size:12px;color:var(--ink-soft);font-weight:500}.pm .crown{color:#e0a51c;display:inline-flex;font-style:normal}.pm .dot{width:10px;height:10px;border-radius:50%;background:var(--lip);flex:none}.pm .dot.on{background:var(--leaf)}.phonechip{font:inherit;display:inline-flex;align-items:center;gap:6px;flex:none;border:0;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600;background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-lip);transition:transform .1s}.phonechip.on{background:var(--leaf);box-shadow:0 3px #4fa84a}.phonechip:hover,.phonechip:focus-visible{transform:translateY(-2px);outline:none}.invite{display:flex;flex-direction:column;align-items:center;gap:0;background:#fff;border-radius:16px;padding:8px 10px 9px;border:2.5px dashed var(--accent)}.invite .lbl{margin:0}.invite b{font-size:40px;line-height:1.05;letter-spacing:10px;padding-left:10px;color:var(--ink)}.invite .ihint{font-size:13px;color:var(--ink-soft);font-weight:500}.partycard .prow{justify-content:center}.partycard .prow .btn{display:inline-flex;align-items:center;gap:7px}.partycard .prow .btn svg{width:18px;height:18px}.dock .pm{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:999px;background:var(--cream);box-shadow:0 4px 0 var(--lip),var(--shadow)}.dock .pm .who{box-shadow:none;background:none;padding:0}.dock .pm.mate .face{width:36px;height:36px}.partynote{position:absolute;left:50%;transform:translate(-50%);top:calc(7vh + clamp(52px,7.4vw,104px) + 64px);display:flex;align-items:center;gap:14px;padding:12px 18px;max-width:calc(100vw - 32px)}.pn-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);flex:none;animation:pulse 1.4s ease-in-out infinite}.pn-t{display:flex;flex-direction:column}.pn-t b{font-size:20px}.pn-t span{color:var(--ink-soft);font-size:15px}.partynote .btn{display:inline-flex;align-items:center;gap:6px}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}.playsheet .playbtn{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:30px;padding:16px 20px 14px;margin-top:6px}.playsheet .playbtn small{font-size:15px;font-weight:500;opacity:.92}.playsheet .setsum{justify-content:center}.playsheet .setsum .sv{flex:0 1 auto;font-weight:500;color:var(--ink-soft);font-size:14px}.row.split{justify-content:space-between;flex-wrap:nowrap}.row.split .btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.playsheet .whoplays{font-weight:600;font-size:17px}.ov-join{width:420px;align-items:center;text-align:center}.ov-join input.partycode{width:240px;font-size:44px;letter-spacing:14px;padding:10px 0 10px 14px}@media(max-height:760px){.partycard{width:270px;padding:10px;gap:6px}.invite b{font-size:34px}.partycard .pm.mate .face{width:34px;height:34px}.playsheet .playbtn{font-size:26px;padding:12px 18px 11px}.partynote{top:calc(7vh + clamp(52px,7.4vw,104px) + 52px);padding:10px 16px}}.partycard .pm.me .nm{overflow:visible}.partycard .phonechip{font-size:13px;padding:6px 11px}.partycard>.plbl{margin:0 0 -2px 2px}.ov-join input.partycode::placeholder{color:var(--lip)}.pair-h{display:flex;align-items:center;justify-content:center;gap:6px}.phonechip.quiet{background:var(--cream-2);color:var(--ink);box-shadow:0 3px 0 var(--lip)}.sports.follow .sport{opacity:.78;filter:saturate(.7)}.linkbtn{font:inherit;border:0;background:none;cursor:pointer;color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:underline;padding:2px 6px}.dock .codepill{gap:8px;padding:8px 14px;font-weight:600;font-size:13px;color:var(--ink-soft)}.dock .codepill b{font-size:20px;letter-spacing:4px;color:var(--ink)}.btn svg{vertical-align:-2px}.playsheet .row .btn{display:inline-flex;align-items:center;gap:8px}@media(max-width:1500px){.sports[style*="--n:10"] .sport h3{white-space:normal;font-size:clamp(14px,1.22vw,23px);line-height:1.05;overflow-wrap:normal;letter-spacing:-.2px}}.sport{position:relative}.sport.off{cursor:not-allowed;filter:grayscale(.95);opacity:.62}.sport.off:hover,.sport.off:focus-visible{transform:none;box-shadow:0 5px 0 var(--lip),var(--shadow)}.sport.off:hover .art svg{transform:none}.sports.follow .sport.off{opacity:.55;filter:grayscale(.95)}.sport .nofit{position:absolute;left:50%;top:clamp(42px,5.5vw,70px);transform:translate(-50%,-50%);white-space:nowrap;background:var(--ink);color:#fff8ea;font-weight:700;font-size:clamp(12px,1.05vw,15px);padding:5px 12px;border-radius:999px;box-shadow:0 3px #1c2640}.sport.shake{animation:nofitshake .42s ease}@keyframes nofitshake{20%{translate:-7px 0}40%{translate:6px 0}60%{translate:-4px 0}80%{translate:2px 0}}.seg button.nofit{opacity:.5;cursor:not-allowed;display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}.seg button.nofit small{font-size:10.5px;font-weight:700;letter-spacing:.3px}.partycard.crowd .mates{display:grid;grid-template-columns:1fr 1fr;gap:6px}.partycard.crowd .pm.mate{padding:4px 8px 4px 4px;gap:6px;min-width:0}.partycard.crowd .pm.mate .face{width:30px;height:30px}.partycard.crowd .pm.mate .nm{font-size:15px}.pcal{--bad-deep:#d23232;--bad:#ff6464;--d-med:.32s;--d-slow:.6s;--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.45,0,.25,1);--font:"Fredoka", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", "Helvetica Neue", Arial, sans-serif;--good-deep:#13803f;--good-lamp:#1fa353;--good:#3ecf72;--ink-faint:#a7b2bb;--ink-soft:#65717b;--ink-strong:#4b535b;--ink:#555e67;--line-deep:#1a9fd0;--line:#34beed;--line-faint:#d6f0fa;--r-lg:1.5rem;--r-xl:2.25rem;--r-pill:999px;--s-2:.5rem;--s-3:.75rem;--s-5:1.5rem;--s-7:3rem;--sh-1:0 .0625rem .125rem rgba(40,80,110,.12), 0 .125rem .5rem rgba(40,80,110,.1);--sh-3:0 .375rem 1.5rem rgba(40,80,110,.18);--sky-1:#f6fafd;--sky-2:#eaf3f8;--sky-3:#d9e9f2;--sky-4:#c3dbe8;--t-xs:.8125rem;--t-sm:.9375rem;--t-md:1.0625rem;--t-lg:1.4375rem;--t-2xl:3rem;--tex-diag:repeating-linear-gradient(135deg, rgba(52,190,237,.09) 0 6px, transparent 6px 14px);display:flex;flex-direction:column;align-items:center;gap:var(--s-3);font-family:var(--font);text-align:center}.pcal [hidden]{display:none!important}.pcal .steps{flex-wrap:nowrap;display:flex;align-items:center;gap:.625rem;list-style:none;margin:0;padding:0}.pcal .steps>span{display:inline-flex;align-items:center;gap:.5rem;height:2.25rem;padding:0 1rem 0 .375rem;border-radius:var(--r-pill);background:#ffffffb3;border:.125rem solid var(--sky-3);color:var(--ink-faint);font-size:var(--t-sm);font-weight:800;letter-spacing:.04em;transition:transform var(--d-med) var(--ease-bounce),background-color var(--d-med) var(--ease-soft),border-color var(--d-med) var(--ease-soft),color var(--d-med) var(--ease-soft),box-shadow var(--d-med) var(--ease-soft)}.pcal .steps>span>i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--sky-3);color:#fff;font-size:var(--t-xs)}.pcal .steps>span.is-on{background:#fff;border-color:var(--line);color:var(--ink-strong);box-shadow:var(--sh-1);transform:scale(1.04)}.pcal .steps>span.is-on>i{background:linear-gradient(180deg,var(--line),var(--line-deep))}.pcal .steps>span.is-done{color:var(--ink-soft);border-color:#c9f0d8}.pcal .steps>span.is-done>i{background:var(--good);animation:num-pop .45s var(--ease-bounce)}.pcal .panel{position:relative;background:linear-gradient(180deg,#f6fafc,#f3f8fb 45%,#e7f1f6);border:.1875rem solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-3),inset 0 0 0 .1875rem #fff;text-align:center}.pcal .panel.is-error{border-color:var(--bad);animation:nudge .42s var(--ease-soft) 1}.pcal .well{background:var(--tex-diag),linear-gradient(180deg,var(--sky-1),var(--sky-2));border:.125rem solid var(--line-faint);border-radius:var(--r-lg);box-shadow:inset 0 .125rem .5rem #78aac829}.pcal .t-title{font-size:var(--t-2xl);font-weight:700;line-height:1.15;letter-spacing:.02em;color:var(--ink-strong);margin:0}.pcal .t-lead{font-size:var(--t-lg);font-weight:500;line-height:1.5;letter-spacing:.01em;color:var(--ink);margin:0}.pcal .t-title.is-bad{color:var(--bad-deep)}.pcal .t-title.is-good{color:var(--good-deep)}.pcal .t-title.is-bad:before{content:"!";display:inline-grid;place-items:center;width:1.1em;height:1.1em;margin-right:.35em;border-radius:50%;background:var(--bad-deep);color:#fff;font-size:.7em;font-weight:900;vertical-align:.12em}.pcal .panel-cal{width:min(56rem,92vw);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-7) var(--s-5)}.pcal .panel-cal .t-lead{max-width:48rem;min-height:3em}.pcal .cal-art{width:min(35rem,100%);aspect-ratio:47/24;padding:0;margin-top:var(--s-2);overflow:hidden}.pcal .cal-art svg{display:block;width:100%;height:100%}.pcal .cal-art text{font:800 13px var(--font);letter-spacing:.14em;text-transform:uppercase;fill:var(--ink-soft);text-anchor:middle}.pcal .cal-art.is-phone{--pod:hidden;--phone:visible}.pcal .cal-progress{display:flex;align-items:center;justify-content:center;gap:var(--s-3);width:100%;margin-top:var(--s-2)}.pcal .cal-bar{--p:0;width:min(26rem,70%);height:1.5rem;border-radius:var(--r-pill);border:.1875rem solid var(--line);background:#fff;box-shadow:inset 0 .125rem .25rem #78aac840;overflow:hidden}.pcal .cal-bar i{display:block;height:100%;border-radius:inherit;transform-origin:0 50%;transform:scaleX(var(--p));transition:transform 90ms linear;background:linear-gradient(180deg,#8fdcf7 0%,var(--line) 50%,var(--line-deep) 100%)}.pcal .cal-bar.is-bad{border-color:var(--bad)}.pcal .cal-bar.is-bad i{background:var(--bad)}.pcal .cal-bar.is-done{border-color:var(--good-lamp)}.pcal .cal-bar.is-done i{background:linear-gradient(180deg,#9af0bb,var(--good) 50%,var(--good-lamp))}.pcal .cal-count{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:.1875rem solid var(--line);background:linear-gradient(180deg,#fff,#f7fbfd 47%,#e3eef4 53%,#edf5f9);box-shadow:var(--sh-1);font-size:var(--t-lg);font-weight:800;line-height:1;color:var(--ink-strong);font-variant-numeric:tabular-nums}.pcal .cal-count svg{width:1.5rem;height:1.5rem;fill:none;stroke:var(--line-deep);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.pcal .cal-count svg[hidden],.pcal .cal-count b[hidden]{display:none}.pcal .cal-count.is-bad{border-color:var(--bad);color:var(--bad-deep)}.pcal .cal-count.is-done{border-color:var(--good-lamp);animation:num-pop .45s var(--ease-bounce)}.pcal .cal-count.is-done svg{stroke:var(--good-deep)}.pcal .cal-count b.lob-pop{animation:num-pop .45s var(--ease-bounce)}.pcal .cal-msg{min-height:1.4em;max-width:30rem;font-size:var(--t-md);font-weight:700;line-height:1.35;color:var(--ink-soft);margin:0}.pcal .t-title.lob-swap,.pcal .cal-msg.lob-swap{animation:lob-swap .3s var(--ease-out)}.art-line{fill:none;stroke:#5b6670;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.art-fill{fill:#fff;stroke:#5b6670;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.art-skin{fill:#fdf3ea;stroke:#5b6670;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.art-ghost{fill:#34beed1a;stroke:var(--line);stroke-width:4;stroke-linecap:round;stroke-dasharray:3 11}.art-faint{fill:none;stroke:var(--sky-4);stroke-width:4;stroke-linecap:round;stroke-dasharray:2 10}.art-accent{fill:none;stroke:var(--line);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.art-accent-fill{fill:var(--line);stroke:var(--line);stroke-width:4;stroke-linejoin:round}.art-nudge{animation:art-nudge 1.4s var(--ease-soft) infinite}.pcal .pcal-foot{margin:0;font-size:var(--t-sm);font-weight:600;color:var(--ink-soft)}@keyframes nudge{0%,to{translate:0 0}25%{translate:-.375rem 0}55%{translate:.3125rem 0}80%{translate:-.125rem 0}}@keyframes num-pop{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-3deg)}to{transform:scale(1)}}@keyframes art-nudge{0%,to{transform:translate(0)}50%{transform:translate(-3px,-9px)}}@keyframes lob-swap{0%{opacity:.35}}.pcal.is-tv{gap:.5rem}.pcal.is-tv .panel-cal{width:min(40rem,86vw);padding:.9rem 1.75rem;gap:.4rem}.pcal.is-tv .t-title{font-size:2.2rem}.pcal.is-tv .t-lead{font-size:1.15rem}.pcal.is-tv .cal-art{width:min(23rem,100%);margin-top:0}.pcal.is-tv .cal-art{width:min(23rem,100%,calc(32vh * 47 / 24))}@media(max-height:760px){.pcal.is-tv{gap:.3rem}.pcal.is-tv .panel-cal{padding:.6rem 1.5rem;gap:.25rem}.pcal.is-tv .t-title{font-size:1.75rem}.pcal.is-tv .t-lead{font-size:1rem;line-height:1.35}.pcal.is-tv .cal-art{width:min(23rem,100%,calc(28vh * 47 / 24))}.pcal.is-tv .steps>span{height:1.9rem}.pcal.is-tv .cal-count{width:2.3rem;height:2.3rem}.pcal.is-tv .cal-bar{height:1.2rem}}.pcal.is-tv .cal-art.is-img{width:min(28rem,100%,calc(34vh * 47 / 24))}.pcal .cal-art.is-img{position:relative}.pcal .cal-art.is-img svg{display:none}.pcal .cal-art .cal-still,.pcal .cal-art .cal-cap{display:none}.pcal .cal-art.is-img .cal-cap{display:block}.pcal .cal-art.is-img .cal-still{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.pcal .cal-art.is-img .cal-still.on{opacity:1}.pcal .cal-art.is-img .cal-cap{position:absolute;left:.6rem;bottom:.6rem;margin:0;font:700 1rem var(--font);letter-spacing:.02em;white-space:nowrap;color:#fff;background:#2b3a55;padding:3px 12px;border-radius:999px;box-shadow:0 2px #0003}@media(max-height:760px){.pcal.is-tv .cal-art.is-img{width:min(28rem,100%,58.75vh)}}@media(max-height:640px){.pcal.is-tv .cal-art.is-img{width:min(28rem,100%,calc(25vh * 47 / 24))}.pcal.is-tv .pcal-foot{display:none}.pcal.is-tv .cal-msg:empty{min-height:0}}.resume-count{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;pointer-events:none;z-index:60;background:radial-gradient(circle at 50% 50%,#0a1e3259,#0a1e3200 60%);font-family:Fredoka,ui-rounded,Arial Rounded MT Bold,sans-serif;color:#fff;text-shadow:0 .25rem 1.25rem rgba(0,0,0,.45)}.resume-count .rc-lbl{font-size:1.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.92}.resume-count b{font-size:9rem;line-height:1;font-weight:800}.resume-count b.pop{animation:rc-pop .9s cubic-bezier(.34,1.56,.64,1) both}@keyframes rc-pop{0%{transform:scale(.4);opacity:0}25%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.resume-count b.pop{animation:none}}