*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#000;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{text-align:center;position:fixed;top:calc(35px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:85%;max-width:500px;color:#ffffffd9;font-size:1.5rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;pointer-events:none;z-index:10;background:#000c;padding:.5rem 1rem}#title .subtitle{font-size:.9rem;letter-spacing:.1em;text-transform:none;color:#ffffffe6;margin-top:.5rem;font-weight:500;line-height:1.5;word-wrap:break-word}#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}}#pennant-counter{position:fixed;bottom:calc(15px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);text-align:center;padding:.5rem 1rem;pointer-events:none;z-index:30;background:#000000a6}#counter-count{color:#ffd84de6;font-size:2rem;font-weight:400;line-height:1.1}#counter-description{color:#ffffffbf;font-size:.9rem;font-weight:300;margin-top:.3rem;line-height:1.5;width:80vw}#counter-time{color:#ffffff59}@media(max-width:580px){#title{width:98%;max-width:98%;font-size:1.2rem;letter-spacing:.2em;padding:.5rem .8rem}#title .subtitle{font-size:.85rem}#onboarding-text{font-size:1.1rem}#pennant-counter{max-width:95%;padding:.4rem .8rem}#counter-count{font-size:1.6rem}#counter-description{font-size:.8rem}}#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}