.race-cinema{position:absolute;inset:0;z-index:10;isolation:isolate;overflow:hidden;background:var(--title-background);display:grid;place-items:center;padding:24px;box-sizing:border-box}.race-cinema[hidden]{display:none}.race-cinema#loading,.race-cinema#race-loading{background:var(--title-background);display:grid;gap:0}.race-cinema#loading[hidden],.race-cinema#race-loading[hidden]{display:none}.race-cinema-bands,.race-cinema-ink{position:absolute;inset:0;pointer-events:none;z-index:-1}.race-cinema-bands{overflow:hidden}.race-cinema-bands i{position:absolute;top:-45%;left:15%;width:18%;height:190%;transform:rotate(32deg);background:color-mix(in srgb,var(--paper) 4%,transparent);border-inline:1px solid color-mix(in srgb,var(--paper) 6%,transparent);animation:race-loading-band 23s ease-in-out infinite alternate}.race-cinema-bands i:nth-child(2){left:64%;width:6%;background:color-mix(in srgb,var(--red) 8%,transparent);animation-delay:-11s;animation-duration:31s}.race-cinema-bands i:nth-child(3){left:84%;width:12%;animation-delay:-7s;animation-duration:19s}.race-cinema-ink{background:url(/ui/loading/speed-ink.webp) center/cover no-repeat;opacity:.17;animation:race-loading-ink 12s ease-in-out infinite alternate}.race-cinema-content{width:min(560px,85vw);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.race-cinema-logo{width:100%;height:auto;display:block;margin-bottom:24px;animation:race-loading-reveal .7s both}.race-cinema strong{font:400 clamp(20px,3vw,27px) var(--font-display)}.race-cinema #load-detail{font:600 14px var(--font-numeric);color:var(--muted);max-width:100%;overflow-wrap:anywhere}.race-cinema #load-progress{width:min(280px,80%);max-width:100%;height:3px;border:0;background:var(--line);color:var(--red);accent-color:var(--red);margin-top:8px}.race-cinema progress::-webkit-progress-bar{background:var(--line)}.race-cinema progress::-webkit-progress-value{background:var(--red)}.race-cinema #load-progress[hidden]{display:none}.race-cinema-exit{margin-top:12px;min-height:44px;padding:10px 18px;border:1px solid var(--line);background:var(--ink);color:var(--paper);font:400 16px var(--font-display);cursor:pointer}.race-cinema-exit[hidden]{display:none}.race-cinema-exit:hover{border-color:var(--paper)}@media(max-height:480px){.race-cinema-content{gap:8px}.race-cinema-logo{width:min(100%,340px);margin-bottom:8px}.race-cinema-exit{margin-top:4px}}@keyframes race-loading-band{to{translate:4vw 0}}@keyframes race-loading-ink{0%{transform:scale(1.025) translate(-1%);opacity:.1}to{transform:scale(1.08) translate(1%);opacity:.2}}@keyframes race-loading-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0);opacity:1}}@media(max-width:600px){.race-cinema-content{width:86vw}.race-cinema-ink{background-size:auto 100%;opacity:.12}.race-cinema-logo{margin-bottom:16px}}.track-image{display:block;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.track-image-backdrop{position:absolute;inset:0;width:100%;height:100%;opacity:.24;-webkit-mask-image:linear-gradient(90deg,transparent,#000 80%);mask-image:linear-gradient(90deg,transparent,#000 80%)}.room-card .track-image-backdrop{z-index:0;object-position:70% center}.room-card .native-preview{z-index:1}.track-preview{position:relative;isolation:isolate;overflow:hidden;height:130px;min-height:90px;background:var(--ink);border:1px solid var(--line);box-sizing:border-box}.modal-form>.track-selection-preview{display:block}.track-image-preview{position:absolute;inset:0;width:100%;height:100%;object-position:center 55%;opacity:.8}.track-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 65%);z-index:0}.track-route{position:absolute;left:12px;top:12px;bottom:12px;aspect-ratio:1;color:var(--paper);filter:drop-shadow(0 1px 2px var(--ink));z-index:1}.room-track{display:flex;align-items:center;gap:10px;min-width:0;margin-left:auto;font:600 13px var(--font-menu);color:var(--muted)}.room-track>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-track .track-preview{width:106px;height:44px;min-height:0;flex-shrink:0}.room-track .track-route{left:5px;top:3px;bottom:3px}.record-track{display:flex;align-items:center;gap:16px;margin-bottom:18px}.record-track>.track-preview{width:160px;height:72px;min-height:0;flex-shrink:0}.record-track .profile-section-heading{flex:1;min-width:0;margin:0;flex-wrap:wrap}.track-loading-art{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.track-image-loading{width:100%;height:100%;opacity:.23;object-position:65% center;animation:track-loading-drift 24s ease-in-out infinite alternate}.track-loading-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--title-background),transparent 75%),linear-gradient(0deg,var(--title-background),transparent 70%)}.track-loading-name{font:400 clamp(20px,3vw,28px) var(--font-display);color:var(--paper);margin-bottom:6px}@keyframes track-loading-drift{0%{transform:scale(1.02)}to{transform:scale(1.09) translate(-1%)}}@media(max-width:620px){.room-track{font-size:11px;gap:6px}.room-track .track-preview{width:64px;height:38px}.room-track>span{white-space:normal;line-height:1.15}.track-preview{height:108px}.record-track{gap:10px}.record-track>.track-preview{width:110px;height:64px}}@media(max-height:500px){.track-preview{height:76px;min-height:66px}.room-track .track-preview{height:34px;min-height:0}.track-loading-name{margin:0;font-size:20px}.race-cinema:has(.track-loading-art) .race-cinema-content{gap:8px}.race-cinema:has(.track-loading-art) .race-cinema-logo{width:min(380px,65vw);margin-bottom:6px}}.tutorial-coach{position:absolute;z-index:6;left:50%;bottom:calc(var(--safe-bottom,0px) + 24px);transform:translate(-50%);max-width:min(460px,calc(100% - 340px));padding:8px 14px;background:var(--panel);border-left:3px solid var(--red);color:var(--paper);font:600 16px/1.25 var(--font-menu);text-align:center;pointer-events:none;animation:tutorial-hint-in .25s ease both}.tutorial-coach[hidden]{display:none}.tutorial-shell{position:fixed;inset:0;background:var(--ink);z-index:30}.tutorial-shell>iframe{border:0;width:100%;height:100%;display:block}.tutorial-shell .race-loading{position:absolute}.tutorial-result{margin:0;font:600 22px var(--font-display);color:var(--paper)}.tutorial-status{color:var(--muted);font:600 14px var(--font-menu)}@keyframes tutorial-hint-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:700px){.tutorial-coach{max-width:calc(100% - 32px);width:fit-content;bottom:auto;top:100px;font-size:14px;padding:6px 10px}}@media(max-height:480px){.tutorial-coach{top:12px;bottom:auto;max-width:calc(100% - 400px);font-size:14px}}.finish-reveal{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;background:linear-gradient(transparent 30%,#10121480 50%,transparent 72%)}.finish-reveal[hidden],.spectator-controls[hidden],.finish-countdown[hidden]{display:none}.finish-place{font:italic clamp(76px,15vw,156px)/1 var(--font-display);color:var(--paper);text-shadow:0 4px 18px var(--ink)}.finish-reveal.is-attempt .finish-place{font-size:clamp(30px,8vw,76px)}.finish-detail{font:600 clamp(22px,4vw,34px) var(--font-numeric);color:var(--paper);text-shadow:0 2px 8px var(--ink)}.finish-countdown{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:4px 14px;background:var(--ink);border-bottom:2px solid var(--red);font:600 24px var(--font-numeric);color:var(--paper);pointer-events:none}.spectator-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:8px;background:var(--ink);border-bottom:2px solid var(--red)}.spectator-controls span{min-width:120px;max-width:48vw;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 20px var(--font-menu)}.spectator-controls button{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:8px;color:var(--paper);background:var(--panel);border:1px solid var(--line);cursor:pointer}.game-modal.race-results::backdrop{background:#080c1255;-webkit-backdrop-filter:none;backdrop-filter:none}.game-modal.race-results{width:min(480px,48vw);margin:auto 24px auto auto}.race-result-list{display:grid;gap:4px}.race-result-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid var(--line);font:600 19px var(--font-menu)}.race-result-row.is-self{background:var(--ink);border-left:3px solid var(--red)}.race-result-row strong{font:italic 26px var(--font-display)}.race-result-driver{min-width:0;overflow-wrap:anywhere}.race-result-driver small{display:block;color:var(--muted);font-size:14px}.race-result-value{text-align:right;font-variant-numeric:tabular-nums}.race-result-value small{display:block;color:var(--muted);font-size:14px}@media(max-width:620px){.game-modal.race-results{width:calc(100vw - 20px);max-height:52dvh;margin:auto auto 10px}.race-result-row{gap:8px;font-size:17px;padding:10px 4px}.spectator-controls{bottom:16px;gap:8px}}.pilot-rank{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--paper)}.ranked-driver{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}.ranked-driver>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-summary{padding:3px 0;min-height:28px;border:0;background:transparent;justify-content:flex-start;text-transform:none;letter-spacing:0;font:14px var(--font-menu);color:var(--paper);text-align:left}.rank-summary:hover:not(:disabled){color:var(--red);background:transparent}.rank-next{display:block;color:var(--muted);font:12px var(--font-numeric)}.profile-identity .profile-id{display:block;margin-top:6px}.profile-trigger .pilot-rank{overflow:visible;max-width:none}.rank-table-scroll{overflow-x:auto}.rank-table{width:100%;border-collapse:collapse;text-align:left;font:14px var(--font-numeric)}.rank-table caption{text-align:left;padding-bottom:12px;font:22px var(--font-display)}.rank-table th,.rank-table td{padding:8px;border-bottom:1px solid var(--line)}.rank-table thead th{color:var(--muted);font-weight:600}.rank-table tbody th{font-weight:600}.rank-table tbody th:first-child{display:flex;align-items:center;gap:10px}.rank-table td{white-space:nowrap;text-align:right}.rank-table .is-current{background:var(--ink);box-shadow:inset 3px 0 var(--rank-color)}.gp-rules{margin-top:20px;color:var(--muted);font:14px var(--font-menu)}.gp-rules summary{cursor:pointer;color:var(--paper);padding:8px 0}.gp-rules p{margin:12px 0;line-height:1.5}.gp-rules .rank-table{margin-top:18px}.gp-rules .rank-table caption{font:16px var(--font-display);color:var(--paper)}.result-gp{color:var(--paper)}.pilot-gp{white-space:nowrap;font:12px var(--font-numeric);color:var(--paper)}@media(max-width:620px){.rank-table{font-size:12px}.rank-table th,.rank-table td{padding:7px 4px}.rank-table tbody th:first-child{gap:6px}.rank-summary{font-size:13px}.pilot-gp{font-size:10px}}