html,body{margin:0;background:#edeff2}body{font-family:Familjen Grotesk,system-ui,-apple-system,Segoe UI,sans-serif}body{-webkit-tap-highlight-color:transparent}:root{--board:#EDEFF2;--frame:#C9D0DA;--paper:#FFFFFF;--ink:#0B3FA0;--ink2:#5D677A;--pitch:#0E7A3C;--pitch2:#0B6633;--red:#CE2231;--amber:#F6C21B;--line:#DDE2EA;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:22px;--r-sm:7px;--r-md:11px;--r-lg:14px;--ease:cubic-bezier(.2,.7,.3,1);--dur:.17s}.fapp{font-family:Familjen Grotesk,system-ui,sans-serif;color:var(--ink);background:var(--board);min-height:100vh;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}.fapp *{box-sizing:border-box}.fapp h1,.fapp h2,.fapp p{margin:0}.display,.section-h,.card-h,.g-title,.count .num,.amt,.mine-num{font-weight:700;line-height:1.04;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top{max-width:560px;margin:0 auto;padding:14px 14px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.team{font-size:28px;overflow-wrap:anywhere}.who-btn{display:flex;align-items:center;gap:8px;flex:none;max-width:52%;padding:6px 8px 6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;text-align:right;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.who-btn.on{border-color:var(--ink);background:var(--ink);color:#fff}.who-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.who-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-sub{font-size:11.5px;color:var(--ink2);font-weight:600}.who-btn.on .who-sub{color:#b9c4e4}.gear{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;opacity:.9}.link{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.light-link{color:#fff;margin-top:6px;font-weight:500}.tabs{position:sticky;top:0;z-index:5;background:var(--board);border-bottom:2px solid var(--frame)}.tabs-inner{max-width:560px;margin:0 auto;display:flex;padding:0 4px}.tab{flex:1;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:10px 2px 8px;font:600 14px Familjen Grotesk,system-ui,sans-serif;color:var(--ink2);cursor:pointer;white-space:nowrap;position:relative;transition:color var(--dur) var(--ease),border-bottom-color var(--dur) var(--ease)}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--red)}.tab:active{color:var(--ink)}.wrap{max-width:560px;margin:0 auto;padding:14px 14px 84px;animation:panel var(--dur) var(--ease) both}@keyframes panel{0%{opacity:0;transform:translateY(5px)}}.section-h{font-size:21px;margin:20px 0 8px}.wrap>.section-h:first-child{margin-top:2px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 14px;margin-bottom:10px}.card.featured{border:2px solid var(--ink)}.card.cancelled{opacity:.72}.card-h{font-size:20px;margin-bottom:8px}.card-h.sep{border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.mb{margin-bottom:10px}.g-toggle{display:block;width:100%;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.g-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.g-title{font-size:20px}.g-title.big{font-size:28px}.g-meta{color:var(--ink2);font-size:14px;margin-top:2px}.g-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.g-body{margin-top:12px;animation:reveal var(--dur) var(--ease) both}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}}.badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--board);border:1px solid var(--line);font-size:13px;font-weight:600;white-space:nowrap;vertical-align:1px}.badge.cancel{background:#fbe9e7;border-color:#f0c4bf;color:var(--red)}.badge.you-in{background:var(--pitch);border-color:var(--pitch);color:#fff}.badge.you-maybe{background:var(--amber);border-color:var(--amber);color:var(--ink)}.badge.you-out{background:var(--red);border-color:var(--red);color:#fff}.badge.ok{background:#e3f1e7;border-color:#bfddc8;color:var(--pitch)}.badge.sent{background:#fff4d6;border-color:#f1d48a;color:#7a5600}.badge.admin{background:var(--ink);border-color:var(--ink);color:#fff;font-size:12px;padding:1px 8px}.q{font-weight:600;margin-bottom:8px}.vote{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vote{gap:var(--s2)}.vbtn{min-height:46px;padding:11px 4px;border-radius:var(--r-sm);border:2px solid var(--ink);background:#fff;color:var(--ink);font:700 16px Familjen Grotesk,system-ui,sans-serif;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform 90ms var(--ease)}.vbtn:active{transform:scale(.96)}.vbtn.in.on{background:var(--pitch);border-color:var(--pitch);color:#fff}.vbtn.maybe.on{background:var(--amber);border-color:var(--amber);color:var(--ink)}.vbtn.out.on{background:var(--red);border-color:var(--red);color:#fff}.count{margin-top:16px;font-weight:600;color:var(--ink2);display:flex;align-items:baseline;gap:6px}.count .num{font-size:36px;color:var(--ink)}.pitch,.band{background:repeating-linear-gradient(90deg,var(--pitch) 0 12.5%,var(--pitch2) 12.5% 25%)}.pitch{position:relative;margin:10px 0 4px;min-height:168px;padding:30px 20px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lines{position:absolute;inset:9px;border:2px solid rgba(255,255,255,.72);border-radius:2px;pointer-events:none}.lines:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2px solid rgba(255,255,255,.72)}.lines .circle{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border:2px solid rgba(255,255,255,.72);border-radius:50%}.lines .box{position:absolute;top:26%;bottom:26%;width:10%;border:2px solid rgba(255,255,255,.72)}.lines .box.l{left:-2px;border-left:0}.lines .box.r{right:-2px;border-right:0}.on-pitch{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pitch-empty{color:#fff;font-weight:600;background:#0000002e;padding:4px 12px;border-radius:999px}.band{position:relative;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:64px}.band .lines{inset:14px}.band .circle{width:90px;height:90px;margin:-45px 0 0 -45px}.screen.login{padding-top:16px}.magnet{display:inline-flex;align-items:center;gap:7px;max-width:170px;padding:6px 12px;border-radius:999px;border:0;background:#fff;color:var(--ink);font:600 14px Familjen Grotesk,system-ui,sans-serif;box-shadow:0 2px #101c4061;text-align:left}.magnet .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.magnet .dot{width:9px;height:9px;border-radius:50%;flex:none}.magnet.in .dot{background:var(--pitch)}.magnet.maybe .dot{background:var(--amber)}.magnet.out .dot{background:var(--red)}.magnet.none .dot{border:1.5px solid var(--ink2)}.magnet.you{background:var(--ink);color:#fff}.magnet.you.none .dot{border-color:#fff}button.magnet{cursor:pointer}.on-pitch .magnet.you{animation:pop .28s ease-out}@keyframes pop{0%{transform:scale(.55);opacity:0}}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips .magnet{box-shadow:none;border:1px solid var(--line)}.chips .magnet.you{border-color:var(--ink)}.group{margin-top:14px}.group-label{font-size:14px;font-weight:600;color:var(--ink2);margin-bottom:6px}.cost{margin-top:16px;font-size:15px}.hint{font-size:13px;color:var(--ink2);margin-top:4px}.tools{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:var(--r-sm);border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:600 15px Familjen Grotesk,system-ui,sans-serif;cursor:pointer;text-decoration:none;text-align:center;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform 90ms var(--ease)}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--ink);color:#fff}.btn.small{min-height:32px;padding:5px 11px;font-size:13.5px}.btn.danger{border-color:var(--red);color:var(--red)}.btn.light{background:#fff;border-color:#fff;color:var(--ink)}.btn.danger-light{background:transparent;border-color:#f3a49c;color:#f3a49c}.btn:disabled{opacity:.42;cursor:not-allowed}.wide{width:100%;margin-bottom:10px}.empty{border:2px dashed var(--frame);border-radius:var(--r-md);padding:20px 16px;text-align:center;margin:10px 0}.empty p+p{margin-top:4px}.muted{color:var(--ink2)}.small{font-size:13px}.rule{margin-bottom:12px;font-size:15px}.err{color:var(--red);font-weight:600;margin:4px 0 8px}.okmsg{color:var(--pitch);font-weight:600;margin:4px 0 8px}.alert{background:#fff4d6;border:1px solid #F1D48A;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-weight:600;color:#5e4300}.loading-inline{padding:24px 0;text-align:center}.form .two,.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:block;margin:0 0 10px;font-weight:600;font-size:13.5px;border:0;padding:0;min-width:0}.field input,.field select,.field textarea{display:block;width:100%;margin-top:4px;padding:9px 11px;border:1.5px solid var(--frame);border-radius:var(--r-sm);font:400 16px Familjen Grotesk,system-ui,sans-serif;color:var(--ink);background:#fff;min-height:42px;transition:border-color var(--dur) var(--ease)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink)}.field textarea{resize:vertical}fieldset.field legend{padding:0;margin-bottom:4px}.radio,.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:15px;margin:6px 0 10px;cursor:pointer}.radio input,.check input{margin-top:3px;accent-color:var(--ink);width:18px;height:18px;flex:none}.inline{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--frame);border-radius:8px;font:400 16px Familjen Grotesk,system-ui,sans-serif;color:var(--ink);background:#fff}.srow{padding:9px 0;border-bottom:1px solid var(--line)}.srow:last-child{border-bottom:0;padding-bottom:0}.srow:first-child{padding-top:0}.srow-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.manage{margin-top:10px;padding:12px;background:var(--board);border-radius:var(--r-sm);animation:reveal var(--dur) var(--ease) both}.manage .tools{margin-top:4px}.pname{font-weight:600}.monthnav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.monthnav .month{font-size:25px;text-align:center}.monthnav .btn{font-size:20px;line-height:1;padding:6px 14px}.mine{background:var(--ink);color:#fff;border-radius:var(--r-md);padding:15px 16px;margin-bottom:10px}.mine-num{font-size:44px;margin:1px 0}.mine .sub{color:#c9d0e6;font-size:15px}.mine .sub.small{font-size:13px;margin-top:6px}.pay{margin-top:16px;border-top:1px solid rgba(255,255,255,.2);padding-top:16px;display:grid;gap:14px}.pay .wide{margin-bottom:0}.pay-btn{width:100%;background:var(--amber);border-color:var(--amber);color:var(--ink);font-size:17px;padding:13px 16px}.bank{background:#ffffff14;border-radius:8px;padding:12px}.bank pre{white-space:pre-wrap;font:600 16px Familjen Grotesk,system-ui,sans-serif;margin:4px 0 6px;color:#fff}.bank .btn{margin-top:10px}.paystate{margin-top:14px;padding:12px 14px;border-radius:8px;background:#ffffff1f;font-weight:600}.paystate.ok{background:var(--pitch)}.prow{display:grid;grid-template-columns:1fr auto 96px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.prow:last-of-type{border-bottom:0}.amt{font-size:20px;text-align:right}.paid-cell{text-align:right}.paid-btn{width:100%;min-height:32px;padding:6px 8px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:600 13.5px Familjen Grotesk,system-ui,sans-serif;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform 90ms var(--ease)}.paid-btn:active{transform:scale(.95)}.paid-btn.on{background:var(--pitch);border-color:var(--pitch);color:#fff}.paid-btn.pending{background:var(--amber);border-color:var(--amber);color:var(--ink)}.totals{border-top:2px solid var(--ink);margin-top:2px;padding-top:12px;display:grid;gap:4px}.totals div{display:flex;justify-content:space-between}.photo-bar{display:flex;gap:8px;margin-bottom:8px}.photo-bar .upload{flex:1}.upload:focus-within{outline:3px solid var(--amber);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.thumb{padding:0;border:0;background:var(--line);aspect-ratio:1/1;overflow:hidden;border-radius:4px;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.lightbox{position:fixed;inset:0;background:#101a3a;color:#fff;z-index:40;display:flex;flex-direction:column}.lb-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600}.lb-img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 8px;touch-action:pan-y}.lb-img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.lb-img img.blurry{filter:blur(4px)}.lb-info{padding:12px 16px 22px;max-width:560px;width:100%;margin:0 auto}.lb-cap{font-size:17px;font-weight:600;margin-bottom:2px}.lb-meta{color:#c9d0e6;font-size:14px}.lb-info .tools{margin-top:12px}.screen{max-width:480px;margin:0 auto;padding:44px 20px}.screen h1{font-size:48px;margin-bottom:14px}.screen>p{margin-bottom:18px}.screen .small{margin-top:4px}.loading{padding:90px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--ink2);font-weight:600}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--r-sm);font-weight:600;font-size:15px;z-index:50;max-width:calc(100% - 32px);text-align:center;animation:toast-in .22s var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.modal{position:fixed;inset:0;background:#1c2b5e73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:45}.modal-card{background:#fff;border-radius:12px;padding:18px;width:100%;max-width:440px}.modal-card textarea{width:100%;margin:12px 0;padding:10px;border:1.5px solid var(--frame);border-radius:8px;font:400 15px Familjen Grotesk,system-ui,sans-serif;color:var(--ink)}.fapp button:focus-visible,.fapp a:focus-visible,.fapp input:focus-visible,.fapp select:focus-visible,.fapp textarea:focus-visible{outline:3px solid var(--amber);outline-offset:2px}@media (max-width:400px){.team{font-size:24px}.g-title.big{font-size:26px}.prow{grid-template-columns:1fr auto 86px;gap:8px}.tab{font-size:13px;padding:10px 0 8px}.who-btn{max-width:48%}.mine-num{font-size:40px}}@media (prefers-reduced-motion:reduce){.fapp *{animation:none!important;transition:none!important}}.badge-img{display:block;height:auto;user-select:none;-webkit-user-drag:none}.band-badge{position:absolute;left:50%;bottom:-64px;transform:translate(-50%);width:auto;height:200px;z-index:1;filter:drop-shadow(0 4px 0 rgba(8,20,60,.22))}.brand{display:flex;align-items:center;gap:10px;min-width:0}.top-badge{width:auto;height:54px;flex:none}.setup-badge{width:auto;height:120px;margin:0 0 20px}.loading-badge{width:auto;height:110px;animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.05)}}.top-badge{height:40px}@media (max-width:400px){.top-badge{height:34px}.band-badge{height:180px;bottom:-56px}.band{margin-bottom:56px}}.img-wait{display:block;width:100%;height:100%;min-height:80px;background:var(--line)}.lb-img .img-wait{background:#ffffff14;max-width:560px;height:60%}.or-line{display:flex;align-items:center;gap:10px;margin:22px 0 12px;color:var(--ink2);font-size:14px;font-weight:600}.or-line:before,.or-line:after{content:"";flex:1;border-top:1px solid var(--frame)}.badge.noapp{background:#fff;border-color:var(--frame);color:var(--ink2);font-size:12px;padding:1px 8px}.money-seg{margin-bottom:14px}.gamebill{border-left:4px solid var(--amber)}.gb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gb-when{min-width:0}.gb-when .g-title{font-size:20px;overflow-wrap:anywhere}.gb-total{font-weight:700;font-size:30px;line-height:1.05;white-space:nowrap}.gb-toggle{margin-top:10px;text-align:left}.gb-tools{margin-top:12px}.gamebill .prow:first-of-type{border-top:1px solid var(--line);margin-top:10px}.gamebill.soon{border-left-style:dashed}.gb-note{margin-top:8px}.old-invoice{border-left:4px solid var(--frame)}.section-sub{font-family:Familjen Grotesk,system-ui,sans-serif;font-weight:500;font-size:14px;color:var(--ink2);margin-left:8px;letter-spacing:0}.teams-block,.roulette{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.teams-title{font-weight:700;font-size:22px;margin:0 0 10px}.roulette-start{margin-bottom:0;border-style:dashed}.team-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.team-cols.n3{grid-template-columns:repeat(3,1fr)}.team-col{border-radius:8px;padding:10px 10px 8px;border:2px solid;background:#fff;min-width:0}.team-col.blue{border-color:var(--ink)}.team-col.red{border-color:var(--red)}.team-col.gold{border-color:var(--amber)}.team-name{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:20px;margin-bottom:4px}.team-col.blue .team-name{color:var(--ink)}.team-col.red .team-name{color:var(--red)}.team-col.gold .team-name{color:#8a6a00}.team-name span{font-family:Familjen Grotesk,system-ui,sans-serif;font-size:13px;font-weight:700;color:#fff;border-radius:999px;padding:1px 8px;background:var(--ink)}.team-col.red .team-name span{background:var(--red)}.team-col.gold .team-name span{background:var(--amber);color:var(--ink)}.team-col ol{margin:0;padding-left:20px;font-weight:600;font-size:15px}.team-col li{padding:2px 0;overflow-wrap:anywhere}@keyframes drop{0%{transform:translateY(-8px);opacity:0}}.tabs-inner{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs-inner::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;padding-left:10px;padding-right:10px;position:relative}.tab-dot{position:absolute;top:9px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--red)}.link-box{font-weight:600;padding:12px 14px;border:2px dashed var(--ink);border-radius:10px;background:var(--board);overflow-wrap:anywhere}.teams-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.teams-head .teams-title{margin:0}.make-teams{margin-bottom:0}.seg{display:inline-flex;border:2px solid var(--ink);border-radius:8px;overflow:hidden}.seg button{border:0;background:#fff;color:var(--ink);font:600 15px Familjen Grotesk,system-ui,sans-serif;padding:7px 14px;cursor:pointer;min-width:40px;min-height:38px;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.seg button+button{border-left:1px solid var(--frame)}.seg button.on{background:var(--ink);color:#fff}.wide-seg{display:flex;margin-top:4px}.wide-seg button{flex:1}.field-label{display:block}.team-cols.n4{grid-template-columns:repeat(2,1fr)}.team-cols.n5,.team-cols.n6{grid-template-columns:repeat(3,1fr)}.team-col.green{border-color:var(--pitch)}.team-col.green .team-name{color:var(--pitch)}.team-col.green .team-name span{background:var(--pitch)}.team-col.white{border-color:#b9c0c6;background:#fafbfa}.team-col.white .team-name{color:#56627f}.team-col.white .team-name span{background:#fff;color:var(--ink);border:1px solid #B9C0C6}.team-col.black{border-color:#1d1f24}.team-col.black .team-name{color:#1d1f24}.team-col.black .team-name span{background:#1d1f24}.team-col li.deal{animation:deal .32s ease-out both}@keyframes deal{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.news-banner{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--paper);border:2px solid var(--ink);border-left-width:8px;border-radius:10px;padding:10px 12px;margin-bottom:12px;cursor:pointer;font:inherit;color:inherit}.news-banner.payment{border-left-color:var(--amber)}.news-banner.game{border-left-color:var(--pitch)}.news-banner-label{font-weight:700;font-size:16px;color:var(--red);flex:none}.news-banner-title{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-banner-go{font-size:22px;line-height:1;color:var(--ink2)}.news-card{border-left:6px solid var(--ink2)}.news-card.topic-game{border-left-color:var(--pitch)}.news-card.topic-payment{border-left-color:var(--amber)}.news-card.pinned{border-top:2px solid var(--ink);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.news-top{display:flex;gap:8px;align-items:center;margin-bottom:8px}.topic-chip{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--board);color:var(--ink2);border:1px solid var(--line)}.topic-chip.game{background:#e3f1e7;border-color:#bfddc8;color:var(--pitch)}.topic-chip.payment{background:#fff4d6;border-color:#f1d48a;color:#7a5600}.pin-label{font-size:12px;font-weight:700;color:var(--red)}.news-title{font-weight:700;font-size:24px;line-height:1.1;margin:0 0 8px}.news-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.news-meta{font-size:13px;color:var(--ink2);margin:0}.news-card .tools{margin-top:12px}.lang-picker{display:flex;border:2px solid var(--ink);border-radius:8px;overflow:hidden}.lang-picker button{flex:1;border:0;background:#fff;color:var(--ink);font:600 15px Familjen Grotesk,system-ui,sans-serif;padding:10px 6px;cursor:pointer}.lang-picker button+button{border-left:1px solid var(--frame)}.lang-picker button.on{background:var(--ink);color:#fff}.lang-picker.compact{margin-top:22px;border-width:1.5px}.lang-picker.compact button{font-size:14px;padding:8px 4px}.prow{grid-template-columns:1fr auto auto}.paid-cell{min-width:92px}.paid-btn{white-space:nowrap;width:auto;min-width:92px;padding:7px 12px}.tabs-inner{scroll-padding:0 12px}.install-card.done{border-color:var(--pitch)}.install-btn{margin-bottom:0}.install-steps{margin:0;padding:0;list-style:none;counter-reset:step}.install-step{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:15px}.install-step+.install-step{border-top:1px solid var(--line)}.step-n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:700 14px Familjen Grotesk,system-ui,sans-serif;display:flex;align-items:center;justify-content:center}.inline-icon{width:18px;height:18px;vertical-align:-4px;margin-left:2px;color:var(--ink)}.install-hide{display:block;margin-top:12px;font-size:14px;color:var(--ink2)}.modal-card .install-card{border:0;padding:0;margin-bottom:16px}.or-manual{margin:12px 0 4px;font-weight:600}.install-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-icon{width:18px;height:18px;flex:none}.install-hint-wrap{margin-top:18px}.install-hint-wrap .btn{border-style:dashed;margin-bottom:0}.install-bar{max-width:560px;margin:0 auto;padding:0 16px 12px}.install-bar:empty{display:none}.top-install{width:100%;padding:9px 12px;font-size:14px;border-style:dashed}.top-install .btn-icon{width:16px;height:16px}.team{font-size:34px}@media (min-width:420px){.team{font-size:38px}}.modal-card .install-steps{margin-bottom:16px}.install-pop{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px;display:flex;justify-content:center;pointer-events:none}.install-pop-card{position:relative;pointer-events:auto;width:100%;max-width:440px;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:16px;box-shadow:0 8px 28px #0b2a6f47;animation:pop-up .3s ease-out}@keyframes pop-up{0%{transform:translateY(110%);opacity:0}}.install-pop-top{display:flex;gap:12px;align-items:center;margin-bottom:14px;padding-right:22px}.pop-badge{height:48px;width:auto;flex:none}.install-pop-title{font-weight:700;font-size:21px;line-height:1.1;margin-bottom:2px}.install-pop-tools{display:flex;gap:8px}.install-pop-tools .btn{flex:1;padding-left:8px;padding-right:8px;white-space:nowrap}.install-pop-tools .install-btn{flex:1.3;gap:6px}.install-pop-x{position:absolute;top:6px;right:8px;background:none;border:0;font-size:26px;line-height:1;color:var(--ink2);cursor:pointer;padding:4px 8px}.install-pop .install-steps{margin-bottom:14px}@media (prefers-reduced-motion:reduce){.install-pop-card{animation:none}}.chat{display:flex;flex-direction:column;height:calc(100dvh - 250px);min-height:320px}.chat-list{flex:1;overflow-y:auto;padding-right:2px;-webkit-overflow-scrolling:touch}.chat-day{text-align:center;margin:14px 0 10px}.chat-day span{background:var(--frame);color:var(--ink);font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px}.bubble-row{display:flex;margin-bottom:6px}.bubble-row.mine{justify-content:flex-end}.bubble{position:relative;max-width:80%;background:var(--paper);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:8px 12px 6px}.bubble-row.mine .bubble{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:14px 14px 4px}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.35}.bubble-time{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:11px;color:var(--ink2);margin-top:2px}.bubble-row.mine .bubble-time{color:#b9c5e4}.bubble-del{background:none;border:0;color:inherit;opacity:.55;font-size:16px;line-height:1;padding:0 2px;cursor:pointer}.bubble-del:hover{opacity:1}.chat-box{display:flex;gap:8px;align-items:flex-end;padding-top:10px;border-top:1px solid var(--line);background:var(--board)}.chat-input{flex:1;resize:none;padding:10px 12px;border:1.5px solid var(--frame);border-radius:18px;font:400 16px Familjen Grotesk,system-ui,sans-serif;color:var(--ink);background:#fff;max-height:120px}.chat-send{flex:none;width:46px;height:46px;padding:0;border-radius:50%}.chat-send .btn-icon{width:20px;height:20px}.archive-link{display:flex;align-items:center;justify-content:center;gap:10px;border-style:dashed;margin-top:4px}.archive-count{background:var(--ink);color:#fff;border-radius:999px;font-size:13px;font-weight:700;padding:1px 9px}.back-btn{margin-bottom:12px}.archive-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.archive-top>div{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.archive-num{font-weight:700;font-size:34px;line-height:1}.archive-search{width:100%;margin-bottom:14px}.archive-card .g-title{font-size:19px}.notif-card.on{border-color:var(--pitch)}.notif-state{align-self:center}.alltime-list{list-style:none;margin:0;padding:0}.alltime-row{display:grid;grid-template-columns:22px minmax(64px,1fr) 1fr 28px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}.alltime-row:last-child{border-bottom:0}.alltime-rank{font-weight:700;color:var(--ink2);text-align:center}.alltime-row.you{font-weight:700}.alltime-row.you .alltime-rank{color:var(--red)}.alltime-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.alltime-name .badge{font-size:11px;padding:0 6px}.alltime-bar{height:10px;border-radius:999px;background:var(--board);overflow:hidden}.alltime-bar i{display:block;height:100%;background:var(--pitch);border-radius:999px;min-width:2px}.alltime-row.you .alltime-bar i{background:var(--ink)}.alltime-n{font-weight:700;font-size:19px;text-align:right}.alltime .btn{margin-top:12px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:transparent;border:1.5px solid var(--frame);margin-right:7px;vertical-align:1px;flex:none}.live-dot.on{background:var(--pitch);border-color:var(--pitch);box-shadow:0 0 0 3px #2f7d4a2e}.online-count{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.chat-online{display:flex;align-items:center;gap:2px;padding:8px 12px;margin-bottom:8px;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:14px}.chat-online strong{font-weight:600}.bubble-who{display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--ink2);margin-bottom:3px}.bubble-row.mine .bubble-who{color:#c9d0e6;justify-content:flex-end}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:999px;background:var(--red);color:#fff;font:700 11px Familjen Grotesk,system-ui,sans-serif;vertical-align:1px}.gate{margin-top:14px;padding-top:14px;border-top:1px solid var(--line, rgba(0, 0, 0, .12));display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.gate-state{flex:1 1 180px;min-width:0}.gate-state .badge{margin-bottom:6px}.gate .btn{white-space:nowrap}.pos-tag{display:inline-block;flex:none;padding:1px 8px;border-radius:4px;background:var(--board);border:1px solid var(--line);font:700 11px Familjen Grotesk,system-ui,sans-serif;color:var(--ink2);white-space:nowrap;vertical-align:1px}.pos-tag.gk{background:#fff4d6;border-color:#f1d48a;color:#7a5600}.pos-tag.def{background:#e7ecf7;border-color:#c3cfe6;color:var(--ink)}.pos-tag.mid{background:#e3f1e7;border-color:#bfddc8;color:var(--pitch)}.pos-tag.att{background:#fbe9e7;border-color:#f0c4bf;color:var(--red)}.pos-tag.alt{border-style:dashed;font-weight:600}.pname{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pname .pos-tag{margin-left:0}.team-col li{display:block}.tc-name{display:block;overflow-wrap:anywhere}.team-col .pos-tag{margin-top:2px;font-size:10px;padding:0 6px}.pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.pos-grid .any{grid-column:1 / -1}.pos-cell{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 7px;min-height:48px;padding:7px 8px;border:1px solid var(--frame);border-radius:9px;background:var(--paper);color:var(--ink);font:700 15px Familjen Grotesk,system-ui,sans-serif;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.pos-cell:disabled{opacity:.55;cursor:default}.pos-rank{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:0 6px;line-height:16px}.pos-cell.main.gk{background:var(--amber);border-color:var(--amber);color:#3a2e00}.pos-cell.main.def{background:var(--ink);border-color:var(--ink);color:#fff}.pos-cell.main.mid{background:var(--pitch);border-color:var(--pitch);color:#fff}.pos-cell.main.att{background:var(--red);border-color:var(--red);color:#fff}.pos-cell.main.any{background:var(--ink);border-color:var(--ink);color:#fff}.pos-cell.backup{border-width:2px;border-style:dashed;padding:6px 7px}.pos-cell.backup.gk{border-color:#c79a00;color:#6b4c00}.pos-cell.backup.def{border-color:var(--ink);color:var(--ink)}.pos-cell.backup.mid{border-color:var(--pitch);color:var(--pitch2)}.pos-cell.backup.att{border-color:var(--red);color:var(--red)}.gap-top{margin-top:8px}@media (max-width:360px){.tabs-inner{padding:0}.tab{font-size:11.5px;letter-spacing:-.02em;padding:10px 0 8px}}.pitch-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--board)}.pitch-bg .stripes{position:absolute;inset:-20%;background:repeating-linear-gradient(94deg,rgba(11,63,160,.035) 0 46px,transparent 46px 92px);animation:drift 26s linear infinite}@keyframes drift{to{transform:translate(92px)}}.pitch-bg .markings{position:absolute;left:50%;top:14%;width:150vw;height:150vw;transform:translate(-50%);border-top:2px solid rgba(11,63,160,.06)}.pitch-bg .markings:before{content:"";position:absolute;left:50%;top:0;width:52vw;height:52vw;margin:-26vw 0 0 -26vw;border:2px solid rgba(11,63,160,.06);border-radius:50%;animation:breathe-pitch 9s ease-in-out infinite}.pitch-bg .markings:after{content:"";position:absolute;left:50%;top:0;width:3px;height:150vw;background:#0b3fa00d}@keyframes breathe-pitch{50%{transform:scale(1.035)}}.fapp{position:relative;z-index:1;background:transparent}.fapp .tabs{background:var(--paper)}.top{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--ink),#08306F);color:#fff}.top .team{color:#fff}.who-btn{background:#ffffff26;border-color:transparent;color:#fff}.who-btn .who-sub{color:var(--amber)}.who-btn.on{background:#fff;border-color:#fff;color:var(--ink)}.who-btn.on .who-name{color:var(--ink)}.who-btn.on .who-sub{color:var(--ink2)}.install-bar{padding-top:8px}.top .ball{position:absolute;top:50%;left:-40px;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 46%,#e7eaf0 47% 100%);box-shadow:0 1px 3px #0000004d;animation:roll 23s var(--ease) infinite;pointer-events:none}.top .ball:after{content:"";position:absolute;inset:3.5px;border-radius:50%;background:conic-gradient(var(--ink) 0 12%,transparent 12% 38%,var(--ink) 38% 50%,transparent 50% 88%,var(--ink) 88%);opacity:.5;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes roll{0%{left:-40px}22%{left:calc(100% + 40px)}to{left:calc(100% + 40px)}}.tricolour{display:flex;height:5px}.tricolour i{flex:1;transform-origin:left;animation:sweep .55s var(--ease) both}.tricolour i:nth-child(1){background:var(--ink);animation-delay:.1s}.tricolour i:nth-child(2){background:var(--amber);animation-delay:.18s}.tricolour i:nth-child(3){background:var(--red);animation-delay:.26s}@keyframes sweep{0%{transform:scaleX(0)}}.card.featured{border:1px solid var(--line);padding-left:19px;position:relative;overflow:hidden}.card.featured:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,var(--ink) 0 33%,var(--amber) 33% 66%,var(--red) 66%);transform-origin:top;animation:sweepv .6s var(--ease) .2s both}@keyframes sweepv{0%{transform:scaleY(0)}}.fx{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.fx .veil{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 48%,rgba(11,63,160,.18),transparent 70%);animation:veil 1.5s var(--ease) both}@keyframes veil{0%{opacity:0}18%{opacity:1}70%{opacity:1}to{opacity:0}}.fx .ballbig{position:absolute;font-size:96px;line-height:1;transform:scale(.05);opacity:0;filter:blur(3px);animation:incoming .72s cubic-bezier(.45,.05,.3,1) both}@keyframes incoming{0%{transform:scale(.05) rotate(0);opacity:0;filter:blur(4px)}12%{opacity:1}78%{transform:scale(1.75) rotate(640deg);opacity:1;filter:blur(0)}to{transform:scale(2.5) rotate(760deg);opacity:0;filter:blur(1px)}}.fx .ballbig.quiet{animation:quietball .62s var(--ease) both}@keyframes quietball{0%{transform:scale(.08) rotate(0);opacity:0;filter:blur(3px)}20%{opacity:1}70%{transform:scale(1.1) rotate(430deg);opacity:1;filter:blur(0)}to{transform:scale(1.25) rotate(520deg);opacity:0}}.fx .goal{position:absolute;font:700 clamp(54px,17vw,86px)/1 "Familjen Grotesk",system-ui,sans-serif;color:var(--amber);-webkit-text-stroke:3px #0A1020;letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 7px 0 rgba(10,16,32,.28);opacity:0;animation:goalpop .85s var(--ease) .62s both}@keyframes goalpop{0%{opacity:0;transform:scale(.3) rotate(-7deg)}40%{opacity:1;transform:scale(1.14) rotate(2deg)}58%{transform:scale(1) rotate(0)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97) .62s both}@keyframes shake{10%{transform:translate(-7px,3px)}20%{transform:translate(6px,-4px)}30%{transform:translate(-8px,-2px)}40%{transform:translate(7px,4px)}50%{transform:translate(-5px,2px)}60%{transform:translate(4px,-3px)}70%{transform:translate(-3px,1px)}80%{transform:translate(2px,2px)}90%{transform:translate(-1px,-1px)}to{transform:translate(0)}}.fx .face{position:absolute;font-size:88px;line-height:1;opacity:0;animation:facein .35s var(--ease) both,jitter .16s linear .35s 7,faceout .3s var(--ease) 1.5s both}@keyframes facein{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes faceout{to{opacity:0;transform:scale(.88)}}@keyframes jitter{0%{transform:translate(0) rotate(0)}25%{transform:translate(-3px,1px) rotate(-3deg)}50%{transform:translate(3px,-1px) rotate(3deg)}75%{transform:translate(-2px,2px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.fx .drop{position:absolute;font-size:24px;opacity:0;animation:fling .85s var(--ease) both}.fx .drop.d1{animation-delay:.3s}.fx .drop.d2{animation-delay:.52s}.fx .drop.d3{animation-delay:.72s}@keyframes fling{0%{opacity:0;transform:translate(-26px,-26px) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-70px,62px) scale(1.05)}}.fx .drop.r{animation-name:flingr}@keyframes flingr{0%{opacity:0;transform:translate(26px,-26px) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(70px,62px) scale(1.05)}}.fx .sad{position:absolute;font-size:88px;line-height:1;opacity:0;animation:sink 1.5s var(--ease) both}@keyframes sink{0%{opacity:0;transform:translateY(-26px) scale(.6) rotate(0)}22%{opacity:1;transform:translateY(0) scale(1) rotate(0)}62%{opacity:1;transform:translateY(12px) scale(1) rotate(-7deg)}to{opacity:0;transform:translateY(42px) scale(.9) rotate(-11deg)}}.fx .say{position:absolute;bottom:26%;font:700 22px Familjen Grotesk,system-ui,sans-serif;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 18px;opacity:0;animation:sayin .5s var(--ease) .3s both,sayout .3s var(--ease) 1.5s both}@keyframes sayin{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@keyframes sayout{to{opacity:0}}@media (prefers-reduced-motion:reduce){.fx .ballbig,.fx .face,.fx .sad,.fx .goal,.fx .say{opacity:1!important;transform:none!important;filter:none!important}.fx .drop,.fx .veil,.pitch-bg .stripes,.top .ball{display:none}}