.nick-chip{width:100%;display:flex;align-items:center;gap:8px;color:#c6d4b7;background:transparent;font:9px monospace;padding:0 0 12px;text-align:left;letter-spacing:.7px}.nick-chip>span:last-child{margin-left:auto;font-size:7px;color:#879b76}.online-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:10px}.online-actions button{display:flex;align-items:center;gap:8px;padding:12px 11px;background:#1c291cf0;border:1px solid #bfd69d2a;border-radius:4px;color:#d3e1c1;font:8px monospace;letter-spacing:.4px}.online-actions button:hover{border-color:#c5f47899;background:#2a3c26}.online-actions svg{width:16px;height:16px;color:#c5f478}.online-actions small{margin-left:auto;color:#819975;font-size:6px;white-space:nowrap}.field-error{color:#f3ad91!important;font-size:11px!important;line-height:1.5!important;margin:10px 0!important;min-height:0;white-space:normal}.field-error:empty{display:none}.online-modal{width:470px;max-width:100%;max-height:100%;overflow:auto;background:linear-gradient(135deg,#243020,#131d16);padding:30px;border:1px solid #c5dfaa30;border-radius:11px;box-shadow:0 30px 100px #0005}.online-overlay{z-index:15}.online-modal h2{font-size:33px;line-height:1.1;margin:16px 0}.online-modal>.eyebrow{font-size:8px;letter-spacing:1.6px}.online-modal>p{font-size:12px;line-height:1.7;color:#a7b79a;margin:0 0 24px}.online-modal form label{font:8px monospace;letter-spacing:1.8px;color:#bfcca8;display:block;margin-bottom:10px}.online-input{font:17px monospace;width:100%;background:#0e1a12;color:#e6f2d7;border:1px solid #9cbf734a;border-radius:5px;padding:16px;outline:none;user-select:text;-webkit-user-select:text}.online-input:focus{border-color:#c5f478;box-shadow:0 0 0 3px #c5f47813}.online-input::placeholder{color:#687a5c}.online-modal form>small{display:block;font-size:10px;line-height:1.6;color:#849b72;margin:9px 0 20px}.online-modal>.text-button{display:block;margin:7px auto -10px}.online-modal button:disabled{opacity:.45;cursor:wait}.or-rule{position:relative;border-top:1px solid #b0c98e25;margin:30px 0 20px;text-align:center}.or-rule span{position:relative;top:-7px;font:8px monospace;letter-spacing:1px;color:#859d72;background:#1b271c;padding:0 12px}.room-join-form{display:grid;grid-template-columns:1fr 110px;gap:10px}.room-code-input{text-transform:uppercase;letter-spacing:4px;text-align:center}.room-join-form .secondary{margin:0;font:11px monospace}.room-code-label{font:8px monospace;color:#98ac85;letter-spacing:2px}.room-code-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 20px}.room-code-line strong{font:700 33px monospace;letter-spacing:5px;color:#d4f7a4}.room-code-line .text-button{font:7px monospace;color:#a8c28c;padding:8px;margin:0}.room-roster{border:1px solid #b2ce9826;border-radius:6px;padding:0 15px;background:#0c180f60}.room-roster>div{display:flex;align-items:center;gap:13px;padding:16px 0;font-size:12px;color:#d2e3bb}.room-roster>div+div{border-top:1px solid #a4c3821f}.room-roster i{font:9px monospace;color:#7e9f63}.room-roster .empty{color:#68845c;font-size:11px}.room-status{font-size:10px;line-height:1.6;color:#9ebc83;margin:15px 0}.ranking-modal{width:610px}.ranking-tabs{display:flex;gap:4px;margin:20px 0 15px;padding:4px;background:#0f1b12;border:1px solid #bad19d1f;border-radius:5px}.ranking-tabs button{flex:1;font:9px monospace;letter-spacing:1px;padding:10px;background:transparent;color:#829b70;border-radius:3px}.ranking-tabs .selected{background:#c5f478;color:#243717;font-weight:700}.ranking-head,.ranking-row{display:grid;grid-template-columns:32px 1fr 80px 53px;align-items:center;gap:10px}.ranking-head{font:7px monospace;letter-spacing:1px;color:#8ca37a;padding:0 11px 12px}.ranking-head>span:nth-child(n+3),.ranking-row>span:nth-child(n+3){text-align:right}.ranking-list{overflow:auto;max-height:310px;scrollbar-color:#496238 #162218}.ranking-row{padding:14px 11px;border-top:1px solid #c2d8a514;font:11px monospace;color:#bdceac}.ranking-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Arial,sans-serif;font-size:12px}.ranking-row>span:first-child{color:#6f8b5d;font-size:10px}.ranking-row.podium>span:first-child{color:#efd497}.ranking-row.is-you{background:#c5f47812;color:#d2f4b3}.ranking-row.is-you>span:first-child{color:#c5f478}.ranking-message{font-size:12px;line-height:1.8;color:#a5bd8e;text-align:center;padding:10px}.ranking-message:empty{display:none}.ranking-rules{color:#718a60;font-size:9px;line-height:1.6;padding-top:12px;border-top:1px solid #aacd8b22}.ranking-footer{display:flex;align-items:center;gap:20px;margin-top:17px}.ranking-footer>.text-button{white-space:nowrap;font:8px monospace;padding:8px;margin:0}.ranking-footer>.primary{min-height:45px;font-size:9px}.online-result{border:1px solid #c5f47824;background:#c5f47808;border-radius:4px;padding:12px 10px;margin-top:15px;font:9px/1.7 monospace;color:#b8d69d}.online-result .text-button{font:8px monospace;margin:3px 8px 0;padding:5px;color:#b3d49a}.partner-status{position:absolute;left:40px;top:calc(112px + var(--safe-top));display:flex;align-items:center;gap:10px;max-width:230px;font:8px monospace;color:#a6d9ee;background:#142631e8;border:1px solid #8cc9ea2a;border-radius:4px;padding:7px 9px}.partner-status>span:first-child{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-status>span:last-child{color:#d5e7f3}.cooperative .left-telemetry{top:calc(153px + var(--safe-top))}.network-status{position:absolute;left:50%;transform:translateX(-50%);bottom:68px;font:7px monospace;letter-spacing:1px;color:#82a6ac;background:#0d1b16c7;padding:7px 10px;border-radius:4px;white-space:nowrap}.network-status.stale{color:#f6c382;background:#31291fea}.cooperative .stage-carry{font-size:10px}.cooperative .resume-campaign{display:none}.online-menu .mission{margin-bottom:14px;padding:12px 0}.online-menu .record-line{margin-top:20px}.online-menu .control-guide{margin-top:13px}
@media(max-width:700px){.online-modal{padding:25px 21px}.online-modal h2{font-size:28px}.online-modal>.eyebrow{font-size:7px}.online-modal>p{font-size:11px;margin-bottom:22px}.online-actions button{font-size:7px;padding:12px 8px;gap:6px}.online-actions small{font-size:5px}.online-actions svg{width:14px;height:14px}.nick-chip{font-size:8px;padding-bottom:10px}.online-menu .mission{padding:10px 0;margin-bottom:12px}.online-menu .intro{font-size:13px;margin-bottom:15px}.online-menu h1{font-size:clamp(72px,21vw,94px);margin:18px 0}.online-menu .record-line{margin-top:16px}.online-menu .menu-content{padding-top:15px}.room-code-line strong{font-size:28px;letter-spacing:4px}.ranking-head,.ranking-row{grid-template-columns:22px 1fr 64px 40px;gap:7px}.ranking-head{font-size:6px;padding-inline:4px;letter-spacing:.3px}.ranking-row{padding:13px 5px;font-size:10px}.ranking-row>span:nth-child(2){font-size:11px}.ranking-list{max-height:38dvh}.ranking-footer{gap:12px}.ranking-rules{font-size:8px}.partner-status{left:25px;top:calc(92px + var(--safe-top));padding:5px 7px;font-size:7px}.cooperative .left-telemetry{top:calc(129px + var(--safe-top))}.cooperative .objective{top:calc(163px + var(--safe-top));font-size:9px}.cooperative .event-status,.cooperative.stage-two .event-status{top:calc(202px + var(--safe-top))}.network-status{bottom:calc(28px + var(--safe-bottom));font-size:6px}.online-result{font-size:8px;padding:9px}.online-modal form>small{font-size:9px}}
@media(max-height:700px) and (max-width:700px){.online-menu h1{font-size:67px;margin:12px 0}.online-menu .intro{display:none}.online-menu .record-line{margin-top:12px}.online-menu .primary{min-height:49px;padding:14px}.online-menu .menu-content{padding-bottom:5px}.online-menu .menu-footer{margin-top:7px}.online-menu .mission{margin-bottom:10px}.online-actions button{padding-block:10px}.online-menu .control-guide{margin-top:10px}.online-modal{padding:20px}.online-modal h2{font-size:26px}.online-modal>p{margin-bottom:17px}.ranking-list{max-height:32dvh}.online-result{margin-top:10px}}
@media(orientation:landscape) and (max-height:500px){.online-menu .menu-content{width:365px;padding:8px 0 0}.online-menu h1,.menu.online-menu h1{font-size:53px;margin:8px 0}.online-menu .intro{display:none}.online-menu .mission{padding:6px 0;margin-bottom:7px}.online-menu .nick-chip{padding-bottom:7px}.online-menu .online-actions{margin-top:7px}.online-menu .online-actions button{padding:8px}.online-menu .record-line{margin-top:0}.online-menu .control-guide{margin-top:7px}.online-menu .primary{min-height:40px;padding:10px}.online-modal{padding:20px;max-height:100%}.partner-status{left:24px;top:77px;max-width:170px;padding:4px;font-size:6px}.cooperative .left-telemetry{top:107px}.cooperative .objective{top:80px;font-size:8px}.cooperative .event-status,.cooperative.stage-two .event-status{top:114px}.network-status{bottom:13px;left:50%;font-size:5px}.cooperative .desktop-help{display:none}.ranking-list{max-height:140px}.online-result{margin-top:8px;padding:5px}.online-result .text-button{font-size:7px}.coop-modal{width:520px}}