@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#0c1518;--panel:#132025;--line:#2a393c;--lime:#d5fa70;--muted:#829797;--white:#f1f6ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:13px}button,a,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}header{height:98px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 40px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-weight:900;font-size:21px;letter-spacing:-1px}.brand b{color:var(--lime)}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--muted);margin-top:6px}.brand-icon{background:var(--lime);color:#14231b;font-size:43px;line-height:48px;text-align:center;width:49px;border-radius:14px;transform:rotate(-8deg)}.live{font-size:11px;font-weight:700;letter-spacing:1px;display:flex;gap:10px;align-items:center}.live i,.dot{width:7px;height:7px;border-radius:50%;background:#fd6f84;display:inline-block}.live span{font-size:9px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.admin-link{border:1px solid var(--line);padding:10px 14px;border-radius:8px;color:#bacac5}main{max-width:1600px;margin:auto;padding:28px 40px 18px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.arena-panel{min-width:0}.arena-top{display:flex;align-items:center;justify-content:space-between;padding:6px 0 23px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--lime);font-weight:700}h1{font-size:32px;margin:9px 0 0;letter-spacing:-1.7px;font-weight:800}h1 em{font-style:normal;color:#8baba4}.round{border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--muted);font-size:9px;letter-spacing:1px}.round b{font-size:20px;color:var(--white);margin-left:6px}.stats{height:88px;display:flex;gap:32px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px 14px 0 0;padding:16px 23px}.stats div>span{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:6px}.stats strong{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums}.stats strong small{font-size:12px;color:var(--muted)}.stats div:first-child strong{color:var(--lime)}.pill{margin-left:auto;color:var(--lime);border:1px solid #53673c;background:#23352a;border-radius:5px;font-size:8px;padding:7px;letter-spacing:.7px}.stage{position:relative;height:540px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#244449,#14272d 55%,#122025);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px}canvas{display:block;width:100%;height:100%}.event{position:absolute;top:25px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#132723d9;border:1px solid #6f8b61;border-radius:30px;color:var(--lime);font-size:10px;letter-spacing:1.5px;padding:11px 20px;box-shadow:0 6px 30px #0002}.event.danger{background:#57342b;border-color:#c58154;color:#ffcb8c}.stage-caption{position:absolute;bottom:21px;left:23px;right:23px;display:flex;justify-content:space-between;color:#8dada9;font-size:8px;letter-spacing:1px}.join-bar{display:flex;align-items:center;gap:15px;padding:22px 24px;background:var(--lime);color:#1d3022;margin-top:16px;border-radius:12px}.comment-icon{font-size:30px}.join-bar div{font-size:10px}.join-bar strong{display:block;font-size:19px;margin-top:5px;letter-spacing:-.4px}mark{background:#203323;color:var(--lime);border-radius:4px;padding:3px 8px;margin:0 3px}.capacity{margin-left:auto;text-align:right;font-size:8px;line-height:1.8;letter-spacing:1px}.capacity b{font-size:11px}aside{display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:23px}.card h2{font-size:16px;letter-spacing:-.5px;margin:12px 0}.card p{color:var(--muted);font-size:11px;line-height:1.8}.keys{display:flex;gap:5px;margin:18px 0 15px}kbd{font-family:inherit;font-size:9px;background:#223238;border:1px solid #405156;border-bottom:3px solid #405156;border-radius:5px;padding:7px 9px;color:#d5e4df;white-space:nowrap}.rule{display:flex;gap:11px;align-items:center;margin:10px 0;font-size:10px;color:#abc0ba}.divider{height:1px;background:var(--line);margin:21px 0}.perk{display:flex;gap:13px;margin-top:18px}.perk>span{font-size:26px;color:var(--lime)}.perk:first-of-type>span{color:#f98ca4}.perk b{font-size:11px;display:block}.perk small{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:5px}.heart-track{height:4px;background:#354044;border-radius:5px;margin-top:12px}.heart-track i{display:block;height:100%;width:0;background:#f08da2;border-radius:5px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0;font-size:12px}.section-title>span{color:var(--lime)}#feed{height:133px;overflow:hidden;margin-top:16px}.feed-row{font-size:10px;padding:7px 0;border-bottom:1px solid #253438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9bb1ab}.feed-row.event-row{color:var(--lime)}.feed-row.out{color:#dca3a0}.muted{color:var(--muted)}.score-row{display:flex;gap:10px;font-size:11px;margin-top:17px}.score-row b{color:var(--lime)}.score-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row small{margin-left:auto;color:var(--muted);white-space:nowrap}footer{max-width:1600px;margin:auto;padding:12px 40px 25px;display:flex;align-items:center;gap:18px;color:#657f7b;font-size:8px;letter-spacing:.5px}footer span:nth-child(2){margin-left:auto}button{cursor:pointer;border:1px solid #40524d;border-radius:7px;padding:10px 14px;background:#22352d;color:#dbeddf}button:hover{filter:brightness(1.2)}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}footer button{font-size:9px;padding:8px}.winner{position:absolute;inset:0;background:#10231bdc;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.winner[hidden]{display:none}.crown{color:var(--lime);font-size:100px;text-shadow:0 0 70px #d5fa7050}.winner small{letter-spacing:3px;color:var(--lime);font-size:9px}.winner h2{font-size:35px;max-width:90%;overflow-wrap:anywhere}.winner p{color:#a8bfae}#offline{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#a13939;padding:15px;border-radius:8px;z-index:50}.admin-main{display:block;max-width:1000px}.admin-main h1{margin-bottom:25px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-main label{display:block;color:#adc4b9;font-size:12px;margin:15px 0 7px}input,select{background:#0d1b1e;border:1px solid #3a514a;border-radius:7px;color:white;padding:12px;width:100%;margin-bottom:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.primary{background:var(--lime);color:#21351d;border-color:var(--lime);font-weight:700}.danger-button{color:#ffb8a5}#login{max-width:420px;margin:60px auto}.notice{color:var(--lime);min-height:20px;line-height:1.8}.admin-main p{line-height:1.8;color:#9db4ac}.link-box{display:block;padding:15px;background:#0d191b;border-radius:8px;overflow-wrap:anywhere;color:var(--lime)}[hidden]{display:none!important}body.overlay header,body.overlay aside,body.overlay footer,body.overlay .arena-top{display:none}body.overlay main{display:block;padding:15px;max-width:1400px}body.overlay .stage{height:calc(100vh - 220px)}@media(min-width:1500px){.stage{height:610px}}@media(max-width:1050px){header{padding:0 20px}main{padding:20px;grid-template-columns:minmax(0,1fr) 265px;gap:16px}.card{padding:18px}.stats{gap:20px;padding:15px}.stage{height:500px}.live span{display:none}h1{font-size:27px}footer{padding:10px 20px}.join-bar{padding:18px}.join-bar strong{font-size:16px}}@media(max-width:760px){header{height:78px}.brand{font-size:16px}.brand small{font-size:6px;letter-spacing:2px}.brand-icon{width:38px;line-height:40px}.live{font-size:9px}.admin-link{display:none}main{display:block;padding:16px}.arena-top{padding-top:0}h1{font-size:25px}.stats{gap:24px}.stats strong{font-size:22px}.pill{font-size:7px}.stage{height:52vh;min-height:350px}.join-bar strong{font-size:15px}.capacity{display:none}aside{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.instructions{grid-row:span 2}.champions,.feed-card{padding:15px}.keys{flex-wrap:wrap}footer{flex-wrap:wrap;font-size:7px}footer span:nth-child(2){display:none}.admin-grid{grid-template-columns:1fr}.admin-main{padding:20px}body.overlay .stage{height:calc(100vh - 220px)}}@media(max-width:430px){aside{display:flex}.pill{display:none}.stats{justify-content:space-between}.live{display:none}.stage{min-height:400px}.join-bar{padding:16px 12px}}