body.player{display:block;place-items:normal;text-align:left;color-scheme:light;-webkit-tap-highlight-color:transparent}.page{box-sizing:border-box;max-width:28rem;min-height:100vh;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.9rem}.page h1,.page h2{margin:0}.screen-message{min-height:100vh;display:grid;place-content:center;gap:1rem;padding:1rem;text-align:center;font-size:1.2rem}.card{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 2px 10px #12324a1f;display:flex;flex-direction:column;gap:.5rem}.card p{margin:0}.label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#3b5b73;margin:0}.hint{color:#3b5b73;font-size:.95rem;margin:0}.lead{font-size:1.1rem;margin:0}.error{color:#b00020;font-weight:600;margin:0}.banner{background:#12324a;color:#fff;border-radius:.6rem;padding:.5rem .75rem;margin:0;font-weight:600}.button{min-height:48px;border:0;border-radius:.8rem;padding:.6rem 1rem;font:inherit;font-size:1.1rem;font-weight:700;cursor:pointer}.button:focus-visible,.input:focus-visible{outline:3px solid #12324a;outline-offset:2px}.button.primary{background:#326ce5;color:#fff}.button.secondary{background:#fff;color:#12324a;box-shadow:inset 0 0 0 2px #12324a}.button.link{background:none;color:#12324a;text-decoration:underline;font-weight:600}.button:disabled{background:#9aa9b5;color:#fff;box-shadow:none;cursor:not-allowed}.input{min-height:48px;box-sizing:border-box;width:100%;border:2px solid #12324a;border-radius:.6rem;padding:.5rem .75rem;font:inherit;font-size:1.15rem;background:#fff;color:#12324a}.join-title{font-size:2rem;text-align:center}.join .lead{text-align:center}.privacy{font-size:.85rem;color:#3b5b73;margin:0}.howto{justify-content:center}.slide{text-align:center;padding:2rem 1.25rem;font-size:1.1rem}.slide-icon{font-size:3.5rem}.dots{display:flex;justify-content:center;gap:.5rem}.dot{width:.7rem;height:.7rem;border-radius:50%;border:2px solid #12324a}.dot.active{background:#12324a}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:700}.park{font-size:1.2rem}.nickname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-ride{font-size:1.5rem}.goal-status{font-size:1.2rem;font-weight:700}.goal-numbers{display:flex;justify-content:space-between;gap:.5rem;font-weight:600;font-variant-numeric:tabular-nums}.progress{height:1.1rem;border-radius:1rem;background:#dbe9f3;overflow:hidden;box-shadow:inset 0 0 0 2px #12324a}.progress-fill{height:100%;background:repeating-linear-gradient(45deg,#326ce5 0 12px,#4a80f0 12px 24px);transition:width .6s ease}.energy-row{display:flex;justify-content:space-between;align-items:baseline}.energy-count{font-weight:700;font-variant-numeric:tabular-nums}.energy-meter{display:flex;gap:.4rem}.energy-meter .cell{flex:1;text-align:center;border-radius:.5rem;padding:.3rem 0;border:2px solid #12324a;opacity:.35;filter:grayscale(1)}.energy-meter .cell.full{background:#ffe27a;opacity:1;filter:none}.games-cost{margin:0 0 .5rem;text-align:center}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.game-tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;border:0;border-radius:.8rem;background:linear-gradient(#a2dbff 0% 33%,#c7eaff 33% 66%,#e8f7ff 66% 100%);box-shadow:inset 0 0 0 3px #12324a,0 4px #12324a;color:#12324a;font:inherit;font-size:1.05rem;font-weight:800;line-height:1.15;text-align:center;cursor:pointer}.game-tile:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 3px #12324a,0 1px #12324a}.game-tile:focus-visible{outline:3px solid #326ce5;outline-offset:3px}.game-tile:disabled{cursor:not-allowed;background:#dde3e8;box-shadow:inset 0 0 0 3px #9aa9b5,0 4px #9aa9b5;color:#5d6d7a}.game-tile:disabled .game-icon{filter:grayscale(1);opacity:.55}.game-icon{width:55%;height:auto;image-rendering:pixelated}.stats p{margin:.2rem 0}.result h1{text-align:center;font-size:1.8rem}.result-highlight,.result-bricks{font-size:1.4rem;font-weight:800}