*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#b8d0e8;font-family:-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;bottom:calc(15px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:min(980px,calc(100vw - 48px));text-align:left;padding:.85rem 1.05rem .9rem;pointer-events:none;z-index:30;background:linear-gradient(135deg,#ffffffd6,#edf9ed94);border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 12px 44px #091e0d2e;color:#142018;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.counter-primary{display:flex;align-items:center;justify-content:space-between;gap:1rem}#counter-count{color:#d29a00;font-size:2.7rem;font-weight:800;line-height:1.1;text-shadow:0 1px 0 rgba(255,255,255,.6)}#counter-description{color:#142018b8;font-size:.92rem;font-weight:650;margin-top:.2rem;line-height:1.35}#counter-time{color:#14201875}#stats-summary{display:grid;grid-template-columns:repeat(2,max-content);gap:.55rem .9rem;justify-content:end;align-items:center;color:#142018e0;font-size:.86rem;font-weight:750;white-space:nowrap}#stats-summary>div{display:flex;align-items:baseline;gap:.35rem}.stats-label{color:#14201885;font-size:.68rem;font-weight:800;text-transform:uppercase}#team-stats-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.35rem;margin-top:.65rem;overflow-x:auto;overflow-y:hidden;pointer-events:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}#team-stats-list::-webkit-scrollbar{display:none}.team-stat-pill,.team-stat-empty{display:inline-flex;align-items:center;gap:.34rem;min-height:1.75rem;padding:.18rem .45rem;color:#142018d1;background:#ffffff6b;border:1px solid rgba(20,32,24,.08);border-radius:8px;font-size:.78rem;font-weight:750}.team-stat-pill img{width:24px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 1px 2px #1420182e}.team-stat-pill strong{color:#d29a00;font-size:.9rem}@media(max-width:580px){#onboarding-text{font-size:1.1rem}#pennant-counter{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:.7rem .75rem}.counter-primary{align-items:flex-start;gap:.65rem}#counter-count{font-size:2.2rem}#counter-description{font-size:.76rem}#stats-summary{grid-template-columns:1fr;gap:.25rem;font-size:.74rem;max-width:48%;white-space:normal}#team-stats-list{justify-content:flex-start}.team-stat-pill,.team-stat-empty{min-height:1.55rem;font-size:.7rem;padding:.14rem .34rem}.team-stat-pill img{width:20px;height:14px}}#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}