:root{color:#fff8e8;font-synthesis:none;background:#101018;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 10%,#da3e562e,#0000 30rem),radial-gradient(circle at 88% 90%,#1ea2b029,#0000 32rem),#101018;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.display-shell{flex-direction:column;gap:clamp(1.5rem,3vw,3rem);width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:clamp(1.25rem,3vw,3.5rem);display:flex}.topbar,.activity-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.topbar-actions,.locale-switch,.result-actions{align-items:center;gap:.75rem;display:flex}.locale-switch{border:1px solid #ffffff1f;border-radius:999px;padding:.2rem}.locale-switch button{color:#aaa5b7;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45rem .65rem}.locale-switch button.active{color:#21131a;background:#ffc857}h1,h2,p{margin:0}h1{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,5vw,5rem);line-height:.95}h2{font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.05}.eyebrow{color:#ffb34c;letter-spacing:.18em;margin-bottom:.65rem;font-size:.76rem;font-weight:900}.network-pill{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.7rem;padding:.65rem 1rem;font-weight:750;display:flex}.network-dot,.presence{background:#ffc857;border-radius:50%;flex:none;width:.65rem;height:.65rem;box-shadow:0 0 1rem #ffc857}.network-pill.is-error .network-dot{background:#ff526d;box-shadow:0 0 1rem #ff526d}.party-grid{flex:1;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.35fr);gap:clamp(1rem,2.5vw,2rem);display:grid}.party-grid.derby-layout{grid-template-columns:minmax(0,1fr)}.derby-layout .activity-card{min-height:68vh}.join-card,.activity-card,.error-panel{background:#1c1b29e0;border:1px solid #ffffff1f;border-radius:1.75rem;box-shadow:0 1.5rem 5rem #00000040}.join-card{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.muted{color:#b9b4c8;margin-top:.75rem;line-height:1.55}.qr-frame{aspect-ratio:1;background:#fff8e8;border-radius:1.5rem;width:min(42vh,360px,100%);padding:.75rem;box-shadow:0 0 0 .35rem #d9a441,0 1rem 3rem #0000004d}.qr-frame img{border-radius:.8rem;width:100%;height:100%;display:block}.qr-placeholder{place-items:center;width:100%;height:100%;display:grid}.qr-placeholder span{border:.4rem solid #d6ccba;border-top-color:#d33e56;border-radius:50%;width:3rem;height:3rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-code{align-items:baseline;gap:1rem;display:flex}.room-code span{color:#aaa5b7;letter-spacing:.18em;font-size:.8rem;font-weight:800}.room-code strong{letter-spacing:.14em;font-size:clamp(2rem,4vw,3.5rem)}.activity-card{flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,3vw,2.75rem);display:flex}.secondary-button{color:#fff8e8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:.8rem;padding:.7rem 1rem}.secondary-button:disabled{cursor:not-allowed;opacity:.4}.primary-display-button{color:#24131b;cursor:pointer;background:linear-gradient(135deg,#ffc857,#ff7b62);border:0;border-radius:.9rem;min-height:3.5rem;padding:.8rem 1.3rem;font-weight:900}.primary-display-button:disabled{cursor:not-allowed;filter:grayscale();opacity:.42}.game-catalog{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.game-card{color:#fff8e8;text-align:left;cursor:pointer;background:linear-gradient(145deg,#e64a6142,#ffb34c14);border:1px solid #ffffff1f;border-radius:1.25rem;flex-direction:column;align-items:flex-start;gap:.8rem;min-height:18rem;padding:1.5rem;display:flex}.game-card:hover,.game-card:focus-visible{border-color:#ffc857;transform:translateY(-.2rem)}.game-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.65rem}.game-card small{color:#b9b4c8;flex:1;font-size:.9rem;line-height:1.5}.game-card b{color:#ffc857}.cartridge-icon{font-size:3rem}.counter{color:#24131b;background:linear-gradient(135deg,#ffb34c,#ff6b68);border-radius:1.4rem;justify-content:space-between;align-items:center;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.counter span{font-weight:850}.counter strong{font-size:clamp(3rem,8vw,7rem);line-height:.8}.derby-display{flex-direction:column;flex:1;gap:1.25rem;min-height:100%;display:flex}.derby-heading h2{color:#fff8e8}.derby-track{background:linear-gradient(90deg,#0000 90%,#fff8e81f 90%),#282630;border:.18rem solid #ffffff26;border-radius:1.25rem;flex-direction:column;flex:1;justify-content:stretch;min-height:30rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 3rem #00000047}.derby-track.final-sprint{border-color:#ffc857;box-shadow:inset 0 0 3rem #ff526d2e,0 0 2rem #ffc85726}.derby-lane{border-bottom:1px dashed #fff3;flex:1;grid-template-columns:minmax(7.5rem,13%) minmax(0,1fr) minmax(6rem,11%);align-items:stretch;min-height:3.4rem;display:grid;position:relative}.derby-lane:last-child{border-bottom:0}.derby-lane-identity,.derby-lane-metric{z-index:2;background:#101018d9;align-items:center;gap:.55rem;padding:.5rem .7rem;display:flex;position:relative}.derby-lane-identity b{border:.16rem solid;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.derby-lane-identity span{color:#fff8e8;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.72rem,1.25vw,1rem);font-weight:850;overflow:hidden}.derby-lane-course{background-color:#ffffff08;position:relative;overflow:hidden}.derby-pattern-stars .derby-lane-course{background-image:radial-gradient(circle,#ffffff21 1px,#0000 1px);background-size:1rem 1rem}.derby-pattern-stripes .derby-lane-course,.derby-pattern-chevrons .derby-lane-course{background-image:repeating-linear-gradient(120deg,#0000 0 1.5rem,#ffffff0f 1.5rem 2rem)}.derby-pattern-checker .derby-lane-course,.derby-pattern-diamonds .derby-lane-course{background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%);background-size:1.6rem 1.6rem}.derby-pattern-bolts .derby-lane-course,.derby-pattern-waves .derby-lane-course,.derby-pattern-dots .derby-lane-course{background-image:repeating-linear-gradient(90deg,#0000 0 2rem,#ffffff0d 2rem 2.2rem)}.derby-finish-line{background:repeating-linear-gradient(0deg,#fff8e8 0 .45rem,#201e27 .45rem .9rem);width:.7rem;position:absolute;top:0;bottom:0;left:92%}.derby-horse{z-index:1;filter:drop-shadow(0 .25rem .2rem #00000073);align-items:center;gap:.35rem;transition:left 80ms linear;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.derby-horse>span{color:currentColor;font-size:clamp(2.1rem,3vw,3.2rem);line-height:1;transform:scaleX(-1)}.derby-horse.finished>span{filter:saturate(.45)}.derby-horse b{color:#201e27;background:#fff8e8;border-radius:999px;padding:.25rem .4rem;font-size:.8rem}.derby-lane-metric{flex-direction:column;justify-content:center;align-items:flex-end;gap:.1rem}.derby-lane-metric strong{font-size:clamp(.65rem,1vw,.88rem)}.derby-lane-metric small{color:#aaa5b7;font-size:.65rem}.grade-perfect,.grade-great{color:#69e3d6}.grade-good{color:#ffc857}.grade-ok,.grade-miss{color:#ff8d9f}.derby-countdown{z-index:4;-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);background:#1010189e;place-items:center;display:grid;position:absolute;inset:0}.derby-countdown strong{color:#ffc857;text-shadow:0 .5rem 2rem #00000073;font-family:Georgia,Times New Roman,serif;font-size:clamp(6rem,20vw,15rem);line-height:1}@media (height<=800px){.display-shell{gap:1rem;padding:1rem 1.5rem}.topbar h1{font-size:2.5rem}.derby-layout .activity-card{min-height:0;padding:1rem}.derby-track{min-height:23rem}.derby-lane{min-height:2.7rem}}.player-list{flex-direction:column;gap:.65rem;min-height:12rem;display:flex}.empty-state{color:#8e899c;flex:1;align-content:center;place-items:center;gap:1rem;display:grid}.ticket-icon{color:#4cc9c0;font-size:3rem}.player-row{background:#ffffff0d;border-radius:.9rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.95rem 1rem;display:grid}.player-row>span:last-child{color:#aaa5b7;font-variant-numeric:tabular-nums}.presence{box-shadow:none;background:#5e596a}.presence.online{background:currentColor;box-shadow:0 0 .75rem}.results-list{flex-direction:column;gap:.65rem;display:flex}.result-row{background:#ffffff0f;border-radius:.9rem;grid-template-columns:3rem 1fr auto;gap:1rem;padding:1rem 1.2rem;display:grid}.result-row b{color:#ffc857}.result-row span{font-size:1.4rem;font-weight:900}.diagnostic-panel{color:#777283;border:1px solid #ffffff14;border-radius:.75rem;padding:.65rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.diagnostic-panel summary{cursor:pointer}.diagnostic-panel div{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.7rem;display:flex}.diagnostic-panel pre{overflow-wrap:anywhere;white-space:pre-wrap;margin:.55rem 0 0}.error-panel{padding:clamp(2rem,5vw,5rem)}.error-panel h2,.error-panel>p:not(.eyebrow){margin-bottom:1rem}.technical{color:#8e899c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=760px){.party-grid{grid-template-columns:1fr}.topbar,.topbar-actions,.result-actions{flex-direction:column;align-items:stretch}}