@font-face{font-family:LocalHeavy;src:local('Arial Black');font-weight:900}
:root{color-scheme:dark;--yellow:#ffd700;--black:#0d0d0d;--paper:#f5f2e9;--muted:#8a8a8a;--display:LocalHeavy,'Arial Black',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#171715;color:#fff;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;gap:100px;padding:28px;background-image:radial-gradient(#ffffff09 1px,transparent 1px);background-size:7px 7px}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ff7546;outline-offset:4px}button svg{pointer-events:none}svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{touch-action:manipulation}.review{width:330px}.review-back{color:#93938b;text-decoration:none;font-size:12px}.kicker{font-size:10px;letter-spacing:2px;font-weight:900;margin-top:60px;color:var(--yellow)}.review h1{font:900 56px/.97 var(--display);letter-spacing:-3px;margin:22px 0}.review h1 em{color:var(--yellow);font-style:italic}.review-copy{font-size:13px;color:#aaa99f;line-height:1.7}.review nav{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:30px}.review nav button{min-height:43px;background:transparent;color:#b4b3a8;border:1px solid #393930;text-align:left;padding:10px;font-size:11px}.review nav button.active{background:var(--yellow);color:#111;border-color:var(--yellow);font-weight:900}.review-foot{display:block;color:#6d6d61;font-size:10px;margin-top:25px}
.phone{position:relative;isolation:isolate;width:390px;height:844px;flex-shrink:0;overflow:hidden;border-radius:34px;background:var(--black);box-shadow:0 0 0 7px #292923,0 0 0 8px #45453b,20px 30px 70px #0007;color:var(--paper)}.safe-top{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:11px;font-weight:800;position:relative;z-index:4;background:#0d0d0d}.status-icons{display:flex;align-items:center;gap:6px}.status-icons svg{width:14px;height:14px}.island{position:absolute;top:11px;left:146px;width:98px;height:24px;border-radius:20px;background:#232321}.content{height:714px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:0 19px 22px;background-image:radial-gradient(#ffffff0d .7px,transparent .7px);background-size:6px 6px}.content::-webkit-scrollbar{display:none}.screen-body{animation:enter .22s ease-out}.head{height:60px;display:flex;align-items:center;justify-content:space-between;gap:8px}.head-title{font-weight:900;font-size:14px;flex:1;text-align:center}.icon-button{display:grid;place-items:center;width:48px;height:48px;border:0;background:transparent;color:var(--paper)}.wordmark{font:900 italic 25px/.8 var(--display);letter-spacing:-1.4px;transform:rotate(-3deg);color:var(--yellow)}.wordmark small{font:800 8px Arial;display:block;letter-spacing:5px;color:white;margin:7px 0 0 4px}.head-avatar{border-radius:50%;width:36px;height:36px;border:2px solid #0d0d0d;background:var(--yellow);color:#111;display:grid;place-items:center;font-size:12px;font-weight:900}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#adada5;font-weight:800;margin:14px 0 7px}.headline{font:900 30px/1.03 var(--display);letter-spacing:-1.4px;text-transform:uppercase;margin:0 0 18px}.headline em{color:var(--yellow);font-style:italic}.headline.small{font-size:25px}.ink-panel{border:3px solid #000;border-radius:20px 20px 2px 2px;box-shadow:5px 5px 0 var(--yellow);background:var(--paper);color:var(--black);margin:0 5px 16px 0}.hero-card{position:relative;display:block;width:calc(100% - 5px);height:345px;padding:0;text-align:left;overflow:hidden;border:3px solid #000;border-radius:22px 22px 2px 2px;box-shadow:5px 5px 0 var(--yellow);background:var(--yellow);color:#111;margin:0 5px 22px 0}.hero-art{position:absolute;inset:0 0 88px;background:var(--tournament-art) center top/100% auto no-repeat}.hero-caption{position:absolute;left:0;bottom:0;right:0;background:var(--yellow);padding:11px 14px 14px;border-top:3px solid #000}.hero-caption:before{content:'';position:absolute;left:-5px;right:-5px;top:-11px;height:15px;background:var(--yellow);transform:rotate(-2deg);border-top:3px solid #000}.hero-caption h3{position:relative;font:900 23px/.98 var(--display);text-transform:uppercase;letter-spacing:-.9px;margin:0 44px 8px 0}.hero-caption .arrow{position:absolute;right:15px;top:30px;font-size:30px}.chips{display:flex;gap:6px;align-items:center}.chip{border:1.5px solid currentColor;padding:4px 7px;font-size:9px;font-weight:900;display:inline-flex;gap:4px;align-items:center}.chip svg{width:12px;height:12px}.hero-tag{position:absolute;left:12px;top:13px;background:#fff;border:2px solid #111;padding:5px 8px;font-size:9px;font-weight:900;transform:rotate(-4deg)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 5px 0 0}.future{min-height:95px;border:2px dashed #64645c;border-radius:15px 15px 0 0;background:#151513;color:#a5a59e;text-align:left;padding:12px}.future strong{display:block;font-size:11px;margin-top:8px}.future svg{color:var(--yellow)}.tiny-note{font-size:10px;color:#aaa;line-height:1.5}
.bottom{position:absolute;bottom:0;height:80px;left:0;right:0;display:flex;background:#0d0d0d;border-top:1px solid #33332c;z-index:3;padding:3px 14px 22px}.bottom button{flex:1;border:0;background:none;color:#82827b;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900}.bottom button.active{color:var(--yellow)}.bottom:after{content:'';position:absolute;bottom:8px;left:142px;width:106px;height:4px;border-radius:3px;background:#e9e9df}.menu-banner{position:relative;height:131px;overflow:hidden;background:var(--yellow);padding:18px 15px}.menu-banner:after{content:'';position:absolute;right:0;top:0;bottom:0;width:43%;background:var(--tournament-art) center 14%/cover;border-left:3px solid #000;transform:skew(-8deg);transform-origin:bottom}.menu-banner h2{font:900 21px/1.05 var(--display);letter-spacing:-.7px;margin:0;width:60%;text-transform:uppercase}.menu-banner small{display:block;font-size:10px;font-weight:800;margin-top:10px}.meta-line{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a4a497;margin:18px 0}.meta-line strong{color:var(--yellow)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-right:5px}.menu-tile{border:3px solid #000;border-radius:19px 19px 2px 2px;box-shadow:4px 4px 0 #605e50;background:var(--paper);color:#111;min-height:170px;padding:16px 12px;text-align:left;position:relative}.menu-tile.featured{background:var(--yellow);box-shadow:4px 4px 0 #fff}.menu-tile .art-icon{width:56px;height:56px;transform:rotate(-9deg);display:grid;place-items:center;border:2px solid #111;border-radius:50%;background-image:radial-gradient(#111 1px,transparent 1px);background-size:5px 5px;background-color:var(--yellow);margin-bottom:16px}.art-icon svg{width:36px;height:36px;stroke-width:2.2;filter:drop-shadow(2px 2px 0 #fff)}.menu-tile strong{display:block;font:900 13px/1.1 var(--display);text-transform:uppercase;letter-spacing:-.3px}.menu-tile small{display:block;font-size:9px;color:#5d5b51;margin-top:7px}.number-badge{position:absolute;right:9px;top:10px;background:#ef4c37;color:white;font-size:10px;padding:5px 6px;font-weight:900;border:2px solid #111;transform:rotate(7deg)}
.round-progress{display:flex;gap:5px;margin:0 4px 17px 0}.round-progress button{height:8px;min-height:8px;flex:1;padding:0;border:0;background:#3c3b33;transform:skew(-15deg)}.round-progress button.filled{background:var(--yellow)}.round-progress button.current{background:var(--paper)}.match-panel{padding:17px 12px 12px;text-align:center;position:relative;overflow:hidden;background-color:var(--paper);background-image:radial-gradient(#00000010 .8px,transparent .8px);background-size:5px 5px}.match-kicker{font:900 9px Arial;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:7px}.live-dot{width:6px;height:6px;background:#ee533c;border-radius:50%}.versus{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;margin:21px 0 6px}.crest{display:grid;place-items:center;margin:0 auto 8px;width:59px;height:65px;background:var(--club,#398ded);color:#fff;font:900 22px var(--display);clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);filter:drop-shadow(3px 3px 0 #000)}.club-name{font-size:12px;font-weight:900}.versus>i{font:900 italic 24px var(--display);transform:rotate(-10deg);color:#111}.wheel-pair{display:flex;align-items:center;justify-content:center;gap:28px;position:relative}.wheel-pair:after{content:':';position:absolute;left:50%;top:65px;transform:translateX(-50%);font:900 36px var(--display)}.wheel-shell{position:relative;width:109px;height:174px}.wheel{height:174px;overflow:auto;scroll-snap-type:y mandatory;scrollbar-width:none;padding:58px 0;overscroll-behavior:contain;position:relative;z-index:1;outline:none}.wheel::-webkit-scrollbar{display:none}.wheel button{scroll-snap-align:center;display:block;width:100%;height:58px;background:transparent;border:0;color:#111;font:900 42px/58px var(--display);padding:0}.wheel-shell:before{content:'';position:absolute;inset:50px 0;border:3px solid #000;border-radius:50%;background:var(--yellow);box-shadow:3px 3px 0 #111;z-index:0}.wheel-shell:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--paper),#f5f2e9aa 22%,transparent 35% 65%,#f5f2e9aa 78%,var(--paper));pointer-events:none;z-index:2}.wheel-hint{font-size:9px;color:#5a584e;margin:4px 0 8px}.primary{min-height:54px;width:calc(100% - 5px);margin:4px 5px 12px 0;border:3px solid #000;border-radius:16px 16px 0 0;box-shadow:4px 4px 0 var(--paper);background:var(--yellow);color:#111;font:900 italic 20px var(--display);letter-spacing:-.6px}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 white}.secondary{width:100%;min-height:48px;display:flex;justify-content:center;align-items:center;gap:9px;border:1px solid #6a695c;background:transparent;color:var(--paper);font-size:11px;font-weight:900}.secondary svg{width:18px;height:18px}.schedule{display:grid;gap:10px;margin-right:5px}.schedule-row{min-height:69px;border:2px solid #000;border-radius:12px 12px 0 0;box-shadow:3px 3px 0 #545248;background:var(--paper);color:#111;padding:9px 11px;text-align:left;display:grid;grid-template-columns:1fr 47px;align-items:center;gap:10px}.schedule-row small{font-size:9px;color:#636157;display:block;margin-bottom:5px}.schedule-row strong{font-size:11px}.schedule-score{font:900 16px var(--display);text-align:center;background:var(--yellow);padding:8px 2px;border:1.5px solid #111}.schedule-actions{margin-top:15px}.table-head{display:grid;grid-template-columns:25px 1fr 36px 36px;gap:7px;font-size:8px;color:#969589;letter-spacing:1px;padding:0 8px 8px}.ranking{display:grid;gap:8px;margin-right:5px}.ranking-row{min-height:65px;display:grid;grid-template-columns:25px 1fr 36px 36px;gap:7px;align-items:center;text-align:left;border:2px solid #30302a;background:#171714;color:var(--paper);padding:8px;border-radius:12px 12px 0 0}.ranking-row.winner{background:var(--yellow);color:#111;border:3px solid #000;box-shadow:4px 4px 0 white;transform:rotate(-1deg);margin-bottom:6px}.ranking-row.last{background:#aaa99f;color:#111}.friend{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:900}.avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:2px solid #111;box-shadow:0 0 0 2px var(--avatar,#f2a92e);border-radius:50%;background:#e8d3a8;color:#111;font-size:11px;font-style:normal}.ranking-row>strong{font-size:13px}.ranking-row small{font-size:8px}.section-caption{font-size:10px;color:#99978b;line-height:1.5;margin-top:18px}.league-row{min-height:45px;display:grid;grid-template-columns:22px 1fr 28px 30px;align-items:center;font-size:10px;padding:5px 7px;border-bottom:1px solid #36352c}.league-row.top{color:var(--yellow);border-left:3px solid var(--yellow);background:#ffd7000a}.league-row .crest-mini{width:20px;height:23px;background:var(--club);color:white;display:grid;place-items:center;font-size:8px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%)}.club-inline{display:flex;align-items:center;gap:8px}.result-card{padding:14px 12px}.result-score{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:900;margin:7px 0}.result-score strong{font:900 24px var(--display);color:#111;background:var(--yellow);padding:2px 7px;transform:rotate(-4deg)}.correct-friends{font-size:9px;color:#24753c;display:flex;align-items:center;gap:5px}.correct-friends svg{width:12px;height:12px}.profile-poster{position:relative;padding:25px 15px 18px;text-align:center;background:var(--yellow);background-image:radial-gradient(#0002 1px,transparent 1px);background-size:6px 6px}.big-avatar{width:90px;height:90px;font:900 34px var(--display);display:grid;place-items:center;background:var(--paper);border:4px solid #111;border-radius:50%;box-shadow:5px 5px 0 #111;margin:0 auto 18px;transform:rotate(-6deg)}.profile-poster h2{font:900 27px var(--display);letter-spacing:-1px;margin:0;text-transform:uppercase}.profile-poster p{font-size:10px;margin:5px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.stat-grid>div{background:var(--paper);border:2px solid #111;padding:12px 3px;text-align:center;color:#111}.stat-grid strong{font:900 27px var(--display);display:block}.stat-grid small{font-size:8px;font-weight:900}.success-art{font:900 italic 59px var(--display);color:var(--yellow);text-align:center;margin:40px 0 20px;transform:rotate(-7deg);text-shadow:4px 4px 0 #fff}.success-copy{font-size:12px;line-height:1.65;text-align:center;color:#b9b8ab;margin:15px 20px 30px}.bam{position:absolute;z-index:40;pointer-events:none;display:grid;place-items:center;width:100px;height:90px;background:var(--yellow);color:#111;font:900 italic 20px var(--display);clip-path:polygon(50% 0,60% 24%,88% 8%,78% 35%,100% 48%,75% 61%,88% 91%,60% 78%,47% 100%,36% 77%,7% 92%,23% 62%,0 49%,24% 34%,10% 9%,36% 25%);animation:bam .48s both}.toast{position:absolute;left:24px;right:24px;bottom:91px;background:var(--paper);color:#111;border:3px solid #000;box-shadow:4px 4px 0 var(--yellow);padding:13px;font-size:12px;font-weight:900;z-index:35;animation:enter .2s ease}.dialog-shade{position:absolute;inset:0;z-index:25;background:#000a;display:flex;align-items:center;padding:24px;backdrop-filter:blur(5px)}.dialog-card{padding:20px;width:100%;position:relative}.dialog-card h2{font:900 22px var(--display);margin:0 35px 14px 0}.dialog-card p{font-size:12px;line-height:1.6}.dialog-card .close{position:absolute;right:6px;top:3px;width:48px;height:48px;background:none;border:0;font-size:27px;color:#111}.dialog-card .primary{font-size:15px;box-shadow:4px 4px #111}.setting{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid #bbb;font-size:12px}.toggle{width:48px;min-height:32px;border:2px solid #111;background:#ccc;color:#111;font-size:11px;font-weight:900}.toggle.on{background:var(--yellow)}@keyframes enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes bam{from{opacity:1;transform:translate(-50%,-50%) scale(.6) rotate(-15deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(7deg)}}@media(max-width:850px){body{gap:32px}.review{width:240px}.review h1{font-size:42px}}@media(max-width:700px){body{padding:0;background:#0d0d0d}.review{display:none}.phone{width:min(100vw,430px);height:100svh;border-radius:0;box-shadow:none}.content{height:calc(100svh - 130px)}.island{left:calc(50% - 49px)}.bottom:after{left:calc(50% - 53px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
