@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--navy:#061c40;--deep:#04132e;--blue:#087bff;--cyan:#55b9ff;--yellow:#ffdf00;--muted:#8da7c4}*{box-sizing:border-box}html{background:var(--deep);color:white;font-family:Barlow,Arial,sans-serif}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.app{max-width:600px;min-height:100dvh;margin:auto;background:var(--navy);box-shadow:0 0 100px #0008}.topbar{height:65px;display:flex;align-items:center;gap:14px;padding:0 20px;background:#061c40f5;position:sticky;top:0;z-index:10;border-bottom:1px solid #2a4666}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-style:italic;font-weight:900;display:flex;align-items:center;text-decoration:none}.wordmark span{color:var(--cyan)}.wordmark small{font-family:Barlow,Arial,sans-serif;letter-spacing:2px;font-size:9px;font-style:normal;margin-left:12px;border-left:1px solid #456078;padding-left:12px}#connection{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--cyan)}.admin-link{text-decoration:none;font-size:24px;color:#9bb5cf}main{padding-bottom:100px}.poster{position:relative;background:#074c92}.poster img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.event-chip{position:absolute;bottom:12px;left:16px;padding:6px 10px;background:#03172ee8;border:1px solid #55b9ff66;font-size:9px;letter-spacing:1.5px;font-weight:800}.match-body{padding:0 18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:23px 0 12px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-style:italic;letter-spacing:.3px}.section-title h1,.section-title h2{font-size:24px}.section-title>span{font-size:8px;letter-spacing:.8px;color:var(--muted);font-weight:700}.section-title .status{color:var(--cyan);border:1px solid #55b9ff44;border-radius:20px;padding:6px 8px;font-size:8px}.status:before{content:'●';margin-right:4px}.score-card{border:1px solid #266299;border-radius:14px;background:linear-gradient(115deg,#124e91,#0b2b56 50%,#123b6b);overflow:hidden;box-shadow:0 12px 32px #0003}.scores{display:grid;grid-template-columns:1fr 30px 1fr;text-align:center;padding:18px 12px 15px}.team{min-width:0}.crest{font-size:20px;background:#55b9ff18;color:var(--cyan);width:42px;height:42px;display:grid;place-items:center;border:1px solid #55b9ff66;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);margin:0 auto 8px;font-weight:900;font-style:italic}.gold .crest{background:#ffdf0018;border-color:#ffdf0066;color:var(--yellow)}.team h2{font-size:21px;line-height:1.05;min-height:44px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.total{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:64px;line-height:1.05;margin-top:4px;letter-spacing:-1px}.gold .total{color:var(--yellow)}.total.large{font-size:35px}.point-label{font-size:8px;letter-spacing:2px;color:#a4bfd9;margin-top:5px}.versus{align-self:center;color:#668bad;font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-size:18px}.announcement{background:var(--yellow);color:#03182f;text-align:center;font-size:11px;font-weight:800;padding:10px 12px}.challenge-list{background:#0b2d59;border-radius:12px;overflow:hidden;border:1px solid #193f64}.challenge-row{display:grid;grid-template-columns:32px 1fr 38px 38px;gap:9px;align-items:center;padding:15px 13px;border-bottom:1px solid #254465}.challenge-row:last-child{border:0}.challenge-num{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;color:#426b91;font-style:italic}.challenge-row b{font-size:12px}.challenge-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.challenge-row strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;text-align:center;color:var(--cyan)}.challenge-row strong:last-child{color:var(--yellow)}.activity{border-left:2px solid #1c5477;padding-left:12px}.activity p{font-size:11px;line-height:1.5;padding:0 0 16px;color:#c9dbec}.activity time{font-size:9px;display:block;color:var(--muted);margin-top:4px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px max(12px,env(safe-area-inset-bottom));background:#061a3af5;border-top:1px solid #305277;backdrop-filter:blur(16px);box-shadow:0 -10px 30px #00122680}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;min-height:48px;text-decoration:none;font-size:10px;font-weight:700;color:#819eb9;border-radius:9px;padding:3px}.bottom-nav a span{font-size:24px;line-height:25px}.bottom-nav a[aria-current]{color:var(--yellow);background:#ffdf000c}.content-screen{padding:0 18px}.page-heading{padding:29px 0 25px}.page-heading small{color:var(--cyan);font-weight:700;font-size:9px;letter-spacing:1.5px}.page-heading h1{font-size:42px;line-height:1.1;margin:10px 0}.page-heading em{color:var(--yellow)}.page-heading p{color:var(--muted);font-size:12px;line-height:1.5}.squad-card{border:1px solid #1f527d;border-radius:14px;background:#0b2d59;margin-bottom:18px;overflow:hidden}.squad-header{padding:23px 18px;background:linear-gradient(135deg,#0570d9,#062a51);display:flex;align-items:center;gap:14px}.squad-card.gold .squad-header{background:linear-gradient(135deg,#675900,#092846)}.squad-header .crest{margin:0;width:53px;height:58px;font-size:28px;flex-shrink:0}.squad-header h2{font-size:28px;overflow-wrap:anywhere}.squad-header small{font-size:9px;letter-spacing:1.5px;color:#d3e7f7}.squad-stats{display:grid;grid-template-columns:1fr 1fr;padding:18px;text-align:center;border-bottom:1px solid #214668}.squad-stats b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;display:block;color:var(--cyan)}.gold .squad-stats b{color:var(--yellow)}.squad-stats span{font-size:9px;color:var(--muted);letter-spacing:1px}.squad-players{padding:16px;font-size:12px;line-height:1.7;color:#c6dbec}.squad-players h3{color:white;font-size:19px;margin-bottom:8px}.empty{padding:30px 20px;text-align:center;background:#103461;border:1px dashed #335878;border-radius:12px;color:var(--muted);font-size:13px;line-height:1.7}.empty strong{display:block;font-size:20px;color:white;margin-bottom:6px;font-family:'Barlow Condensed',Impact,sans-serif}.muted{color:var(--muted);font-size:11px;margin:18px 0 12px}input[type=search]{width:100%;background:#113463;border:1px solid #315275;border-radius:10px;color:white;font:inherit;font-size:15px;min-height:48px;padding:12px 16px}.filters{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.filters button{border:1px solid #345574;color:#adc5db;background:#102e59;min-height:40px;font-size:11px;padding:8px 11px;border-radius:20px;font-weight:700}.filters button[aria-pressed=true]{color:#03162f;background:var(--yellow);border-color:var(--yellow)}.player-row{display:flex;align-items:center;gap:13px;border:1px solid #254565;background:#102f5d;border-radius:12px;padding:14px;margin-bottom:9px}.player-avatar{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#085ca2;color:var(--cyan);font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;font-weight:800;flex-shrink:0}.player-row.gold .player-avatar{background:#5b5408;color:var(--yellow)}.player-row b{font-size:14px;overflow-wrap:anywhere}.player-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.full-invite{width:100%;border-radius:12px;display:block}.party-details{padding:23px 0}.party-details h2{color:var(--yellow);font-size:25px;margin-bottom:12px}.party-details p{font-size:14px;line-height:1.8;color:#bdcfe2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:850px){body{background:radial-gradient(ellipse at top,#075aa388,transparent 65%),#04132e}.app{border-left:1px solid #245071;border-right:1px solid #245071}}@media(prefers-reduced-motion:no-preference){.screen{animation:enter .2s ease-out}@keyframes enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:350px){.section-title h1,.section-title h2{font-size:20px}.team h2{font-size:18px}.topbar{padding:0 13px}.wordmark small{font-size:8px}.match-body,.content-screen{padding-left:12px;padding-right:12px}.challenge-row{gap:4px}}

