:root{color:#f8fff9;font-synthesis:none;text-rendering:optimizelegibility;--ink:#05070d;--panel:#071210a8;--panel-strong:#0a1c18d1;--green:#19d978;--green-soft:#96f2be;--purple:#7925ff;--purple-hot:#a52cff;--cyan:#42ddff;--gold-light:#fff2a7;--gold:#f0c653;--gold-deep:#a96f12;--muted:#a9c5b4;--line:#dfffeb29;--line-hot:#ffe88b7a;background:#05070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:linear-gradient(155deg,#7925ff6b,#0000 31%),linear-gradient(28deg,#19d97833,#0000 38%),linear-gradient(#0b1022 0%,#05070d 46%,#020403 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-2;pointer-events:none;content:"";background:radial-gradient(at top,#a52cff47,#0000 58%),linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/38px 38px,linear-gradient(#ffffff09 1px,#0000 1px) 0 0/38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000f2,#0003 72%,#0000);mask-image:linear-gradient(#000000f2,#0003 72%,#0000)}body:after{z-index:-1;pointer-events:none;content:"";background:linear-gradient(#0000,#06160cf0);height:48vh;position:fixed;inset:auto 0 0}button,input{font:inherit;touch-action:manipulation}button{color:#120d03;cursor:pointer;background:linear-gradient(#fff8c9,#f0c653 46%,#c28419);border:1px solid #fff2a79e;border-radius:8px;padding:13px 14px;font-weight:950;position:relative;overflow:hidden;box-shadow:0 18px 38px #f0c6533b,0 0 0 1px #ffffff14,inset 0 2px #ffffffb8}button:before{pointer-events:none;content:"";background:linear-gradient(110deg,#0000 0 34%,#ffffff8f 45%,#0000 56% 100%);transition:transform .28s;position:absolute;inset:0;transform:translate(-120%)}button:active:before{transform:translate(120%)}button:disabled{box-shadow:none;color:#8ea59a;cursor:not-allowed;background:#2f3934b8;border-color:#ffffff14}input{border:1px solid var(--line);color:#f8fff9;background:#040a0ca3;border-radius:8px;outline:none;width:100%;min-width:0;padding:13px 12px;box-shadow:inset 0 1px #ffffff17}input:focus{border-color:var(--line-hot);box-shadow:0 0 0 3px #f0c65324,inset 0 1px #ffffff1f}.app-shell{max-width:520px;min-height:100vh;padding:18px 14px calc(86px + env(safe-area-inset-bottom));isolation:isolate;margin:0 auto;position:relative}.stage-ambient{z-index:-1;pointer-events:none;max-width:620px;margin:0 auto;position:fixed;inset:0}.stadium-beam,.floating-slab{display:block;position:absolute}.stadium-beam{filter:blur(6px);opacity:.52;transform-origin:top;background:linear-gradient(#ffffff2e,#0000);width:150px;height:460px;top:-80px}.beam-left{left:18px;transform:rotate(24deg)}.beam-right{right:18px;transform:rotate(-24deg)}.floating-slab{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#7925ff42,#0a19152e);border:1px solid #ffffff17;border-radius:22px;box-shadow:0 34px 90px #00000047,inset 0 1px #ffffff1f}.slab-one{width:180px;height:250px;top:118px;right:-48px;transform:rotate(13deg)}.slab-two{background:linear-gradient(145deg,#19d97829,#7925ff26);width:150px;height:210px;top:168px;left:-60px;transform:rotate(-15deg)}.state{min-height:100vh;color:var(--muted);place-items:center;gap:14px;display:grid}.error{color:#ffb4a8}.auth-debug{color:#ffd9d3;white-space:pre-wrap;word-break:break-word;background:#040a0cbd;border:1px solid #ffb4a838;border-radius:8px;max-width:min(100%,440px);padding:10px;font-size:11px;line-height:1.5}.topbar{-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);background:linear-gradient(135deg,#0e1421ad,#04120d8a);border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:12px;display:flex;box-shadow:0 22px 60px #00000052,inset 0 1px #ffffff1f}.topbar h1,.screen h2,.hero-panel h2{letter-spacing:0;margin:0}.topbar h1{text-overflow:ellipsis;text-shadow:0 8px 30px #ffffff2e;white-space:nowrap;max-width:min(250px,100vw - 178px);font-size:23px;line-height:1.05;overflow:hidden}.eyebrow{color:var(--gold);text-shadow:0 0 20px #f0c65373;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:950}.points{border:1px solid var(--line-hot);color:var(--gold-light);background:linear-gradient(#fff2a72e,#f0c65314),#08110fa8;border-radius:8px;flex:none;padding:10px 12px;font-weight:950;box-shadow:0 14px 38px #f0c65338,inset 0 1px #ffffff38}.screen{gap:14px;display:grid}.screen h2{color:#f8fff9;font-size:21px}.hero-panel{-webkit-backdrop-filter:blur(30px)saturate(175%);backdrop-filter:blur(30px)saturate(175%);background:linear-gradient(145deg,#7925ff57,#0000 42%),linear-gradient(135deg,#145e3cb8,#060b13c7);border:1px solid #ffffff24;border-radius:8px;grid-template-columns:minmax(0,1fr) 156px;gap:12px;min-height:292px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 86px #00000061,0 0 70px #7925ff2e,inset 0 1px #ffffff29}.hero-panel:before{pointer-events:none;content:"";background:linear-gradient(110deg,#ffffff2e,#0000 24% 58%,#fff2a729 72%,#0000),radial-gradient(at 68% 38%,#fff2a738,#0000 36%);position:absolute;inset:0}.hero-panel:after{filter:blur(18px);content:"";background:radial-gradient(#19d97852,#0000 68%);border-radius:50%;width:300px;height:150px;position:absolute;bottom:-82px;right:-42px}.hero-copy{z-index:2;align-self:center;position:relative}.hero-panel h2{text-shadow:0 16px 34px #00000057;max-width:270px;font-size:31px;line-height:1.02}.hero-copy p:last-child{color:#d2eadc;max-width:245px;margin:11px 0 0;font-size:15px;line-height:1.34}.hero-panel button{z-index:3;grid-column:1/-1;align-self:end;min-height:58px;font-size:18px;position:relative}.prize-scene{z-index:2;align-self:center;width:156px;height:190px;position:relative}.prize-ring{border:11px solid #f0c653bf;border-radius:50%;width:132px;height:132px;margin:0 auto;position:absolute;inset:34px 0 auto;box-shadow:0 0 36px #f0c65338,inset 0 0 24px #fff2a71f}.prize-coin{z-index:3;color:#3b2504;background:repeating-radial-gradient(circle,#ffffff38 0 1px,#0000 1px 4px),linear-gradient(135deg,#fff7c8,#e2ad35 54%,#8d5e0e);border:2px solid #fff2a7c2;border-radius:50%;place-items:center;width:46px;height:46px;font-size:13px;font-weight:950;display:grid;position:absolute;box-shadow:0 16px 34px #0000003d,0 0 28px #f0c65338}.coin-top{top:6px;right:4px}.coin-bottom{bottom:8px;left:2px}.trophy{z-index:4;filter:drop-shadow(0 30px 34px #0000004d)drop-shadow(0 0 22px #f0c65357);width:112px;height:150px;position:absolute;top:20px;left:21px}.trophy:before,.trophy:after{content:"";border:9px solid #f0c653f2;width:32px;height:46px;position:absolute;top:44px}.trophy:before{border-right:0;border-radius:32px 0 0 32px;left:0}.trophy:after{border-left:0;border-radius:0 32px 32px 0;right:0}.cup-bowl,.cup-stem,.cup-base{display:block;position:absolute;left:50%;transform:translate(-50%)}.cup-bowl{background:linear-gradient(110deg,#ffffffad,#0000 22%),linear-gradient(135deg,#fff5ba,#f0c653 44%,#a96f12 100%);border-radius:20px 20px 34px 34px;width:70px;height:76px;top:22px;box-shadow:inset 12px 0 18px #ffffff3d,inset -12px 0 18px #492b0038}.cup-stem{clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);background:linear-gradient(90deg,#8d5e0e,#fff0a2,#a96f12);width:28px;height:38px;top:92px}.cup-base{background:linear-gradient(90deg,#70470a,#f9d76c 48%,#8d5e0e);border-radius:9px 9px 5px 5px;width:86px;height:22px;bottom:0;box-shadow:inset 0 2px #ffffff47}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stats-grid article,.match-card,.league-card,.profile-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);border-radius:8px;padding:14px;position:relative;overflow:hidden;box-shadow:0 20px 56px #00000040,inset 0 1px #ffffff1a}.stats-grid article:before,.match-card:before,.league-card:before,.profile-card:before{pointer-events:none;content:"";background:linear-gradient(130deg,#ffffff14,#0000 32% 72%,#7925ff14);position:absolute;inset:0}.stats-grid article{min-height:94px}.stats-grid span,.profile-card span,.league-card span,.team-card small,.outcome-chip small{color:var(--muted);font-size:13px;display:block;position:relative}.team-card small{grid-column:2;align-self:start;font-weight:850}.rules-card{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(145deg,#7925ff29,#19d97814),#071210b3;border:1px solid #ffffff21;border-radius:8px;gap:10px;padding:12px;display:grid;box-shadow:0 18px 48px #0000003d,inset 0 1px #ffffff1a}.rules-card>div{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:3px 10px;display:grid}.rule-number{background:linear-gradient(145deg, var(--gold-light), var(--gold));color:#140e03;border:1px solid #fff2a77a;border-radius:50%;grid-row:1/3;place-items:center;width:30px;height:30px;font-weight:950;display:grid}.rules-card b{color:#f8fff9;line-height:1.15}.rules-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.32}.champion-status{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050c0cb8;border-radius:8px;gap:4px;padding:13px;display:grid}.champion-status span{color:var(--gold);text-transform:uppercase;font-size:12px;font-weight:950}.champion-status b{color:#f8fff9;font-size:20px;line-height:1.12}.champion-status small{color:var(--muted)}.champion-status.selected{background:linear-gradient(145deg,#f0c6531f,#19d97814),#050c0cb8;border-color:#fff2a761}.champion-status.locked{opacity:.78}.stats-grid b{color:#f8fff9;margin-top:7px;font-size:21px;line-height:1.05;display:block;position:relative}.cta-list,.inline-form{gap:10px;display:grid}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.team-card,.duel-card{border:1px solid var(--line);color:#f8fff9;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0d,#0000),#061212ad;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 11px;min-height:112px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 14px 34px #0000002e}.team-card:before,.duel-card:before{pointer-events:none;content:"";background:radial-gradient(circle at 18% 18%,#f0c6532e,#0000 24%),linear-gradient(135deg,#7925ff1a,#0000 52%);position:absolute;inset:0}.bracket-card{-webkit-backdrop-filter:blur(24px)saturate(165%);backdrop-filter:blur(24px)saturate(165%);background:linear-gradient(145deg,#7925ff33,#19d97814),#050d0ec2;border:1px solid #ffffff24;border-radius:8px;gap:12px;padding:14px;display:grid;box-shadow:0 24px 70px #0000004d,inset 0 1px #ffffff1c}.bracket-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.bracket-head span,.bracket-winner span{color:var(--gold);text-transform:uppercase;font-size:12px;font-weight:950}.bracket-head b,.bracket-winner b{color:#f8fff9;margin-top:3px;font-size:22px;line-height:1.08;display:block}.bracket-head small{min-width:54px;height:38px;color:var(--gold-light);background:#f0c6531f;border:1px solid #fff2a752;border-radius:999px;place-items:center;font-weight:950;display:grid}.duel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.duel-card{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;min-height:174px;padding:14px 10px}.duel-card .team-emblem{grid-row:auto;width:72px;height:72px}.duel-card .team-name{text-align:center;align-self:center;font-size:22px}.duel-card small{color:var(--muted);font-weight:850;position:relative}.duel-card:active{transform:translateY(1px)scale(.99)}.bracket-winner{background:radial-gradient(circle at 18% 20%,#f0c65338,#0000 34%),#0a1a13c7;border:1px solid #fff2a761;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.winner-emblem{width:72px;height:72px}.bracket-winner small{color:var(--muted);font-weight:850}.bracket-path{flex-wrap:wrap;gap:7px;min-height:0;display:flex}.bracket-path span{color:var(--gold-light);background:#f0c65314;border:1px solid #fff2a73d;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:850}.ghost-button{color:#f8fff9;background:linear-gradient(145deg,#ffffff14,#7925ff1a),#071210b8;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff1f}.team-emblem{background:radial-gradient(circle at 32% 25%,#ffffffb8,#0000 16%),radial-gradient(circle at 62% 65%,#7925ff47,#0000 28%),linear-gradient(145deg,#fff2a7f5,#f0c65394 46%,#714808eb),#ffffff14;border:1px solid #fff2a761;border-radius:50%;grid-row:1/3;place-items:center;width:54px;height:54px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 28px #f0c65326,inset 0 2px #ffffff8c}.team-emblem:before{content:"";border:2px solid #3d270738;border-radius:50%;position:absolute;inset:8px}.team-emblem:after{content:"";background:linear-gradient(90deg,#0000 46%,#3d27072e 46% 54%,#0000 54%),linear-gradient(#0000 46%,#3d27072e 46% 54%,#0000 54%);border-radius:50%;position:absolute;inset:13px;transform:rotate(24deg)}.team-name{color:#f8fff9;overflow-wrap:anywhere;align-self:end;font-size:18px;font-weight:950;line-height:1.12;position:relative}.team-selected{width:fit-content;color:var(--gold-light);background:#f0c65329;border:1px solid #fff2a761;border-radius:999px;grid-column:2;padding:3px 7px;font-size:11px;font-weight:950;position:relative}.team-card.selected,.duel-card.selected,.duel-card:hover{border-color:var(--line-hot);background:linear-gradient(145deg,#fff2a738,#19d97814),#081410bd;box-shadow:0 18px 42px #f0c6532e,inset 0 0 0 1px #fff2a73d}.team-card.selected .team-emblem,.duel-card.selected .team-emblem,.duel-card:hover .team-emblem{background:radial-gradient(circle at 32% 25%,#ffffffd1,#0000 17%),radial-gradient(circle at 62% 65%,#7925ff3d,#0000 28%),linear-gradient(145deg,#fff7c8,#f0c653 52%,#a96f12),#ffffff14;box-shadow:0 18px 36px #f0c65342,0 0 32px #f0c6532e,inset 0 2px #ffffffa8}.team-card.selected .team-emblem:before,.duel-card.selected .team-emblem:before,.duel-card:hover .team-emblem:before{border-color:#3a240447}.selection-line{color:var(--muted);background:#f0c65314;border:1px solid #fff2a73d;border-radius:8px;margin:0;padding:9px 10px;font-size:13px;font-weight:850}.selection-line b{color:var(--gold-light)}.share{background:linear-gradient(#dcff84,#7fdc4f)}.toast{z-index:20;width:min(100% - 28px,420px);color:var(--gold-light);text-align:center;-webkit-backdrop-filter:blur(22px)saturate(165%);backdrop-filter:blur(22px)saturate(165%);background:linear-gradient(145deg,#fff2a733,#19d97824),#050c0ce6;border:1px solid #fff2a780;border-radius:8px;padding:13px 14px;font-weight:950;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 18px 54px #00000070,inset 0 1px #ffffff29}.match-card{gap:12px;display:grid}.match-card.accepted{background:linear-gradient(145deg,#19d9781a,#f0c65314),#06100fb8;border-color:#96f2be47}.match-head{justify-content:space-between;gap:12px;display:flex;position:relative}.match-head b{font-size:19px}.match-head span{color:var(--gold);flex:none;font-weight:950}.result,.accepted-line,.points-line,.empty{color:var(--muted);margin:0;position:relative}.accepted-line{width:fit-content;color:var(--green-soft);background:#19d9781f;border:1px solid #96f2be47;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:950}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.outcome-chip,.toggle-chip{border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#ffffff0d,#0000),#040a0c9e;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17}.outcome-chip{text-align:center;gap:2px;min-height:74px;padding:12px 8px;display:grid}.outcome-chip span{color:#f8fff9;font-size:22px;font-weight:950}.outcome-chip.selected,.toggle-chip.selected{border-color:var(--line-hot);background:linear-gradient(145deg,#fff2a742,#7925ff26),#071411c7;box-shadow:0 16px 38px #f0c65329,inset 0 1px #ffffff38}.outcome-chip input,.toggle-chip input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute}.chip-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.toggle-chip{color:#dcefe4;justify-content:center;align-items:center;min-height:46px;padding:10px;font-weight:900;display:flex}.toggle-chip.selected{color:var(--gold-light)}:is(.outcome-chip:has(input:disabled),.toggle-chip:has(input:disabled)){cursor:default}.match-card.accepted .outcome-chip:not(.selected),.match-card.accepted .toggle-chip:not(.selected){opacity:.54}.leaderboard{counter-reset:leaders;gap:8px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071210a8;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.leaderboard li:before{width:30px;height:30px;color:var(--gold-light);content:counter(leaders);counter-increment:leaders;background:#f0c65321;border:1px solid #fff2a757;border-radius:8px;place-items:center;font-size:13px;font-weight:950;display:grid}.leaderboard li.me{border-color:var(--line-hot);background:linear-gradient(145deg,#f0c65321,#071210bd)}.leaderboard li b{color:var(--gold)}.league-card{gap:10px;display:grid}.profile-card{gap:8px;display:grid}.badges{flex-wrap:wrap;gap:8px;display:flex}.badges span{color:#120d03;background:linear-gradient(#fff2a7f5,#f0c653e6);border:1px solid #fff2a77a;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:950;box-shadow:0 12px 26px #f0c6532b}.bottom-nav{max-width:520px;padding:4px 6px calc(4px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(28px)saturate(175%);backdrop-filter:blur(28px)saturate(175%);background:#05080dbd;border:1px solid #ffffff1f;border-bottom:0;border-radius:8px 8px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -20px 50px #00000057,inset 0 1px #ffffff1a}.bottom-nav button{min-width:0;box-shadow:none;color:#a3bbad;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:10px 2px 9px;font-size:clamp(9px,2.6vw,11px);font-weight:950;line-height:1;overflow:hidden}.bottom-nav button:before{display:none}.bottom-nav button.active{color:var(--gold-light);background:linear-gradient(#7925ff38,#19d97817),#ffffff08}@media (width<=430px){.hero-panel{grid-template-columns:minmax(0,1fr) 138px}.prize-scene{transform-origin:100%;width:138px;transform:translate(5px)scale(.9)}}@media (width<=380px){.app-shell{padding-left:10px;padding-right:10px}.topbar{flex-direction:column;align-items:stretch}.topbar h1{max-width:100%}.hero-panel{grid-template-columns:1fr;min-height:0}.prize-scene{transform-origin:50%;justify-self:center;height:170px;transform:scale(.86)}.hero-panel h2,.hero-copy p:last-child{max-width:none}.team-grid,.stats-grid,.chip-row{grid-template-columns:1fr}}