/* Arena lighting, warm metallic accents, and restrained motion. */
:root{--bg:#0b0d10;--panel:#15181c;--line:#2b2d30;--gold:#e5c185;--muted:#9b9eaa;--white:#f3f0e8;--green:#94d7b2;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:#5a503d #101215}
body{background:radial-gradient(ellipse at 94% 0,#bc91500c,transparent 42%),var(--bg)}
::selection{color:#101215;background:#e5c185}
button,a,input,select{touch-action:manipulation}
button{transition:background .2s,border-color .2s,color .2s,box-shadow .25s,transform .25s var(--ease)}
button:active{transform:translateY(1px) scale(.98)}
button:focus-visible,a:focus-visible{outline-color:#f2d7a4;outline-offset:4px}
.sidebar{background:linear-gradient(170deg,#17191d,#0e1013 75%);border-right-color:#c2a36a20;box-shadow:12px 0 60px #00000010}
.brand{letter-spacing:2px}.brand small{letter-spacing:1.6px}
.crest{background:linear-gradient(145deg,#e7c68a26,#e7c68a05);filter:drop-shadow(0 0 12px #d8b67413)}
.side-label{color:#8a8b94;letter-spacing:1.8px}
nav button{border:1px solid transparent;border-radius:7px;color:#a7a9b2;position:relative}
nav button.active{background:linear-gradient(110deg,#e5c18517,#e5c18504);border-color:#e5c18533;box-shadow:inset 3px 0 var(--gold)}
nav button.active span{filter:drop-shadow(0 0 6px #e5c18544)}
.edition{border-top-color:#e5c18520}.edition span{color:#d3d3d2}.edition b{color:#e5c1850a}
.admin-toggle{color:#c0c0c7;border-color:#e5c18520}.admin-toggle:hover{color:var(--gold);background:#e5c18508}
header{position:sticky;top:0;z-index:8;background:#0d1013eb;backdrop-filter:blur(18px);border-color:#e5c18514}
.breadcrumb{color:#a3a4ad}.breadcrumb b{color:#ece6d8}
.connection{background:#8cd6ad08;border:1px solid #8cd6ad1a;border-radius:30px;padding:7px 10px;color:#adbdaf}
.connection i{box-shadow:0 0 8px #94d7b260}
.avatar{background:linear-gradient(145deg,#c9a6682b,#171b20);box-shadow:inset 0 1px #e5c18522}
main{padding-top:30px}
.category-tabs{gap:8px}.category-tabs button{border-color:#2d3036;background:#13161a;color:#b5b6bd;border-radius:6px;padding:11px 16px;box-shadow:inset 0 1px #ffffff02}
.category-tabs button.selected{background:linear-gradient(125deg,#e5c18521,#e5c18508);border-color:#e5c18570;box-shadow:inset 0 1px #ffe4b41a,0 3px 15px #0002}
.category-tabs button>span{background:#ffffff07;color:#d3c4a7;font-variant-numeric:tabular-nums;border:1px solid #ffffff06}
.hero{isolation:isolate;height:350px;padding:36px 40px;border-radius:10px;border-color:#d8b67444;background:radial-gradient(ellipse at 74% 0,#eacb8830,transparent 55%),linear-gradient(115deg,#212321,#13171b 62%,#25231e);box-shadow:inset 0 1px #ffedc00d,0 18px 55px #0003}
.hero:before{content:'';position:absolute;z-index:0;inset:-100% -20%;background:linear-gradient(115deg,transparent 44%,#f2d39d06 45%,#f2d39d0c 49%,transparent 50%);transform:rotate(-10deg);pointer-events:none}
.hero:after{background:repeating-linear-gradient(0deg,transparent,transparent 3px,#0000000c 4px);opacity:.65}
.hero h1{font-size:80px;letter-spacing:-1px;line-height:.92;margin:23px 0 19px;color:#f7f3e7;text-shadow:0 3px 18px #0003}
.hero h1>span{color:var(--gold);text-shadow:0 0 25px #e5c18533}
.hero .eyebrow{font-size:9px;letter-spacing:2.7px;color:#e4cca2}
.hero p{font-size:12px;line-height:1.8;color:#b9bab7}
.hero-tag{font-size:10px;letter-spacing:2px;margin-top:22px}.hero-tag b{font-size:13px}.hero-tag>span{color:#b6b4a8;font-size:8px}
.hero-edition{top:25px;right:25px;line-height:1.8;color:#b3ae9b}
.hero-art{width:52%;overflow:visible;pointer-events:none}
.giant-ix{font-size:420px;right:80px;top:-50px;color:transparent;-webkit-text-stroke:1px #e5c1852a;opacity:.8;transform:rotate(-9deg)}
.court{inset:45px -70px 40px 0;border-color:#d8b67425;transform:perspective(500px) rotateY(-20deg) rotate(-23deg);opacity:.8}
.court-center,.penalty{border-color:#d8b67425}.court:before{border-color:#d8b67425}
.ball{width:195px;height:195px;right:95px;top:91px;background:transparent url('ball.svg') center/contain no-repeat;border:0;border-radius:50%;font-size:0;box-shadow:none;filter:drop-shadow(15px 30px 15px #0009);transform:rotate(-17deg)}
.ball:after{inset:auto 12px -15px;width:88%;height:12px;background:#0009;border:0;border-radius:50%;filter:blur(12px);transform:none;z-index:-1}
.art-caption{bottom:30px;right:77px;color:#d9c49b;letter-spacing:4px;font-size:8px}
.stats{border-radius:9px;border-color:#e5c18522;background:linear-gradient(120deg,#191c20,#13161a);box-shadow:inset 0 1px #ffffff04;overflow:hidden;margin-top:22px}
.stats>div{padding:23px 25px;transition:background .25s}
.stats>div>span{display:grid;place-items:center;background:#e5c18509;border:1px solid #e5c1851a;border-radius:8px;width:37px;height:40px;font-size:21px}
.stats>div{grid-template-columns:37px auto;column-gap:15px}
.stats strong{font-size:33px;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.stats small{font-size:10px;color:#a4a6ac}.stats .green{background:#94d7b20a;border-color:#94d7b21a}
.section-heading h2{font-size:18px;letter-spacing:-.5px}.tiny-label{color:#a0a1a7;font-size:8px;letter-spacing:1.7px}
.live-card{border-radius:9px;border-color:#d6b27369;background:radial-gradient(ellipse at 50% -10%,#d8b67417,transparent 85%),#15191c;box-shadow:0 8px 30px #0002,inset 0 1px #ffe6b90a;position:relative}
.live-card:before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#e5c185b0,transparent)}
.live-top{padding:17px 20px;border-color:#e5c18515}.live-top>span:last-child{font-size:9px;color:#aead9e}
.live-label{font-size:9px;letter-spacing:1.5px}.live-scoreboard{padding:32px 20px}
.live-team h3{font-size:12px;line-height:1.5;margin-top:16px}.live-team small{color:#9a9d93}
.big-score{font-size:82px;letter-spacing:-1px;text-shadow:0 0 35px #e5c18513;font-variant-numeric:tabular-nums}
.big-score>span{color:#7e7768;font-size:29px}
.period{border-color:#e5c18526;background:#e5c18509;border-radius:30px;font-size:9px;padding:6px 13px;color:#d8c7a7}
.live-bottom{padding:15px 20px;border-color:#e5c18515;background:#ffffff01}.live-bottom>span{font-size:8px;color:#9eaa9e}
.text-btn{font-size:10px;color:#e4c28c}.school-badge{box-shadow:inset 0 1px #ffffff12;background:linear-gradient(145deg,#e5c18520,#e5c18505)}
.school-badge.large{box-shadow:0 7px 24px #0004,inset 0 1px #f4dcaa25}
.next-card{border-radius:7px;border-color:#353638;background:linear-gradient(125deg,#1c1e22,#14171a);box-shadow:inset 0 1px #ffffff03;position:relative;overflow:hidden}
.next-card:before{content:'';position:absolute;inset:17px auto 17px 0;width:2px;background:linear-gradient(transparent,#e5c18599,transparent)}
.next-meta>span{font-size:9px;color:#a6a6aa}.next-meta>b{font-size:13px;font-variant-numeric:tabular-nums}.next-team b{font-size:11px}.next-venue{font-size:9px;color:#989e9e;border-color:#303337}
.schedule-toolbar{border-radius:8px 8px 0 0;border-color:#34363b;background:#171b20;padding:0 20px}
.day-tabs{gap:24px}.day-tabs button{font-size:12px;padding:19px 4px;color:#a7abb3}.day-tabs button.selected{color:var(--gold);text-shadow:0 0 16px #e5c18522}
.search{gap:10px}.search input{font-size:11px;color:#eae7df}.search input::placeholder{color:#9c9eaa}
.schedule-sub{font-size:10px;padding:18px 0}.filters{gap:6px}.filters button{font-size:10px;padding:7px 11px;border:1px solid transparent;border-radius:4px;color:#aaaeb8}.filters button.selected{color:var(--gold);border-color:#e5c18522;background:#e5c1850e}
.match-row{background:#14171b;border-color:#2e3237;min-height:84px}.match-row:nth-child(even){background:#171a1e}.match-row:last-child{border-radius:0 0 7px 7px}.row-team b{font-size:11px}.match-time strong{font-size:13px;font-variant-numeric:tabular-nums}.match-time small,.match-meta>small{font-size:9px;color:#9da2aa}.status{font-size:7px;padding:5px 8px;border:1px solid #e5c18511}.status.scheduled{color:#b4bac6;background:#a4b5d00a;border-color:#a4b5d01c}.status.finished{color:#b4c9b8;background:#94d7b209;border-color:#94d7b21a}
.empty{border:1px dashed #5b5140;border-radius:8px;padding:42px 22px;background:radial-gradient(ellipse at 50% 0,#e5c18508,transparent 80%),#14171a;line-height:2;color:#d7d2c5;font-size:14px;position:relative}
.empty:before{content:'⌁';display:block;font-size:38px;line-height:1.2;font-family:serif;color:#e5c18580;margin-bottom:12px}.empty small{font-size:11px;color:#a4a7af}
.page-heading .eyebrow{font-size:9px}.page-heading h1,.admin-heading h1{letter-spacing:-.8px}.page-heading p,.admin-heading p{color:#aaaeb5;font-size:12px;line-height:1.8}
.schools-grid{gap:18px}.school-card{position:relative;overflow:hidden;border-color:#37383c;background:radial-gradient(ellipse at 50% -5%,#e5c18510,transparent 65%),linear-gradient(155deg,#1b1e22,#111418);border-radius:8px;padding:32px 20px 28px;box-shadow:inset 0 1px #ffffff05;content-visibility:auto;contain-intrinsic-size:auto 235px}
.school-card:before{content:'';position:absolute;top:0;left:32%;right:32%;height:1px;background:linear-gradient(90deg,transparent,#e5c18577,transparent)}
.school-card:after{content:'IX';font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-size:100px;line-height:1;color:#e5c18505;position:absolute;right:5px;bottom:-8px;pointer-events:none}
.school-card h3{font-size:14px;line-height:1.6;min-height:22px;position:relative}.school-card>small{font-size:8px;line-height:1.7;color:#b7ad96;letter-spacing:1.2px}
.school-card .text-btn{position:relative;z-index:1;border-color:#e5c1854a;background:#e5c18505}
.school-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.school-actions .text-btn{margin:0;padding:11px 9px}.school-actions .danger-btn{color:#ffad9e;border-color:#ffad9e45;background:#ffad9e08}
.school-tools .search{background:#13171c;border-color:#44464c}.school-tools .search input{padding:10px 0}
.admin-banner{background:linear-gradient(110deg,#e5c1850d,#e5c18503);border-color:#e5c1852b;border-radius:7px;color:#b1b2b5}.admin-banner>span{color:#ddc08b}
.admin-count{background:#e5c18507;border:1px solid #e5c18520;border-radius:6px;padding:12px 16px;color:#b3b4b8}
.admin-workflow button{background:linear-gradient(120deg,#1a1e23,#13171b);border-color:#393b40;border-radius:8px;padding:21px}.admin-workflow button.selected{background:linear-gradient(110deg,#e5c18513,#16191c);border-color:#e5c18566;box-shadow:inset 0 1px #e5c18513}.admin-workflow small{color:#a6a9b1}
.admin-match{border-radius:8px;border-color:#3a3d43;background:linear-gradient(120deg,#1a1e23,#13171b);box-shadow:0 6px 20px #0002}.admin-match-top{border-color:#30343a}.admin-match-actions{background:#0d111455;border-color:#30343a}.admin-match-actions>span,.admin-match-top>span:last-child{color:#a4a9b2}
.time-edit{background:linear-gradient(140deg,#e5c1850b,#0f1419);border-color:#a58c5d66;border-radius:6px}.time-edit span{color:#beb29b}.time-edit strong{font-size:26px;letter-spacing:.5px}.team-edit{border-radius:6px}.team-edit small{color:#a6a9ad}.team-edit:hover{background:#e5c18508}
.small-btn{border-color:#676050;border-radius:5px;font-size:10px;color:#e3dccd}.gold-btn,.primary{color:#211b12;background:linear-gradient(110deg,#edd3a1,#d4ad68);border:1px solid #f8dda56b;box-shadow:inset 0 1px #fff6de55,0 4px 12px #0003;border-radius:5px}
.primary{position:relative;overflow:hidden}.primary:after{content:'';position:absolute;inset:-80% -40%;transform:translateX(-100%) rotate(-20deg);background:linear-gradient(90deg,transparent,#fff8,transparent);pointer-events:none}
.primary:hover:after{animation:gold-sweep .7s var(--ease)}
.cancel-btn,.finish-btn{border-radius:5px}.cancel-btn{border-color:#585b61;color:#d3d4d8}.finish-btn{border-color:#d4ad6855;background:#d4ad680a}
dialog{background:radial-gradient(ellipse at 100% 0,#e5c1850d,transparent 50%),#171b20;border-color:#b59a695f;border-radius:12px;padding:28px;box-shadow:0 35px 100px #000a,inset 0 1px #fff0c516}
dialog[open]{animation:modal-in .28s var(--ease)}
dialog::backdrop{background:#030609c4;backdrop-filter:blur(9px)}
.modal-head{padding-bottom:19px;border-bottom:1px solid #e5c1851d}.modal-head h2{font-size:21px;letter-spacing:-.5px}.icon-btn{display:grid;place-items:center;width:34px;height:34px;background:#ffffff04;border:1px solid #ffffff0a;border-radius:6px;font-size:24px;line-height:1}.icon-btn:hover{background:#ffffff0a;color:#fff}
.form-intro{background:#e5c18507;border-color:#e5c185b3;border-radius:0 5px 5px 0;color:#c6c6c2}.form-section{border-color:#e5c18524}.form-section legend{color:#e0c28e;font-size:11px}.field{color:#c9c9cd}.field input,.field select{background:#0f1318;border-color:#454950;border-radius:6px;color:#f0ede6;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus{outline:none;border-color:#e5c185a0;box-shadow:0 0 0 3px #e5c18510}.field small,.hint{color:#a9acb6}
.match-preview,.checkbox{background:#10151a;border-color:#45423a;border-radius:6px}.locked-value{background:#14191f;border-color:#444a54;color:#b7bec6;border-radius:5px}.score-btn{background:linear-gradient(145deg,#e5c18518,#e5c18507);border-color:#c4a36866;border-radius:6px;min-height:44px}.score-btn:hover{background:#e5c18525;box-shadow:0 0 20px #e5c1850a}
.form-actions{background:#171b20;border-color:#e5c18524;bottom:-28px;padding:18px 0 4px}
#logo-preview{background:#10151a;border:1px dashed #4b4c48;border-radius:6px;padding:18px;text-align:center;line-height:1.8;color:#a9adb5}
#form-error:empty{display:none}#form-error:not(:empty){background:#efaa9209;border:1px solid #efaa9230;border-radius:5px;padding:12px;line-height:1.6}
#toast{background:linear-gradient(110deg,#e9ca93,#d9b273);border:1px solid #ffe7b866;border-radius:7px;box-shadow:0 10px 40px #0006;padding:15px 22px;color:#201a10}
footer{border-color:#d8b6741c;color:#9d9a91;font-size:8px}footer>span:last-child{color:#b6a786}
@keyframes modal-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gold-sweep{to{transform:translateX(100%) rotate(-20deg)}}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 3px #e5c18512}50%{box-shadow:0 0 0 7px #e5c18500}}
@keyframes ball-enter{from{opacity:0;transform:translate(25px,15px) rotate(-30deg)}to{opacity:1;transform:translate(0,0) rotate(-17deg)}}
@media(prefers-reduced-motion:no-preference){.hero .ball{animation:ball-enter 1.1s var(--ease) both}.live-dot,.live-label i{animation:live-pulse 1.5s ease-in-out 3}.connection i{animation:live-pulse 1.5s ease-in-out 2}}
@media(hover:hover) and (pointer:fine){nav button:not(.active):hover{transform:translateX(3px);background:#ffffff04;color:#e8dfce}.school-card,.next-card,.admin-match,.live-card{transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.school-card:hover,.next-card:hover{transform:translateY(-4px);border-color:#d5b27888;box-shadow:0 14px 35px #0005,inset 0 1px #e5c18515}.school-card:hover .school-badge{filter:drop-shadow(0 4px 14px #e5c18518)}.admin-match:hover{border-color:#d5b27866;box-shadow:0 7px 25px #0003}.live-card:hover{border-color:#e5c185a0;box-shadow:0 10px 35px #0004,0 0 30px #e5c18506}.stats>div:hover{background:#e5c18505}.match-row:hover{background:#e5c18507}.admin-workflow button:hover{border-color:#e5c18588;transform:translateY(-2px)}.gold-btn:hover,.primary:hover{box-shadow:0 6px 20px #d9b27320,inset 0 1px #fff6de55;transform:translateY(-1px);filter:brightness(1.04)}}
@media(min-width:1500px){.hero{height:385px;padding:39px 44px}.hero h1{font-size:94px}.hero-art{width:49%}.ball{width:223px;height:223px;right:135px;top:100px}.giant-ix{font-size:470px;right:110px;top:-50px}.hero-tag{margin-top:25px}.live-scoreboard{padding:39px 22px}.next-card{padding:18px 21px}}
@media(max-width:1150px){.hero{padding:32px;height:330px}.hero h1{font-size:72px}.hero-art{right:-25px}.ball{right:65px;top:100px;width:173px;height:173px}.giant-ix{font-size:380px;right:55px;top:-34px}.art-caption{right:45px}.stats>div{padding:20px 15px;column-gap:11px;grid-template-columns:32px auto}.stats>div>span{width:32px;height:36px;font-size:19px}.stats small{font-size:9px}.live-top{padding:14px}.live-top>span:last-child{font-size:8px}.live-scoreboard{padding:28px 12px}.big-score{font-size:66px}.live-team h3{font-size:10px}.live-bottom{padding:14px}.live-bottom>span{font-size:7px}.row-team b{font-size:10px}.next-team b{font-size:10px}.tiny-label{display:none}}
@media(max-width:900px){.live-scoreboard{padding:29px 10px}.big-score{font-size:60px}.live-team h3{font-size:10px}.stats small{font-size:9px}.stats>div{gap:8px}.sidebar nav button.active{box-shadow:inset 0 -2px var(--gold)}.live-bottom .text-btn{font-size:9px}.next-meta>span{font-size:8px}.next-team b{font-size:10px}.schools-grid{gap:15px}}
@media(max-width:680px){html{scroll-padding-top:70px}.sidebar{background:linear-gradient(140deg,#1a1c21,#101317);border-color:#e5c18526;box-shadow:none;padding:16px 17px 0;row-gap:15px}.sidebar nav{margin-bottom:0;gap:5px}.sidebar nav button{border-radius:6px 6px 0 0;padding:12px 7px;font-size:10px}.sidebar nav button.active{border-bottom-color:var(--gold);box-shadow:inset 0 -1px var(--gold)}.brand{letter-spacing:1.6px}.brand small{font-size:7px}.sidebar-bottom .admin-toggle{padding:10px 11px;border-color:#e5c18540;background:#e5c18509}.sidebar-bottom .admin-toggle:before{color:var(--gold)}header{height:54px;padding:0 17px;background:#0d1013f0}.connection{padding:6px 8px;font-size:8px}.breadcrumb{font-size:7px}main{padding:18px 15px 30px}.category-tabs{gap:6px;margin-bottom:17px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:1px 0 5px}.category-tabs button{padding:10px 11px;font-size:9px;white-space:nowrap;flex-shrink:0;gap:7px}.hero{height:320px;border-radius:8px;padding:28px 22px;background:radial-gradient(ellipse at 90% 55%,#eacb8824,transparent 65%),linear-gradient(120deg,#202321,#12171b)}.hero .eyebrow{font-size:7px;letter-spacing:1.6px}.hero h1{font-size:65px;line-height:.94;margin:27px 0 20px}.hero p{font-size:11px;line-height:1.8;max-width:210px}.hero-tag{font-size:8px;letter-spacing:1.4px;margin-top:25px}.hero-tag b{font-size:11px}.hero-tag>span{font-size:6px;padding-left:8px}.hero-art{width:48%;right:-5px;opacity:.8;overflow:hidden;height:100%}.ball{width:115px;height:115px;right:6px;top:169px;filter:drop-shadow(8px 18px 10px #0009)}.ball:after{bottom:-7px;height:7px}.giant-ix{font-size:325px;top:25px;right:0;-webkit-text-stroke:1px #e5c18520}.court{inset:80px -50px 55px 0}.art-caption{bottom:17px;right:10px;font-size:5px;letter-spacing:2px}.hero-edition{font-size:5px;top:13px;right:14px;line-height:1.7}.stats{margin:14px 0 27px;border-radius:8px}.stats>div{padding:19px 17px;gap:5px 12px;grid-template-columns:35px auto}.stats>div>span{width:35px;height:39px;font-size:20px}.stats strong{font-size:31px}.stats small{font-size:9px;margin-top:1px}.section-heading h2{font-size:18px}.content-grid{gap:25px}.live-top{padding:15px}.live-top>span:last-child{font-size:8px}.live-scoreboard{padding:29px 13px}.big-score{font-size:77px}.live-team h3{font-size:11px;line-height:1.6}.live-bottom{padding:14px 13px}.live-bottom>span{font-size:7px;line-height:1.6}.live-bottom .text-btn{font-size:9px}.next-card{padding:14px 11px}.next-meta>span{font-size:8px}.next-meta>b{font-size:12px}.next-team{gap:6px}.next-team b{font-size:9px;line-height:1.5}.next-venue{font-size:8px}.schedule-toolbar{padding:0 12px}.day-tabs{gap:17px}.day-tabs button{font-size:11px;padding:17px 2px}.search input{font-size:10px;width:95px}.schedule-sub{font-size:10px;gap:13px}.filters button{font-size:10px;padding:7px 10px}.match-row{padding-top:43px;min-height:100px}.row-team b{font-size:9px;line-height:1.6}.match-time strong{font-size:10px}.match-time small,.match-meta>small{font-size:8px}.match-meta{gap:5px}.match-meta .status{font-size:6px;padding:4px 5px}.empty{padding:33px 18px;font-size:12px}.empty small{font-size:10px}.page-heading h1{font-size:43px}.page-heading p,.admin-heading p{font-size:11px}.schools-grid{gap:11px}.school-card{padding:25px 10px 22px;border-radius:7px;contain-intrinsic-size:auto 210px}.school-card h3{font-size:12px;line-height:1.6;margin:16px 0 9px}.school-card>small{font-size:7px;letter-spacing:.6px}.school-card:after{font-size:80px}.school-card>.text-btn{font-size:9px;padding:11px 8px}.admin-count{padding:9px;width:69px;font-size:8px}.admin-workflow button{padding:13px 10px}.admin-workflow small{font-size:9px}.admin-banner{font-size:10px}.admin-match-body{padding:13px}.time-edit strong{font-size:24px}.admin-match-actions>span{font-size:9px}.admin-match-actions .small-btn{font-size:11px;padding:12px 8px}.admin-match-top>span:last-child{font-size:9px}.team-edit small{font-size:9px}.buttons .small-btn{font-size:9px;padding:10px}.form-actions{bottom:-24px;padding-top:15px}dialog{padding:24px 20px;border-radius:10px;max-height:88dvh}.modal-head h2{font-size:19px}.field input,.field select{font-size:16px;min-height:46px}.field{font-size:12px}.form-actions .primary{font-size:12px}.modal-head{padding-bottom:15px}.form-intro{font-size:11px}.control-score strong{font-size:60px}.score-btn{min-width:46px;min-height:46px}footer{font-size:6px;line-height:1.8}footer>span:last-child{font-size:5px}}
@media(max-width:360px){.hero h1{font-size:58px}.hero .eyebrow{font-size:6px}.hero p{font-size:10px}.hero-art{opacity:.55}.ball{width:96px;height:96px;top:186px}.category-tabs button{padding:10px 9px}.brand{font-size:16px}.stats>div{padding:17px 12px}.next-list{grid-template-columns:1fr}.next-team b{font-size:11px}}
/* Idle effects stay decorative: no moving controls or score numbers. */
.workspace{position:relative;z-index:1}
.ambient-scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ambient-glow{position:absolute;width:65vw;height:65vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle,#dca94d12,transparent 65%);pointer-events:none}
.glow-one{top:-35%;right:-22%}.glow-two{bottom:-55%;left:10%;background:radial-gradient(circle,#ac874212,transparent 65%)}
.ambient-dust{position:absolute;inset:-60px 0;background-image:radial-gradient(circle,#ffe3a5a0 .8px,transparent 1.6px),radial-gradient(circle,#e5c18577 1px,transparent 2px),radial-gradient(circle,#ffe4ab55 .6px,transparent 1.5px);background-size:237px 193px,381px 277px,173px 319px;background-position:42px 31px,177px 99px,80px 210px;opacity:.25;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}
#motion-toggle{border:1px solid #e5c18530;background:#e5c18507;color:#cfbb96;border-radius:20px;font-size:9px;padding:7px 10px;white-space:nowrap;min-height:29px}#motion-toggle:hover{background:#e5c18515;border-color:#e5c18570}#motion-toggle:disabled{opacity:.65;cursor:default}
.hero:before{inset:-80% -25%;background:linear-gradient(110deg,transparent 35%,#f1cf8920 44%,#ffe5b10b 49%,transparent 57%);transform:rotate(-12deg);mix-blend-mode:screen}
.hero-art:before,.hero-art:after{content:'';position:absolute;pointer-events:none;border-radius:50%;top:47%;left:51%;width:265px;height:265px;border:1px solid #e5c1852b;transform:translate(-50%,-50%) rotate(-25deg) scaleY(.47)}
.hero-art:before{border-color:#e5c18536 transparent #e5c18536 #e5c1850c;box-shadow:0 0 30px #e5c18504;z-index:0}
.hero-art:after{width:330px;height:330px;border-style:dashed;border-color:#e5c1851a;opacity:.6;z-index:0}
.hero .ball{z-index:1}.hero .art-caption{z-index:2}.hero .ball:after{opacity:.7}
.live-card:before{left:0;right:auto;width:45%;height:2px;background:linear-gradient(90deg,transparent,#ffe7b1,transparent);box-shadow:0 0 10px #e5c18555}
.school-card:before{left:16%;right:16%;background:linear-gradient(90deg,transparent,#e5c185ba,transparent);height:1px}
@keyframes idle-ball{0%,100%{transform:translateY(0) rotate(-17deg)}50%{transform:translateY(-16px) rotate(-10deg)}}
@keyframes idle-shadow{0%,100%{opacity:.8;transform:translateY(0) scaleX(1)}50%{opacity:.35;transform:translateY(16px) scaleX(.78)}}
@keyframes idle-beam{0%,100%{transform:translateX(-10%) rotate(-12deg);opacity:.45}50%{transform:translateX(16%) rotate(2deg);opacity:.9}}
@keyframes idle-halo{0%,100%{transform:translate(-50%,-50%) rotate(-25deg) scaleY(.47);opacity:.45}50%{transform:translate(-50%,-50%) rotate(-10deg) scaleY(.53);opacity:.9}}
@keyframes idle-ring{from{transform:translate(-50%,-50%) rotate(0) scaleY(.6)}to{transform:translate(-50%,-50%) rotate(360deg) scaleY(.6)}}
@keyframes idle-numeral{0%,100%{transform:translateY(0) rotate(-9deg);opacity:.65}50%{transform:translateY(8px) rotate(-7deg);opacity:1}}
@keyframes idle-glow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8%,12%) scale(1.12)}}
@keyframes idle-dust{0%{transform:translateY(30px);opacity:.13}50%{opacity:.36}100%{transform:translateY(-30px);opacity:.13}}
@keyframes idle-trace{0%{transform:translateX(-110%);opacity:0}15%,75%{opacity:.8}100%{transform:translateX(330%);opacity:0}}
@keyframes idle-shimmer{0%,100%{opacity:.25;transform:scaleX(.55)}50%{opacity:.95;transform:scaleX(1)}}
@keyframes idle-emblem{0%,100%{filter:drop-shadow(0 0 2px #e5c18508)}50%{filter:drop-shadow(0 0 10px #e5c18535)}}
@media(prefers-reduced-motion:no-preference){
 .hero .ball{animation:idle-ball 6s ease-in-out infinite}
 .hero .ball:after{animation:idle-shadow 6s ease-in-out infinite}
 .hero:before{animation:idle-beam 13s ease-in-out infinite}
 .hero-art:before{animation:idle-halo 9s ease-in-out infinite}
 .hero-art:after{animation:idle-ring 65s linear infinite}
 .hero .giant-ix{animation:idle-numeral 11s ease-in-out infinite}
 .ambient-glow{animation:idle-glow 24s ease-in-out infinite}.glow-two{animation-delay:-12s;animation-direction:reverse}
 .ambient-dust{animation:idle-dust 18s ease-in-out infinite alternate}
 .live-dot,.live-label i{animation:live-pulse 2.2s ease-in-out infinite}
 .connection i{animation:live-pulse 3s ease-in-out infinite}
 .live-card:before{animation:idle-trace 8s ease-in-out infinite}
 .school-card:nth-child(-n+6):before{animation:idle-shimmer 6s ease-in-out infinite}
 .school-card:nth-child(2n):before{animation-delay:-2s}.school-card:nth-child(3n):before{animation-delay:-4s}
 .crest{animation:idle-emblem 5s ease-in-out infinite}
 .empty:before{animation:idle-emblem 5s ease-in-out infinite}
}
.motion-paused :is(.ambient-glow,.ambient-dust,.hero .ball,.hero .giant-ix,.live-dot,.live-label i,.connection i,.crest),.motion-paused .hero .ball:after,.motion-paused .hero:before,.motion-paused .hero-art:before,.motion-paused .hero-art:after,.motion-paused .live-card:before,.motion-paused .school-card:before,.motion-paused .empty:before{animation-play-state:paused!important}
@media(max-width:1150px){.hero-art:before{width:230px;height:230px}.hero-art:after{width:280px;height:280px}}
@media(max-width:680px){.header-right{gap:8px}#motion-toggle{font-size:8px;padding:7px 9px}.hero-art:before{width:165px;height:165px;top:69%;left:65%}.hero-art:after{width:210px;height:210px;top:69%;left:65%}.ambient-dust{opacity:.2;background-size:197px 223px,311px 277px,153px 319px}.ambient-glow{width:100vw;height:100vw}.glow-one{top:5%;right:-55%}.glow-two{bottom:-10%;left:-40%}}
@media(max-width:380px){.connection{padding:6px}.breadcrumb{letter-spacing:0}.breadcrumb span{margin:0 4px}#motion-toggle{padding:6px;font-size:7px}.header-right{gap:5px}}
.brand-logo{width:58px;height:64px;flex-shrink:0;display:grid;place-items:center;position:relative}.brand-logo img{width:64px;height:64px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 9px #e5c18516)}.brand{gap:10px;font-size:18px}.brand small{font-size:7px;letter-spacing:1.2px}
.hero-logo{position:absolute;z-index:2;width:310px;height:310px;object-fit:contain;right:35px;top:20px;mix-blend-mode:screen;filter:drop-shadow(0 0 25px #e5c18516);pointer-events:none}.official-brand .ball{display:none}.official-brand .giant-ix{opacity:.3}.official-brand .art-caption{right:59px;bottom:18px;font-size:7px}.official-brand:before{width:310px;height:310px;left:55%;top:49%}.official-brand:after{width:365px;height:365px;left:55%;top:49%}
.live-spotlight{isolation:isolate;border-color:#e9c380b0;box-shadow:0 12px 45px #0004,0 0 35px #e5c1850d,inset 0 0 0 1px #f8d69908;background:radial-gradient(ellipse at 50% 20%,#c2994b22,transparent 65%),#15191c}
.live-kicker{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(100deg,#d6b16e25,#d6b16e0b 80%);border-bottom:1px solid #f0c78135;position:relative;z-index:1}.live-kicker>span:first-child{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#f1d7a7}.live-kicker .live-dot{width:6px;height:6px;flex-shrink:0}.live-kicker small{margin-left:auto;font-size:8px;letter-spacing:1.8px;color:#bfa77b}
.live-equalizer{display:flex;align-items:center;gap:3px;height:15px;margin-left:2px}.live-equalizer i{display:block;width:2px;height:12px;background:#e5c185;border-radius:2px;transform-origin:50% 100%;opacity:.7}.live-equalizer i:nth-child(2n){height:8px}.live-equalizer i:nth-child(3){height:15px}
.live-spotlight:before{z-index:3}.live-spotlight:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 36px #e5c18518;opacity:.25;pointer-events:none;z-index:2}
.live-spotlight .live-scoreboard{position:relative;isolation:isolate;overflow:hidden;padding-top:34px;padding-bottom:34px}.live-spotlight .live-scoreboard:before{content:'';position:absolute;inset:-50% -20%;z-index:-1;background:linear-gradient(115deg,transparent 36%,#ffe5ab0d 49%,transparent 60%);pointer-events:none;transform:translateX(-30%)}
.live-spotlight .big-score{color:#f0d49f;text-shadow:0 0 35px #e5c18525;font-size:86px}.live-spotlight .live-top{background:#0000000a;border-bottom-color:#e5c18510}.live-spotlight .live-label{font-size:8px;color:#c9b997}.live-spotlight .live-bottom{background:#e5c18505}.live-spotlight .live-team .school-badge{border-color:#e5c18577;box-shadow:0 8px 24px #0004,0 0 24px #e5c18508}
@keyframes official-logo-glow{0%,100%{filter:drop-shadow(0 0 12px #e5c18512)}50%{filter:drop-shadow(0 0 28px #e5c18530)}}
@keyframes live-card-arrive{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes live-border-breathe{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes live-light-pass{0%,15%{transform:translateX(-45%);opacity:0}40%,55%{opacity:1}85%,100%{transform:translateX(45%);opacity:0}}
@keyframes live-bars{0%,100%{transform:scaleY(.35);opacity:.45}50%{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero-logo{animation:official-logo-glow 7s ease-in-out infinite}.live-spotlight{animation:live-card-arrive .7s var(--ease) both}.live-spotlight:after{animation:live-border-breathe 4s ease-in-out infinite}.live-spotlight .live-scoreboard:before{animation:live-light-pass 9s ease-in-out infinite}.live-equalizer i{animation:live-bars 1.25s ease-in-out infinite}.live-equalizer i:nth-child(2){animation-delay:-.4s}.live-equalizer i:nth-child(3){animation-delay:-.8s}.live-equalizer i:nth-child(4){animation-delay:-.2s}.live-equalizer i:nth-child(5){animation-delay:-.6s}}
.motion-paused .hero-logo,.motion-paused .live-spotlight:after,.motion-paused .live-scoreboard:before,.motion-paused .live-equalizer i{animation-play-state:paused!important}
@media(min-width:1500px){.hero-logo{width:345px;height:345px;right:65px;top:20px}.official-brand .art-caption{right:107px}.official-brand:before,.official-brand:after{left:52%}}
@media(max-width:1150px){.brand{font-size:16px;gap:7px}.brand-logo{width:47px}.brand-logo img{width:53px;height:53px}.brand small{font-size:6px}.hero-logo{width:280px;height:280px;right:3px;top:26px}.official-brand .art-caption{right:31px}.live-spotlight .big-score{font-size:70px}.live-kicker{padding:13px 14px;gap:8px}.live-kicker>span:first-child{font-size:8px;letter-spacing:1.1px}.live-kicker small{font-size:6px;letter-spacing:1px}.live-equalizer{gap:2px}}
@media(max-width:900px) and (min-width:681px){.brand-logo{width:50px}.brand-logo img{width:60px;height:60px}.live-kicker small{display:none}.hero-logo{right:-5px}.live-spotlight .big-score{font-size:63px}}
@media(max-width:680px){.brand{font-size:17px;gap:10px}.brand-logo{width:42px;height:44px}.brand-logo img{width:48px;height:48px}.brand small{font-size:7px}.hero-art.official-brand{width:49%;overflow:visible;right:-4px}.hero-logo{width:165px;height:165px;right:-2px;top:138px}.official-brand:before{width:175px;height:175px;left:58%;top:67%}.official-brand:after{width:205px;height:205px;left:58%;top:67%}.official-brand .art-caption{right:8px;bottom:12px;font-size:4px;letter-spacing:1.7px}.live-kicker{padding:14px 15px;gap:10px}.live-kicker>span:first-child{font-size:9px;letter-spacing:1.1px}.live-kicker small{display:inline;font-size:6px;letter-spacing:1px}.live-spotlight .big-score{font-size:82px}.live-spotlight .live-scoreboard{padding:29px 13px}}
@media(max-width:380px){.hero-logo{width:138px;height:138px;top:163px}.live-kicker small{display:none}.live-kicker>span:first-child{font-size:9px}.live-spotlight .big-score{font-size:72px}.brand small{font-size:6px}}
.data-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e5c18540;border-radius:7px;padding:14px 17px;margin-bottom:20px;background:#e5c18508;color:#d9c7a8}.data-notice b,.data-notice span{display:block;font-size:11px;line-height:1.8}.data-notice span{font-size:10px;color:#a8abb2}.data-notice button{white-space:nowrap;background:#e5c18513;border:1px solid #e5c18550;border-radius:5px;padding:10px 13px;color:var(--gold);font-size:10px}.hero-logo{animation:none!important}
@media(max-width:680px){.ambient-dust{display:none}.ambient-glow{animation:none!important}.hero-art:after{animation:none!important}header{backdrop-filter:none}.data-notice{padding:12px;align-items:start}.data-notice b{font-size:10px}.data-notice span{font-size:9px}.data-notice button{font-size:9px;padding:9px}}
.connection.disconnected{border-color:#edb8a644;color:#edb8a6;background:#edb8a609}.connection.disconnected i{background:#edb8a6;animation:none;box-shadow:none}button:disabled{cursor:wait;opacity:.65}
#intro{display:none;position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 43%,#b98e3317,transparent 48%),#060709;overflow:hidden;isolation:isolate}
.intro-active{overflow:hidden}.intro-active #intro{display:grid;place-items:center}
.intro-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;padding:35px 20px}
.intro-edition{font-size:8px;letter-spacing:4px;color:#d4b980;display:flex;gap:26px;align-items:center;margin-bottom:21px}.intro-edition span{color:#8c897e;font-size:7px;letter-spacing:2px}
.intro-emblem{width:min(340px,65vw);height:min(340px,65vw);position:relative;display:grid;place-items:center;isolation:isolate}
.intro-emblem:before{content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#f7d18b19,transparent 68%);filter:blur(20px);z-index:-1}
.intro-emblem img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 20px #e5c18516)}
.intro-orbit{position:absolute;inset:-7%;border:1px solid #e5c18528;border-radius:50%;border-top-color:#e5c185d9;border-right-color:#e5c18575;transform:rotate(-40deg);z-index:-1;box-shadow:0 -6px 35px #e5c18505}
.intro-orbit:before{content:'';position:absolute;top:11%;right:11%;width:4px;height:4px;border-radius:50%;background:#f9dfa9;box-shadow:0 0 13px #f7d18b}
.intro-orbit.orbit-inner{inset:-13%;border:1px dashed #e5c18520;box-shadow:none}.orbit-inner:before{display:none}
.intro-wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;font-weight:600;letter-spacing:9px;color:#f2e5c8;margin-top:43px;padding-left:9px}.intro-wordmark span{color:var(--gold);font-weight:500}
.intro-school{font-size:8px;letter-spacing:2.3px;color:#b0a58f;margin:12px 0 0;line-height:1.8}
.intro-track{margin-top:29px;width:165px;height:2px;background:#e5c18520;border-radius:2px;overflow:hidden}.intro-track span{display:block;width:55%;height:100%;background:linear-gradient(90deg,transparent,#f1d59e,transparent);box-shadow:0 0 12px #e5c18599}
#intro-status{font-size:7px;letter-spacing:3px;color:#c4b08a;margin:13px 0 0;min-height:12px}
#intro-skip{position:absolute;right:35px;bottom:29px;z-index:3;padding:11px 15px;background:#e5c18508;border:1px solid #e5c18533;border-radius:5px;color:#d3c3a4;font-size:10px;letter-spacing:.6px}#intro-skip span{margin-left:15px;color:var(--gold)}#intro-skip:hover{background:#e5c18518;border-color:#e5c18588}
.intro-motto{position:absolute;bottom:39px;left:35px;font-size:7px;letter-spacing:2px;color:#817866}
.intro-lights{position:absolute;inset:-80%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,#e5c18508 45deg,transparent 65deg,transparent 180deg,#e5c18507 225deg,transparent 245deg);pointer-events:none}
@keyframes intro-logo-reveal{from{opacity:0;transform:translateY(10px) scale(.9);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes intro-type-reveal{from{opacity:0;transform:translateY(9px);letter-spacing:13px}to{opacity:1;transform:translateY(0);letter-spacing:9px}}
@keyframes intro-orbit-spin{to{transform:rotate(320deg)}}
@keyframes intro-track-pass{from{transform:translateX(-110%)}to{transform:translateX(210%)}}
@keyframes intro-lights-turn{to{transform:rotate(18deg)}}
@keyframes intro-exit{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.035)}}
@media(prefers-reduced-motion:no-preference){.intro-active .intro-emblem img{animation:intro-logo-reveal 1s var(--ease) both}.intro-active .intro-wordmark{animation:intro-type-reveal .8s .3s var(--ease) both}.intro-active .intro-orbit{animation:intro-orbit-spin 5s linear infinite}.intro-active .orbit-inner{animation-duration:18s;animation-direction:reverse}.intro-active .intro-track span{animation:intro-track-pass 1.2s ease-in-out infinite}.intro-active .intro-lights{animation:intro-lights-turn 8s linear both}.intro-closing #intro{animation:intro-exit .65s var(--ease) both}}
@media(max-width:680px){.intro-emblem{width:min(265px,64vw);height:min(265px,64vw)}.intro-edition{font-size:7px;letter-spacing:2px;gap:15px;margin-bottom:25px}.intro-edition span{font-size:6px}.intro-wordmark{font-size:31px;margin-top:42px}.intro-school{font-size:6px;letter-spacing:1.5px}.intro-motto{bottom:80px;left:0;right:0;text-align:center;font-size:5px;letter-spacing:1.5px}#intro-skip{bottom:25px;right:50%;transform:translateX(50%);padding:10px 15px;font-size:10px}#intro-skip:active{transform:translateX(50%) scale(.98)}}
@media(max-height:620px){.intro-emblem{width:190px;height:190px}.intro-edition{margin-bottom:20px}.intro-wordmark{margin-top:30px;font-size:28px}.intro-school{margin-top:8px}.intro-track{margin-top:18px}.intro-motto{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.school-card:hover,.next-card:hover,.admin-workflow button:hover{transform:none}.intro-active #intro{display:none}}