.public-heading h1{margin:14px 0;font-size:clamp(28px,5vw,48px)}.public-heading p{color:#bdc7d3;line-height:1.6}.public-room-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;display:flex}.public-room-bar>span{color:#bdc7d3;font-size:13px}.public-room-bar>div{gap:8px;display:flex}.public-room-bar button{color:#f7f8fa;background:#21262e;border:1px solid #52606b;border-radius:10px;min-height:44px;padding:10px 16px}.public-invite{flex-wrap:wrap;gap:14px;margin:20px 0;display:flex}.public-invite label{flex:1 0 100%;gap:8px;font-size:12px;display:grid}.public-invite input{color:#cbd5df;background:#171b21;border:1px solid #52606b;border-radius:8px;width:100%;min-width:0;padding:12px}.public-invite a{color:#67e3ed;font-size:14px}.public-result .live-primary{width:100%;min-height:56px}.public-result details{margin-top:18px}.public-result .live-result-rows>div{gap:8px}.public-ranking{border-top:1px solid #34424d;padding-top:16px}.public-site .live-primary{color:#11180c;background:#d9ff3f}.public-site .live-card>a{color:#67e3ed;margin-top:16px;display:block}.public-observer{flex-shrink:0;border-color:#67e3ed!important;padding:10px 16px!important}.public-observer h2{margin:0 0 4px;font-size:18px}.public-observer p{margin:0;font-size:12px}.public-track-mode{z-index:45;flex-direction:column;height:100dvh;min-height:0;display:flex;position:fixed;inset:0;overflow:hidden}.public-track-mode .app-header,.public-track-mode .public-heading{display:none}.public-track-mode .live-main{width:100%;max-width:1600px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));flex-direction:column;flex:1;gap:6px;min-height:0;margin:0 auto;display:flex}.public-track-mode .public-room-bar{flex-shrink:0;gap:8px;margin:0}.public-track-mode .public-room-bar>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.public-track-mode .public-room-bar>div{flex-shrink:0}.public-track-mode .public-room-bar button{padding:8px 12px;font-size:12px}.public-track-mode .live-race{border-radius:12px;flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.public-track-mode .live-race-top{flex-shrink:0;min-height:48px;padding:6px 12px}.public-track-mode .live-race-top>span{flex-basis:auto;order:0}.public-track-mode .live-race-top button{min-height:36px;padding:7px 12px}.public-track-mode .live-track-surface{aspect-ratio:auto;flex:1;min-height:0;overflow:hidden}.public-track-mode .live-race-bottom{display:none}.public-track-mode .live-race .driving-controls{flex-shrink:0;gap:8px;width:min(520px,100%);margin:0 auto;padding:6px 10px}.public-track-mode .live-race .driving-controls button{min-height:54px;padding:8px 12px}.public-track-mode .rival-telemetry{top:54px}.public-track-mode .public-notice{z-index:5;overflow-wrap:anywhere;background:#17241fea;border:1px solid #67e3ed;border-radius:8px;width:fit-content;max-width:calc(100% - 24px);margin:0;padding:10px 14px;font-size:12px;position:absolute;top:60px;left:12px;right:12px}.public-loading-track{color:#d9ff3f;background:radial-gradient(#30413b,#10171b);border:1px solid #303842;border-radius:12px;flex:1;place-items:center;display:grid}.public-grid-layer{z-index:2;background:#080e1466;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.public-grid-card{overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151c25ee;border:1px solid #829339;border-radius:16px;width:min(550px,100%);max-height:100%;padding:18px 20px;overflow:auto;box-shadow:0 18px 70px #0008}.public-grid-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.public-grid-heading>span{letter-spacing:.14em;color:#aeb9c9;font-size:10px;font-weight:800}.public-grid-heading>strong{color:#d9ff3f;font-size:20px}.public-grid-card .pause-standings{margin:10px 0}.public-grid-card .pause-race-summary{gap:12px;margin-bottom:10px}.public-grid-card .pause-race-summary>strong{color:#d9ff3f;font-size:24px}.public-grid-card .pause-race-summary small{color:#aeb9c9;font-size:10px}.public-grid-card .pause-standings li{background:#26313f;min-height:30px;padding:6px;font-size:11px}.public-grid-card .pause-standings li>small{color:#aeb9c9;white-space:nowrap;font-size:8px}.public-grid-card .pause-standings li[data-player=true]{color:#d9ff3f;outline-color:#d9ff3f}.public-grid-card .pause-standings li[data-pending=true]{opacity:.4}.public-grid-card .pause-standings li[data-pending=false]{animation:.3s ease-out grid-arrival}.public-grid-card p{color:#bac6d5;margin:6px 0 0;font-size:12px;line-height:1.4}.public-grid-card .public-grid-online{color:#67e3ed;font-weight:700}@keyframes grid-arrival{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.public-track-mode .live-menu{z-index:3;overflow:auto}.public-track-mode .live-menu .pause-standings{text-align:left;width:min(500px,100%)}@media (max-width:650px){.public-room-bar>div{width:100%}.public-room-bar button{flex:1;font-size:12px}.public-result .live-result-rows>div{grid-template-columns:1fr auto}.public-result .live-result-rows>div strong{grid-column:1/-1}.public-invite{padding-bottom:70px}.public-track-mode .public-room-bar{flex-wrap:nowrap}.public-track-mode .public-room-bar>div{gap:5px;width:auto}.public-track-mode .public-room-bar>span{font-size:10px}.public-track-mode .public-room-bar button{min-height:38px;padding:7px 8px;font-size:10px}.public-track-mode .live-race-top{flex-wrap:nowrap;gap:6px;padding:5px 8px;font-size:10px}.public-track-mode .live-race-top button{padding:6px 8px;font-size:10px}.public-track-mode .live-race .driving-controls button{min-height:48px;padding:7px 5px;font-size:11px}.public-grid-layer{padding:8px}.public-grid-card{border-radius:12px;padding:12px 10px}.public-grid-heading>strong{font-size:17px}.public-grid-heading>span{font-size:8px}.public-grid-card .pause-standings ol{gap:4px 6px}.public-grid-card .pause-standings li{gap:3px;padding:5px 4px;font-size:10px}.public-grid-card .pause-standings li>b{width:19px}.public-grid-card .pause-standings li>small{font-size:7px}.public-grid-card .public-grid-tip{font-size:10px}}@media (max-height:500px){.public-grid-card{padding:10px 14px}.public-grid-heading>strong{font-size:16px}.public-grid-card .pause-race-summary{display:none}.public-grid-card .pause-standings li{min-height:21px;padding:3px 5px;font-size:10px}.public-grid-card .public-grid-tip{display:none}.public-track-mode .live-race .driving-controls button{min-height:40px;padding:5px}}@media (min-height:501px) and (max-height:650px){.public-grid-card{padding:12px 16px}.public-grid-heading>strong{font-size:18px}.public-grid-card .pause-race-summary{margin-bottom:6px}.public-grid-card .pause-standings li{min-height:25px;padding:4px 5px}.public-grid-card .public-grid-tip{font-size:10px}}@media (prefers-reduced-motion:reduce){.public-grid-card .pause-standings li[data-pending=false]{animation:none}}