*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c151f;color:#fff;font-family:system-ui,Arial,sans-serif}#stage{position:relative;width:min(100vw,56.25vh);height:min(100vh,177.7778vw);margin:auto;top:50%;transform:translateY(-50%);overflow:hidden;container-type:inline-size;background:#7eb9d1}canvas,#labels,.shade{position:absolute;inset:0;width:100%;height:100%}#labels{pointer-events:none;overflow:hidden}.shade{pointer-events:none;background:linear-gradient(180deg,#101f33b0,transparent 35%,transparent 65%,#101e2bc0)}.hud{position:absolute;top:2.4%;left:4%;right:4%;pointer-events:none}.brand{display:flex;gap:2cqw;align-items:center;filter:drop-shadow(0 3px 2px #17283b9c);margin-bottom:2cqw}.brandmark{width:11cqw;color:#ffcf38;flex:none}.brandmark svg{width:100%;display:block}h1{font-size:6.7cqw;letter-spacing:-.055em;line-height:1;margin:0;font-weight:1000;font-style:italic;text-shadow:2px 2px #0a1a29,-1px -1px #0a1a29}h1 span{color:#ffcc37}.slogan{font-size:2.6cqw;font-weight:900;color:#132538;background:#ffce38;border-radius:1cqw;padding:.8cqw 1cqw;margin-top:1.2cqw;text-align:center;white-space:nowrap}.metrics{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:1.3cqw}.metrics>div,.progress,.focus,.leader{background:linear-gradient(145deg,#1b3447f5,#101e2ef5);border:1px solid #ffffff65;border-radius:2.5cqw;box-shadow:0 3px 8px #08152455}.metrics>div{padding:1.8cqw 1.5cqw;min-width:0}.metrics small,.focus small{display:block;color:#a6c2d3;font-size:2.15cqw;font-weight:800;white-space:nowrap}.metrics strong{font-size:5cqw;display:block;line-height:1.15;font-weight:950;white-space:nowrap;letter-spacing:-.05em}.metrics>div:last-child strong{font-size:4.25cqw;color:#ffd34a}.metrics em{display:block;font-style:normal;color:#a8e7a1;font-size:2.15cqw;white-space:nowrap;margin-top:.7cqw;overflow:hidden;text-overflow:ellipsis}.progress{margin-top:1.5cqw;padding:1.5cqw 2cqw}.progress>div:first-child{display:flex;justify-content:space-between;font-size:2.8cqw;font-weight:850}.progress b{color:#ffd34a}.progress b span{color:#fff;margin-left:1cqw}.track{height:1.8cqw;background:#40556a;border-radius:5cqw;margin-top:1cqw;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,#ffab20,#ffdf4d);width:0;transition:width .4s}.focus{width:85%;margin-top:1.6cqw;padding:1.8cqw;border:1.5px solid #ffcf40}.focusTop{display:flex;align-items:center;gap:2cqw}.avatar{display:grid;place-items:center;width:8cqw;height:8cqw;border:1px solid #fbd34c;border-radius:50%;font-size:4.6cqw;background:#0d1c2c}.focusTop>div{flex:1;min-width:0}.focusTop strong{display:block;font-size:4.6cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.kind{font-size:2.2cqw;color:#ffda5b;font-weight:900;text-align:right;max-width:25%;overflow-wrap:anywhere}.focusStats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff26;margin-top:1.5cqw;padding-top:1.2cqw;gap:1cqw}.focusStats b{font-size:3.6cqw;display:block;color:#ffdb62}.focusStats>div:last-child b{color:#b4ef9a}.lower{position:absolute;bottom:2%;left:4%;right:4%;pointer-events:none}.leader{width:72%;padding:1.5cqw 2cqw;margin-bottom:2cqw}.leaderTitle{font-weight:900;font-size:2.8cqw;color:#ffcf3c;display:flex;justify-content:space-between;gap:1cqw;white-space:nowrap}.leaderTitle span{font-size:1.9cqw;color:#a5bdcc;align-self:center}.leaderRow{display:flex;justify-content:space-between;gap:1cqw;font-size:2.8cqw;padding:.7cqw 0;border-top:1px solid #ffffff1c}.leaderRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderRow b{color:#ffda60;white-space:nowrap}.welcome{position:relative;display:flex;align-items:flex-end;min-height:23cqw}.speech{position:relative;background:#fff9e9;color:#1b2a35;border:2px solid #ffce3d;border-radius:3cqw;width:73%;padding:2.6cqw 3cqw;box-shadow:0 3px 12px #0005;margin-bottom:1cqw;z-index:2}.speech:after{content:"";position:absolute;right:-3cqw;bottom:5cqw;border-width:2cqw 0 2cqw 3cqw;border-style:solid;border-color:transparent transparent transparent #ffce3d}.speech b{font-size:3.6cqw;line-height:1.2;display:block}.speech p{font-size:2.9cqw;line-height:1.35;margin:1cqw 0 0}.welcome img{position:absolute;right:-4cqw;bottom:-3cqw;width:32cqw;filter:drop-shadow(0 1px 3px #0007);z-index:3}.foot{position:relative;z-index:4;display:flex;justify-content:space-between;font-size:2cqw;font-weight:850;letter-spacing:.08em;color:#f5e8bd;margin-top:1cqw}.plaque{position:absolute;transform:translate(-50%,-100%);padding:1.2cqw 2cqw;background:#142737f2;border:1.5px solid #ffc83d;border-radius:1.8cqw;text-align:center;white-space:nowrap;box-shadow:0 3px 6px #0006;font-size:3cqw;font-weight:900;line-height:1.15;max-width:44cqw;overflow:visible}.plaque b{display:block;overflow:hidden;text-overflow:ellipsis}.plaque small{display:block;font-size:2.4cqw;color:#ffd14a;margin-top:.4cqw}.plaque:after{content:"";position:absolute;bottom:-1.5cqw;left:calc(50% - 1cqw);border-width:1.5cqw 1cqw 0;border-style:solid;border-color:#ffc83d transparent transparent}.plaque.active{border-color:#fff3a0;box-shadow:0 0 12px #ffdb63}.plaque.active small{color:#fff3a0}#notice{position:absolute;top:42%;left:6%;right:6%;background:#142637f5;border:2px solid #ffc83d;border-radius:3cqw;text-align:center;padding:2cqw;box-shadow:0 8px 28px #0005;z-index:5}#notice small,#notice span{display:block;color:#ffd14a;font-size:2.7cqw;font-weight:700}#notice strong{display:block;font-size:5cqw}.demo{position:absolute;bottom:0;left:0;right:0;z-index:8;display:flex;justify-content:center;gap:4px;background:#102333c0;padding:3px}.demo button{font:700 2.5cqw system-ui;border:0;background:#ffce38;color:#172638;border-radius:4px;padding:4px 8px;cursor:pointer}#error{position:absolute;top:45%;left:5%;right:5%;background:#132535;padding:16px;z-index:10}[hidden]{display:none!important}