@import"https://fonts.googleapis.com/css2?family=Jersey+10&display=swap";:root{--r: 16px;color:#f8ffe8;background:#040807;font-family:"Jersey 10",Courier New,monospace;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:calc(var(--r) * 80);min-height:calc(var(--r) * 45)}button{font:inherit}#root{display:grid;place-items:center;background:linear-gradient(90deg,rgba(255,255,255,.04) 0 calc(var(--r) * .0625),transparent calc(var(--r) * .0625) calc(var(--r) * 2)),linear-gradient(180deg,rgba(255,255,255,.035) 0 calc(var(--r) * .0625),transparent calc(var(--r) * .0625) calc(var(--r) * 2)),#040807}.app-frame{--r: calc(100cqw / 120);--team-panel-width: 26.5;--draw-panel-min: 18;--participant-panel-width: 53.25;--stage-gap: 1.25;--stage-padding: 1.5;--portrait-size: 7.35;position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);overflow:hidden;aspect-ratio:16 / 9;container-type:size;background:#06130b;box-shadow:0 0 0 calc(var(--r) * .25) #0f2714,0 0 0 calc(var(--r) * .625) #030604,0 0 calc(var(--r) * 4) #000000d1}.app-shell{--r: calc(100cqw / 120);position:relative;display:grid;grid-template-rows:calc(var(--r) * 6.75) 1fr;gap:calc(var(--r) * 1);width:100%;height:100%;padding:calc(var(--r) * 1.75) calc(var(--r) * 2.125) calc(var(--r) * 2);overflow:hidden;isolation:isolate;font-size:var(--r);background:linear-gradient(180deg,#0c2916eb,#041009f5),repeating-linear-gradient(0deg,rgba(122,255,114,.1) 0 calc(var(--r) * .25),transparent calc(var(--r) * .25) calc(var(--r) * 1)),#071409}.app-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;content:"";background:linear-gradient(90deg,rgba(255,244,133,.16) 0 calc(var(--r) * .125),transparent calc(var(--r) * .125) calc(var(--r) * 6)),linear-gradient(180deg,rgba(255,244,133,.1) 0 calc(var(--r) * .125),transparent calc(var(--r) * .125) calc(var(--r) * 6));-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}.stadium-lights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.stadium-lights span{position:absolute;top:calc(var(--r) * -5.5);width:calc(var(--r) * 13);height:calc(var(--r) * 28);background:repeating-linear-gradient(90deg,rgba(255,247,156,.3) 0 calc(var(--r) * .75),transparent calc(var(--r) * .75) calc(var(--r) * 1.5)),linear-gradient(180deg,rgba(255,247,156,.28),transparent 82%);transform-origin:top}.stadium-lights span:nth-child(1){left:7%;transform:rotate(18deg)}.stadium-lights span:nth-child(2){left:29%;transform:rotate(8deg)}.stadium-lights span:nth-child(3){right:29%;transform:rotate(-8deg)}.stadium-lights span:nth-child(4){right:7%;transform:rotate(-18deg)}.scorebug{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--r) * 1.75);min-height:0}.brand-mark{display:flex;align-items:center;gap:calc(var(--r) * 1.125);min-width:0}.brand-mark svg{width:calc(var(--r) * 4.5);height:calc(var(--r) * 4.5);padding:calc(var(--r) * .625);color:#161306;background:linear-gradient(135deg,#fff06a 0,#fff06a 45%,#ff9b31 45%,#ff9b31 70%,#4cf2bd 70%),#ffcf45;border:calc(var(--r) * .25) solid #fff8be;box-shadow:calc(var(--r) * .375) calc(var(--r) * .375) 0 #061509,inset calc(var(--r) * -.25) calc(var(--r) * -.25) 0 #41310052}.brand-mark p,.rail-header p,.bench-header p,.plinth-topline,.next-team-card span{margin:0;color:#a9ffbe;font-size:calc(var(--r) * 1.5);line-height:.85;letter-spacing:0;text-transform:uppercase;text-shadow:calc(var(--r) * .125) calc(var(--r) * .125) 0 #061409}.brand-mark h1{margin:calc(var(--r) * .25) 0 0;color:#fff;font-size:calc(var(--r) * 4.75);font-weight:400;line-height:.82;letter-spacing:0;text-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #07140b,calc(var(--r) * .5) calc(var(--r) * .5) 0 rgba(0,0,0,.36)}.scorebug-stats{display:flex;align-items:center;gap:calc(var(--r) * .75);flex:0 0 auto}.scorebug-stats span{display:inline-flex;align-items:center;gap:calc(var(--r) * .625);min-height:calc(var(--r) * 3);padding:0 calc(var(--r) * 1);color:#faffdb;font-size:calc(var(--r) * 1.75);line-height:1;background:#082014;border:calc(var(--r) * .1875) solid #b9ff93;box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #031008,inset calc(var(--r) * -.25) calc(var(--r) * -.25) 0 #00000052}.scorebug-stats svg{width:calc(var(--r) * 1.375);height:calc(var(--r) * 1.375);color:#ffdc4d;stroke-width:3}.pitch-stage{position:relative;display:grid;grid-template-columns:calc(var(--r) * var(--team-panel-width)) minmax(calc(var(--r) * var(--draw-panel-min)),1fr) calc(var(--r) * var(--participant-panel-width));gap:calc(var(--r) * var(--stage-gap));min-height:0;padding:calc(var(--r) * var(--stage-padding));overflow:hidden;background:repeating-linear-gradient(90deg,#157a38 0,#157a38 calc(var(--r) * 7.5),#1b8a3d calc(var(--r) * 7.5),#1b8a3d calc(var(--r) * 15)),#167b39;border:calc(var(--r) * .25) solid #d8fff0;box-shadow:inset 0 0 0 calc(var(--r) * .625) #ffffff1f,calc(var(--r) * .625) calc(var(--r) * .625) 0 #020a05}.pitch-stage.is-results{grid-template-columns:1fr}.pitch-lines{position:absolute;inset:calc(var(--r) * 1.625);pointer-events:none}.pitch-lines span{position:absolute;display:block;border:calc(var(--r) * .25) solid rgba(238,255,239,.28)}.halfway-line{top:0;bottom:0;left:50%;width:0;border-width:0 0 0 calc(var(--r) * .25)}.center-circle{top:50%;left:50%;width:calc(var(--r) * 16);height:calc(var(--r) * 16);transform:translate(-50%,-50%)}.left-box,.right-box{top:29%;width:calc(var(--r) * 11.5);height:42%}.left-box{left:0;border-left:0}.right-box{right:0;border-right:0}.results-board{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;gap:calc(var(--r) * .75);min-width:0;min-height:0;padding:calc(var(--r) * 1.1);background:linear-gradient(180deg,#0a2115f5,#02100af5),#07190f;border:calc(var(--r) * .25) solid rgba(223,255,195,.58);box-shadow:calc(var(--r) * .5) calc(var(--r) * .5) 0 #010905d1,inset calc(var(--r) * -.375) calc(var(--r) * -.375) 0 #00000042,inset calc(var(--r) * .25) calc(var(--r) * .25) 0 #ffffff1a}.results-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--r) * 1.5);padding-bottom:calc(var(--r) * .6);border-bottom:calc(var(--r) * .1875) solid rgba(255,255,255,.18)}.results-header p{margin:0;color:#a9ffbe;font-size:calc(var(--r) * 1.45);line-height:.85;text-transform:uppercase;text-shadow:calc(var(--r) * .125) calc(var(--r) * .125) 0 #061409}.results-header h2{margin:calc(var(--r) * .25) 0 0;color:#fff;font-size:calc(var(--r) * 4);font-weight:400;line-height:.82;text-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #07140b,calc(var(--r) * .5) calc(var(--r) * .5) 0 rgba(0,0,0,.36)}.results-actions{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--r) * .6);flex:0 0 auto;min-width:0}.results-actions>span{flex:0 0 auto;padding:calc(var(--r) * .55) calc(var(--r) * .8);color:#11220e;font-size:calc(var(--r) * 1.75);line-height:.9;background:#8effa8;border:calc(var(--r) * .1875) solid #d8ffd7;box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #031008}.copy-results-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--r) * .45);min-height:calc(var(--r) * 2.9);padding:0 calc(var(--r) * .8);color:#161306;font-size:calc(var(--r) * 1.55);line-height:.9;background:#ffdf4e;border:calc(var(--r) * .1875) solid #fff6a6;box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #031008,inset calc(var(--r) * -.1875) calc(var(--r) * -.1875) 0 #7e50004d;cursor:pointer}.copy-results-button:hover{background:#fff06a}.copy-results-button.is-failed{color:#2b0909;background:#ff8d8d;border-color:#ffd1d1}.copy-results-button svg{width:calc(var(--r) * 1.2);height:calc(var(--r) * 1.2);stroke-width:3}.results-grid{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:calc(var(--r) * .65);min-height:0}.result-card{display:grid;grid-template-columns:calc(var(--r) * 6.35) minmax(0,1fr);grid-template-rows:auto 1fr;gap:calc(var(--r) * .25) calc(var(--r) * .55);align-items:stretch;min-width:0;min-height:0;padding:calc(var(--r) * .45);overflow:hidden;background:linear-gradient(180deg,#184025e6,#05180ef0),#0b2114;border:calc(var(--r) * .1875) solid rgba(226,255,213,.42);box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #010905c7,inset calc(var(--r) * -.1875) calc(var(--r) * -.1875) 0 #00000047}.result-portrait{display:grid;grid-row:1 / span 2;place-items:end center;min-height:0;overflow:hidden}.result-portrait img{width:calc(var(--r) * 6.25);height:calc(var(--r) * 6.25);max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(calc(var(--r) * .25) calc(var(--r) * .25) 0 rgba(0,0,0,.48))}.result-card>strong{min-width:0;overflow:hidden;color:#fff;font-size:calc(var(--r) * 1.36);font-weight:400;line-height:.9;text-align:left;text-overflow:ellipsis;white-space:nowrap;text-shadow:calc(var(--r) * .1875) calc(var(--r) * .1875) 0 #061409}.result-team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(var(--r) * 1.08);align-content:start;gap:calc(var(--r) * .16);min-height:0;overflow:hidden}.result-team-list span{display:flex;align-items:center;gap:calc(var(--r) * .25);min-width:0;padding:0 calc(var(--r) * .25);overflow:hidden;color:#ffef95;font-size:calc(var(--r) * .72);line-height:.85;text-overflow:ellipsis;white-space:nowrap;background:#ffffff1a;border:calc(var(--r) * .125) solid rgba(255,255,255,.16);box-shadow:inset calc(var(--r) * -.125) calc(var(--r) * -.125) 0 #00000038}.result-team-list img{width:calc(var(--r) * 1.05);height:calc(var(--r) * .6);flex:0 0 auto;image-rendering:pixelated}.team-rail,.draw-plinth,.participant-bench{position:relative;z-index:1;min-width:0;background:linear-gradient(180deg,#0a2115f5,#02100af5),#07190f;border:calc(var(--r) * .25) solid rgba(223,255,195,.58);box-shadow:calc(var(--r) * .5) calc(var(--r) * .5) 0 #010905d1,inset calc(var(--r) * -.375) calc(var(--r) * -.375) 0 #00000042,inset calc(var(--r) * .25) calc(var(--r) * .25) 0 #ffffff1a}.team-rail{display:grid;grid-template-rows:auto 1fr;min-height:0;padding:calc(var(--r) * .95)}.rail-header{display:flex;align-items:center;gap:calc(var(--r) * .6);padding-bottom:calc(var(--r) * .6);border-bottom:calc(var(--r) * .1875) solid rgba(255,255,255,.18)}.rail-header svg{width:calc(var(--r) * 2.35);height:calc(var(--r) * 2.35);padding:calc(var(--r) * .42);color:#12200e;background:#ffdc4d;border:calc(var(--r) * .1875) solid #fff4a3;box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #031008;stroke-width:3}.rail-header strong{display:block;margin-top:calc(var(--r) * .1875);color:#fff;font-size:calc(var(--r) * 1.8);font-weight:400;line-height:.85;text-shadow:calc(var(--r) * .1875) calc(var(--r) * .1875) 0 #061409}.team-list{display:grid;grid-auto-rows:minmax(0,1fr);gap:calc(var(--r) * .35);min-height:0;padding-top:calc(var(--r) * .65)}.team-row{display:grid;grid-template-columns:calc(var(--r) * 2.4) calc(var(--r) * 2.75) minmax(0,1fr) calc(var(--r) * 3.8);gap:calc(var(--r) * .4);align-items:center;min-height:0;padding:0 calc(var(--r) * .45);overflow:hidden;color:#efffe5;background:#ffffff1a;border:calc(var(--r) * .1875) solid rgba(255,255,255,.16);box-shadow:inset calc(var(--r) * -.1875) calc(var(--r) * -.1875) 0 #00000038}.team-row.is-next{color:#152008;background:#ffdf4e;border-color:#fff6a6;box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #031008,inset calc(var(--r) * -.1875) calc(var(--r) * -.1875) 0 #7e50004d}.team-rank{color:inherit;font-size:calc(var(--r) * 1.05);line-height:.9}.team-row img{width:calc(var(--r) * 2.75);height:calc(var(--r) * 1.55);image-rendering:pixelated;object-fit:contain;background:#0000002e;box-shadow:calc(var(--r) * .125) calc(var(--r) * .125) 0 #0000006b}.team-row strong{min-width:0;overflow:hidden;color:inherit;font-size:calc(var(--r) * 1.28);font-weight:400;line-height:.9;text-overflow:ellipsis;white-space:nowrap}.team-row>span:last-child{min-width:0;overflow:hidden;color:inherit;font-size:calc(var(--r) * .88);line-height:.9;text-align:right;text-overflow:ellipsis;white-space:nowrap}.empty-round{display:grid;place-items:center;color:#dfffd9;font-size:calc(var(--r) * 2);text-align:center;border:calc(var(--r) * .1875) dashed rgba(255,255,255,.28)}.draw-plinth{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(var(--r) * 33);padding:calc(var(--r) * 2.25);text-align:center;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 calc(var(--r) * .5),transparent calc(var(--r) * .5) calc(var(--r) * 1)),linear-gradient(180deg,#082215f5,#03140cf5)}.plinth-topline{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--r) * .5);color:#ffef95}.plinth-topline svg{width:calc(var(--r) * 1.25);height:calc(var(--r) * 1.25);stroke-width:3}.next-team-card{display:grid;justify-items:center;gap:calc(var(--r) * .5);width:min(100%,calc(var(--r) * 31));margin-top:calc(var(--r) * 1);padding:calc(var(--r) * 1.25) calc(var(--r) * 1.5);background:#f6ffd5;border:calc(var(--r) * .25) solid #fff6a6;box-shadow:calc(var(--r) * .5) calc(var(--r) * .5) 0 #031008,inset calc(var(--r) * -.25) calc(var(--r) * -.25) 0 #7e50002e}.next-team-card span{color:#426419;text-shadow:none}.next-team-card img{width:calc(var(--r) * 8);height:calc(var(--r) * 4.5);image-rendering:pixelated;object-fit:contain;box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #0003}.next-team-card strong{width:100%;overflow:hidden;color:#061509;font-size:calc(var(--r) * 4.25);font-weight:400;line-height:.85;text-overflow:ellipsis;white-space:nowrap}.next-team-card em{color:#426419;font-size:calc(var(--r) * 1.5);font-style:normal;line-height:.9}.next-team-card.is-complete{color:#faffdb;background:#ffffff1a;border-color:#dfffc394}.next-team-card.is-complete strong,.next-team-card.is-complete em{color:#faffdb}.draw-action{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--r) * .75);width:min(100%,calc(var(--r) * 31));min-height:calc(var(--r) * 5);margin-top:calc(var(--r) * 2);padding:0 calc(var(--r) * 1.25);color:#061509;font-size:calc(var(--r) * 2.75);line-height:.9;background:#8effa8;border:calc(var(--r) * .25) solid #d8ffd7;box-shadow:calc(var(--r) * .5) calc(var(--r) * .5) 0 #031008,inset calc(var(--r) * -.25) calc(var(--r) * -.25) 0 #11431d3d;cursor:pointer}.draw-action:not(:disabled):hover{background:#ffdf4e;border-color:#fff6a6}.draw-action:disabled{color:#43513e;background:#9ba88e;cursor:default}.draw-action svg{width:calc(var(--r) * 1.75);height:calc(var(--r) * 1.75);stroke-width:3}.draw-status{min-height:calc(var(--r) * 3.4);max-width:calc(var(--r) * 31);margin:calc(var(--r) * 1.25) 0 0;color:#dfffd9;font-size:calc(var(--r) * 1.75);line-height:.95;text-shadow:calc(var(--r) * .125) calc(var(--r) * .125) 0 #061409}.participant-bench{display:grid;grid-template-rows:auto 1fr;min-height:0;padding:calc(var(--r) * 1.25)}.bench-header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--r) * 1.125);padding-bottom:calc(var(--r) * 1)}.bench-header h2{max-width:calc(var(--r) * 28);margin:calc(var(--r) * .375) 0 0;color:#fff;font-size:calc(var(--r) * 2);font-weight:400;line-height:.92;letter-spacing:0;text-shadow:calc(var(--r) * .1875) calc(var(--r) * .1875) 0 #061409}.bench-header>span{flex:0 0 auto;padding:calc(var(--r) * .5) calc(var(--r) * .625);color:#11220e;font-size:calc(var(--r) * 1.625);line-height:.9;background:#8effa8;border:calc(var(--r) * .1875) solid #d8ffd7;box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #031008}.participant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:calc(var(--r) * .6);min-height:0}.participant-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:calc(var(--r) * .2);align-items:start;justify-items:center;min-width:0;min-height:0;padding:calc(var(--r) * .5);overflow:hidden;background:linear-gradient(180deg,#184025e6,#05180ef0),#0b2114;border:calc(var(--r) * .1875) solid rgba(226,255,213,.42);box-shadow:calc(var(--r) * .25) calc(var(--r) * .25) 0 #010905c7,inset calc(var(--r) * -.1875) calc(var(--r) * -.1875) 0 #00000047}.participant-card.is-highlighted{color:#152008;background:#ffdf4e;border-color:#fff6a6}.participant-card.is-round-locked{opacity:.52;filter:grayscale(.9)}.participant-card.is-highlighted{opacity:1;filter:none}.portrait-frame{display:grid;place-items:center;width:100%;min-height:0;overflow:hidden}.portrait-frame img{width:calc(var(--r) * var(--portrait-size));height:calc(var(--r) * var(--portrait-size));max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(calc(var(--r) * .25) calc(var(--r) * .25) 0 rgba(0,0,0,.48))}.participant-card strong{position:absolute;top:calc(var(--r) * .35);left:calc(var(--r) * .4);z-index:2;max-width:calc(100% - calc(var(--r) * .8));min-width:0;padding:calc(var(--r) * .18) calc(var(--r) * .38);overflow:hidden;color:#fff;font-size:calc(var(--r) * .82);font-weight:400;line-height:.9;letter-spacing:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#031008c7;border:calc(var(--r) * .125) solid rgba(226,255,213,.32);text-shadow:calc(var(--r) * .1875) calc(var(--r) * .1875) 0 #061409}.participant-card.is-highlighted strong{color:#152008;background:#fff06a;border-color:#fff8be;text-shadow:none}.assigned-teams{align-self:end;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:calc(var(--r) * .18);width:100%;height:calc(var(--r) * 1.18);overflow:hidden}.assigned-team,.empty-assignment{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;color:#ffef95;line-height:.85;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#ffffff1a;border:calc(var(--r) * .125) solid rgba(255,255,255,.16);box-shadow:inset calc(var(--r) * -.125) calc(var(--r) * -.125) 0 #00000038}.assigned-team{width:calc(var(--r) * 1.55);height:calc(var(--r) * .98);flex:0 0 auto;padding:0 calc(var(--r) * .15)}.assigned-team img{width:calc(var(--r) * 1.18);height:calc(var(--r) * .68);flex:0 0 auto;image-rendering:pixelated}.assigned-team.is-pending,.participant-card.is-highlighted .assigned-team{color:#152008;background:#fff06a;border-color:#fff8be}.empty-assignment{width:100%;height:calc(var(--r) * 1.05);font-size:calc(var(--r) * .72);color:#96c99b;background:transparent;border-color:#ffffff1f}