.team-art{width:100%;height:155px;object-fit:cover;object-position:center 65%;border-radius:12px;margin-bottom:20px;display:block}
.welcome-card{margin:20px 0;padding:19px;background:linear-gradient(135deg,#124f90,#0b2d59);border:1px solid #55b9ff66;border-radius:14px}.welcome-card>small{color:#85cdff;letter-spacing:1px;font-size:9px;font-weight:800}.welcome-card h1{font-size:28px;margin:9px 0 15px}.welcome-card p{font-size:12px;line-height:1.6;color:#d3e9fc;margin:12px 0}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.countdown div{background:#061c4099;border:1px solid #55b9ff33;border-radius:9px;padding:10px 3px}.countdown b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;color:var(--yellow)}.countdown small{font-size:8px;letter-spacing:1px}.parent-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.parent-actions a{display:grid;place-items:center;min-height:44px;padding:9px 12px;border-radius:8px;background:#55b9ff;color:#061c40;text-decoration:none;font-weight:800;font-size:11px}.turns-section label{display:block;font-size:12px;color:#c7e6ff;margin:12px 0 7px}.turns-section select{width:100%;min-height:46px;color:white;border:1px solid #447bac;background:#102f5d;border-radius:8px;padding:10px;font-size:14px}.turn-card{padding:12px 14px;background:#102f5d;border-left:3px solid #55b9ff;margin:8px 0;border-radius:7px}.turn-card:first-child{border-color:var(--yellow)}.turn-card small{display:block;color:#8bcbff;font-size:8px;letter-spacing:1.2px}.turn-card b{display:block;margin-top:4px;font-size:17px}.turn-card span{font-size:10px;color:var(--muted)}details{margin:15px 0;padding:12px;background:#0d2b50;border-radius:9px;font-size:12px}summary{cursor:pointer;min-height:28px;font-weight:700}details p{padding-top:12px}#full-order{padding-left:23px}#full-order li{padding:10px 4px;border-bottom:1px solid #2f5075}#full-order li span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.followed{color:var(--yellow)}.follow-panel{border:1px solid #55b9ff88;border-radius:10px;padding:15px;margin:15px 0}.follow-panel h3{font-size:20px;color:var(--yellow);margin-bottom:10px}.follow-panel p{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:9px 0;border-bottom:1px solid #315275}.follow-panel b{color:#8bd0ff;text-align:right}.badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.badges span{font-size:9px;padding:4px 6px;border-radius:5px;background:#17436f;color:#d3ecff}#latest-highlight{background:linear-gradient(120deg,#087bff,#16438e);padding:22px 20px;border-bottom:4px solid var(--yellow)}#latest-highlight small{font-size:10px;letter-spacing:2px;color:var(--yellow);font-weight:800}#latest-highlight h2{font-size:36px;margin:7px 0}#latest-highlight p{font-weight:800;font-size:16px}#latest-highlight>span{display:block;font-size:11px;margin-top:9px;color:#d6eafa}#update-banner{position:sticky;top:65px;z-index:15;background:var(--yellow);color:#061c40;padding:13px;font-size:12px;font-weight:800}#update-banner a{text-decoration:none}@media(prefers-reduced-motion:no-preference){.celebrate{animation:cheer .65s ease-out}@keyframes cheer{0%{box-shadow:inset 0 0 80px #fff9}100%{box-shadow:inset 0 0 0 #fff0}}}

#demo-notice{margin:0;padding:8px 16px;background:#183962;color:#aad8ff;font-size:9px;text-align:center;letter-spacing:.6px}