@font-face{font-family:Blick;src:url(/fonts/BlickVariable-Roman.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Blick;src:url(/fonts/Blick-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#b8d0e8;font-family:Blick,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#app{width:100%;aspect-ratio:1 / 1;position:fixed;top:0;left:0;overflow:hidden}#title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000c;z-index:100;opacity:1;transition:opacity .5s ease-out}#onboarding-overlay.hidden{display:none}#onboarding-overlay.fade-out{opacity:0}#onboarding-text{color:#ffffffe6;font-size:1.5rem;font-weight:300;text-align:center;padding:2rem}#pennant-container{position:absolute;top:0;left:0;width:100%;aspect-ratio:1 / 1}#hold-indicator{position:fixed;width:60px;height:60px;border-radius:50%;pointer-events:none;z-index:50;opacity:0;background:radial-gradient(circle,#ffd84db3,#ffd84d00 70%);transition:opacity .1s ease-out}#hold-indicator.hidden{display:none}@media(pointer:coarse){#hold-indicator{width:120px;height:120px}}#focus-message{position:fixed;top:14%;left:50%;transform:translate(-50%) scale(.96);color:#fff;font-size:clamp(2.6rem,8vw,5.6rem);font-weight:900;letter-spacing:.02em;text-align:center;padding:.35em .9em;border-radius:999px;background:linear-gradient(135deg,#141c2cc7,#281810b8);box-shadow:0 18px 36px #0006,0 0 0 2px #ffffff1f inset;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 2px 6px rgba(0,0,0,.55),0 0 18px rgba(0,0,0,.4);pointer-events:none;z-index:60;opacity:0;transition:opacity .32s ease-out,transform .32s cubic-bezier(.2,1.2,.4,1);white-space:nowrap}#focus-message.visible{opacity:1;transform:translate(-50%) scale(1)}#focus-message.hidden{display:none}#pennant-counter{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:118px;aspect-ratio:1 / 1;container-type:inline-size;opacity:.9;pointer-events:none;z-index:30;background-color:#d52b1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cg fill='%23ffffff'%3E%3Crect x='119' y='47' width='62' height='207'/%3E%3Crect x='47' y='119' width='207' height='62'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:0}.counter-primary{position:absolute;inset:0}#counter-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#d52b1e;font-family:Blick,sans-serif;font-weight:800;font-size:30cqw;line-height:1;letter-spacing:-.02em}@media(max-width:800px){#pennant-counter{width:93px}}@media(max-width:580px){#onboarding-text{font-size:1.1rem}#pennant-counter{width:83px}}#team-picker-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:auto}#team-picker-overlay.hidden{display:none}.picker-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.picker-card{position:relative;width:min(720px,92vw);max-height:80vh;display:flex;flex-direction:column;background:#0e1320;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 48px #0009;color:#ffffffeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.picker-card header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.06)}.picker-card h2{font-size:1rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9}.picker-close{width:36px;height:36px;border:0;background:transparent;color:#fff9;font-size:1.6rem;line-height:1;cursor:pointer;border-radius:6px}.picker-close:hover{color:#fff;background:#ffffff0f}.picker-search{margin:.8rem 1.2rem 0;padding:.6rem .9rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;border-radius:8px;font-size:.95rem;outline:none}.picker-search:focus{border-color:#ffffff40;background:#ffffff0f}.picker-grid{flex:1;overflow-y:auto;padding:.8rem 1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.team-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:64px;padding:.5rem .4rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffd9;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:transform .08s ease,border-color .08s ease,background .08s ease}.team-tile:hover{background:#ffffff0f;border-color:#ffffff2e}.team-tile.selected{border-color:#ffd84d;box-shadow:0 0 0 2px #ffd84d40;background:#ffd84d14;color:#fff}.team-tile img{display:block;width:40px;height:28px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0006}.picker-card footer{padding:.8rem 1.2rem;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end}.picker-confirm{padding:.6rem 1.6rem;background:#ffd84d;color:#0e1320;border:0;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .08s ease,transform .05s ease}.picker-confirm:hover:not(:disabled){background:#ffe173;transform:translateY(-1px)}.picker-confirm:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}@media(max-width:580px){.picker-card{width:96vw;max-height:90vh}.picker-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));padding:.6rem .8rem}.team-tile{min-height:56px;font-size:.7rem}.team-tile img{width:32px;height:22px}.picker-search{margin:.6rem .8rem 0}.picker-card footer{padding:.6rem .8rem}}#session-limit-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#000000d9;color:#ffd84d;padding:.7rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;z-index:90;pointer-events:none;opacity:0;transition:opacity .3s ease-out;border:1px solid rgba(255,216,77,.35)}#session-limit-toast.hidden{display:none}#session-limit-toast.visible{opacity:1}
