@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/patrick-hand-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}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/patrick-hand-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quirky Shading;src:url(../fonts/QuirkyShading.ttf) format("truetype");font-display:swap}@font-face{font-family:Scruf;src:url(../fonts/Scruf-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Next Sunday;src:url(../fonts/NextSunday.ttf) format("truetype");font-display:swap}@font-face{font-family:WarOfPaperia Scribble;src:url(../fonts/WarOfPaperiaScribble-Regular.ttf) format("truetype");font-display:swap}:root{--font-title: "WarOfPaperia Scribble";--paper: #fbf7e9;--ink: #2b2b33;--rule: #cfe0f2;--blue: #3f6fe0;--red: #e24b4b;--button: #ffe070;--button-ink: #1e1b4b;--muted: #555566;--card: #fffdf5;--shadow: rgba(43, 43, 51, .18);--hl-yellow: #fff14d;--hl-cyan: #5ff0e0;--hl-pink: #ff8fc8;--hl-green: #b6f55a;--hl-orange: #ffb24d;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--accent: #e0792b;--frame-max: 480px;--sp-1: 4px;--sp-2: 6px;--sp-3: clamp(8px, 2.2vw, 12px);--sp-4: clamp(12px, 3vw, 16px);--sp-5: clamp(16px, 4vw, 22px);--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-pill: 999px;--r-doodle: 255px 14px 225px 16px / 16px 225px 14px 255px;--sh-card: 2px 2px 0 var(--shadow);--tap: 44px;font-family:Next Sunday,Patrick Hand,Trebuchet MS,system-ui,sans-serif;font-size:clamp(15px,4.3vw,18px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100vh;height:100dvh;margin:0}body{background:#ece2c9;color:var(--ink);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}#root{position:fixed;inset:0}.app{position:relative;display:flex;flex-direction:column;height:100%;width:100%;max-width:var(--frame-max);margin-inline:auto;background:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,var(--rule) 26px,var(--rule) 27px);box-shadow:0 0 0 1px #2b2b3314,0 8px 40px #2b2b3324}.btn{--hl: var(--hl-yellow);font-family:inherit;font-size:1.5rem;letter-spacing:.01em;color:var(--ink);background-color:transparent;border:2.5px solid var(--ink);border-radius:255px 14px 225px 16px/16px 225px 14px 255px;padding:.45em 1.25em;cursor:pointer;position:relative;background-image:linear-gradient(100deg,transparent 3%,var(--hl) 3%,var(--hl) 97%,transparent 97%);background-repeat:no-repeat;background-size:100% 56%;background-position:0 60%;transition:transform .07s ease}.btn:active{transform:translate(1px,2px) rotate(-.5deg)}.btn--doodle{font-family:Scruf,Patrick Hand,Trebuchet MS,sans-serif}.btn--primary{font-size:2rem;padding:.4em 1.6em;border-width:3px}.btn--ghost{--hl: transparent}.btn--danger{--hl: var(--hl-pink)}.btn--cyan{--hl: var(--hl-cyan)}.btn--pink{--hl: var(--hl-pink)}.btn--green{--hl: var(--hl-green)}.btn--orange{--hl: var(--hl-orange)}.btn:disabled{opacity:.45;cursor:default}.card{background:var(--card);border:3px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--shadow)}.header{display:flex;align-items:center;gap:clamp(3px,1.4vw,9px);padding:calc(var(--safe-top) + 8px) calc(10px + var(--safe-right)) 8px calc(10px + var(--safe-left));z-index:5}.header__name{font-size:1.05rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;padding:0;margin:0;color:inherit;font-family:inherit;cursor:pointer;text-align:left}.header__name:active{opacity:.6}.header__spacer{flex:1;min-width:0}.header .chip{padding:3px clamp(6px,2vw,10px);gap:3px;font-size:clamp(.85rem,3.2vw,1rem)}.lvl-badge{position:relative;width:36px;height:36px;flex:0 0 auto;border:none;background:none;padding:0;cursor:pointer;display:inline-grid;place-items:center}.lvl-badge__n{position:relative;z-index:1;font-weight:700;font-size:.95rem;color:var(--ink);line-height:1}.lvl-badge__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.lvl-badge__track{fill:#fffdf5;stroke:var(--ink);stroke-width:2.5;opacity:.25}.lvl-badge__fill{fill:none;stroke:var(--accent, #e0792b);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .4s ease}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--card);border:2.5px solid var(--ink);border-radius:999px;padding:3px 11px;font-size:1rem;box-shadow:2px 2px 0 var(--shadow)}.chip__icon{font-size:1.05rem;line-height:1}.chip--btn{font:inherit;color:inherit;cursor:pointer}.chip--btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:6px calc(16px + var(--safe-right)) 12px calc(16px + var(--safe-left))}.screen__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.bottomnav{display:flex;align-items:flex-end;justify-content:space-around;padding:8px calc(8px + var(--safe-right)) calc(var(--safe-bottom) + 8px) calc(8px + var(--safe-left));border-top:3px solid #3a2412;background:#7a4d22 url(../wood-nav.jpg) center/cover no-repeat;box-shadow:inset 0 9px 14px -5px #0009,inset 0 1px #ffe4ba40;z-index:5}.navbtn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:52px;background:none;border:none;color:#ffffffd1;padding:5px 0 2px;cursor:pointer}.navbtn__icon{display:flex;align-items:center;justify-content:center;line-height:1;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}.navbtn__label{font-size:.66rem;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.55)}.navbtn--active{color:#fff}.navbtn--active .navbtn__label{color:var(--hl-yellow)}.navbtn:active{transform:translateY(1px)}.navbtn--center{color:var(--ink)}.navbtn--center .navbtn__icon{background:var(--hl-yellow);border:3px solid var(--ink);border-radius:50%;width:74px;height:74px;margin-top:-30px;box-shadow:2px 3px 0 var(--shadow)}.navbtn--center .navbtn__label{color:#ffffffeb}.title-xl{font-family:var(--font-title),"Next Sunday","Quirky Shading","Patrick Hand",sans-serif;font-size:clamp(2.4rem,12vw,3.8rem);line-height:.92;margin:0;font-weight:400;letter-spacing:.02em;overflow-wrap:anywhere}.title-xl .accent{color:var(--red)}.title-xl .warof{font-family:Next Sunday,Patrick Hand,cursive;font-size:.74em;letter-spacing:0;display:inline-block;transform:rotate(-3deg)}.subtitle{color:var(--muted);font-size:1.15rem;margin:0}.h2{font-family:var(--font-title),"Next Sunday","Patrick Hand",sans-serif;font-size:1.9rem;margin:0 0 6px;letter-spacing:.01em}.muted{color:var(--muted)}.home{position:relative;justify-content:center;align-items:center;text-align:center;gap:clamp(8px,2vh,14px);padding:4px 8px}.home-flag{width:min(70vw,270px);height:auto;object-fit:contain;margin:0;transform-origin:12% 50%;animation:flagwave 3.4s ease-in-out infinite;filter:drop-shadow(3px 5px 3px rgba(0,0,0,.2))}@keyframes flagwave{0%,to{transform:perspective(620px) rotateY(0) skewY(0) translateY(0)}25%{transform:perspective(620px) rotateY(-10deg) skewY(-1.3deg) translateY(-2px)}50%{transform:perspective(620px) rotateY(0) skewY(.7deg) translateY(0)}75%{transform:perspective(620px) rotateY(10deg) skewY(-.7deg) translateY(-1px)}}@media (prefers-reduced-motion: reduce){.home-flag{animation:none}}.mode-note{font-size:.82rem;color:var(--muted);margin-top:1px}.home .home-flag{width:min(58vw,232px);max-height:clamp(88px,15vh,150px)}.home .btn--primary{font-size:1.7rem;padding:.32em 1.3em}.home .btn--secondary{font-size:1.05rem;padding:.24em .95em}.home .selected-team{padding:6px 12px}.home .selected-team__units{font-size:1.35rem;gap:5px}@media (max-height: 780px){.home{gap:clamp(4px,1.3vh,9px)}.home .home-flag{max-height:13vh}.home .btn--primary{font-size:1.45rem;padding:.26em 1.1em}.mode-note{font-size:.74rem;margin-top:0}}@media (max-height: 660px){.home{gap:clamp(3px,1vh,7px)}.home .home-flag{max-height:11vh}.home .selected-team{padding:4px 10px}.home .selected-team__units{font-size:1.15rem}.home .btn--secondary{font-size:.98rem;padding:.2em .9em}}.selected-team{display:flex;flex-direction:column;align-items:center;gap:2px;border:2.5px dashed var(--ink);border-radius:18px 10px/10px 18px;padding:6px 18px;background:#fffdf5;cursor:pointer;font-family:inherit}.selected-team:active{transform:translateY(1px)}.selected-team__label{font-size:.85rem;color:var(--muted)}.selected-team__units{display:flex;gap:7px;font-size:1.7rem}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:8px}input,textarea,select,.input{font-size:max(16px,1rem)}.wrap{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.fade-in{animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn,.chip--btn,.toggle,.filter-chip,.mini{min-height:var(--tap)}@media (min-width: 680px){:root{--frame-max: 600px;font-size:clamp(17px,2.4vw,20px)}body{background:repeating-linear-gradient(to bottom,transparent 0 25px,rgba(63,111,224,.05) 25px 26px),#e7dcc0}.grid3{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (orientation: landscape) and (max-height: 480px){.header{padding-top:calc(var(--safe-top) + 3px);padding-bottom:3px}.bottomnav{padding-top:2px}.navbtn{min-height:40px;padding:2px 0}.navbtn--center .navbtn__icon{width:48px;height:48px;margin-top:-16px}.screen__center{gap:10px;justify-content:flex-start;padding-top:6px}.title-xl{font-size:clamp(1.8rem,7vw,2.6rem)}}.has-notif{position:relative;overflow:visible}.notif-dot{position:absolute;top:-5px;right:-5px;width:14px;height:14px;background:var(--red);border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1.5px var(--ink);animation:notif-pulse 1.4s ease-in-out infinite}@keyframes notif-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.update-banner{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;max-width:min(94vw,560px);background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--shadow);padding:10px 14px;animation:update-rise .35s ease both}.update-banner__msg{font-weight:700}.update-banner__actions{display:flex;gap:8px}@keyframes update-rise{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.update-blocker{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#14121e8c;backdrop-filter:blur(2px)}.update-modal{max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;padding:22px 20px;background:var(--paper)}.update-modal p{margin:0}*{scrollbar-width:thin;scrollbar-color:var(--red) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--red);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#c43a3a}::-webkit-scrollbar-corner{background:transparent}