:root{color-scheme:dark;--bg: #05060a;--fg: #eef3ff;--muted: #8b93a7;--accent: #4dd8ff;--error: #ff8a9b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}.page{max-width:34rem;margin:0 auto;padding:max(2.5rem,env(safe-area-inset-top)) 1.5rem 2rem}h1{font-size:clamp(1.6rem,6vw,2.4rem);margin:.2rem 0 1.2rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;margin:0}.muted{color:var(--muted)}.error-text{color:var(--error);line-height:1.5}.experience-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.card,.button{display:block;padding:1rem 1.2rem;border:1px solid #2a3142;border-radius:.75rem;background:#0d1018;color:var(--fg);text-decoration:none;font-size:1.1rem}.card:hover,.card:focus-visible,.button:hover,.button:focus-visible{border-color:var(--accent)}.button{display:inline-block;margin-top:1rem}.player{position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0;width:100%;height:100%;display:block}.overlay{position:absolute;z-index:1;top:0;left:0;right:0;padding:max(1rem,env(safe-area-inset-top)) 1.25rem 1rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;pointer-events:none;background:linear-gradient(#05060acc,transparent)}.overlay a{pointer-events:auto}.player-title{margin:0;font-size:clamp(1.3rem,5vw,2rem)}.back-link{color:var(--accent);text-decoration:none}.brand{width:100%;margin:0;color:var(--muted);font-size:.85rem}.hud{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom));display:grid;gap:.6rem;justify-items:center;pointer-events:none;background:linear-gradient(transparent,#03040acc)}.hud-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.hud button{pointer-events:auto;font:inherit;color:var(--fg);cursor:pointer}.hud-button{min-width:5.2rem;min-height:3rem;padding:.6rem 1rem;border-radius:999px;border:1px solid #39425a;background:#0d1018d9;font-size:1rem}.hud-button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.hud-button.flash{animation:flash .5s ease-out}@keyframes flash{0%{background:#4dd8ff66}to{background:#0d1018d9}}.hud-chip{min-height:2.2rem;padding:.3rem .8rem;border-radius:999px;border:1px solid #2a3142;background:#0d1018b3;font-size:.85rem}.hud-chip.active{border-color:var(--accent);color:var(--accent)}.mode-badge{padding:.25rem .6rem;border-radius:.4rem;background:#ffb347;color:#1a1206;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fps{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--muted);min-width:4.5rem}.tune-panel{position:absolute;z-index:3;right:.75rem;top:max(4.5rem,calc(env(safe-area-inset-top) + 4rem));width:min(20rem,calc(100% - 1.5rem));max-height:calc(100% - 13rem);overflow-y:auto;padding:.75rem 1rem;border:1px solid #2a3142;border-radius:.75rem;background:#0b0e16ee;display:grid;gap:.55rem;font-size:.85rem}.tune-panel[hidden],.fps[hidden],.hud-chip[hidden]{display:none}.tune-row{display:grid;gap:.2rem}.tune-row output{color:var(--accent);font-variant-numeric:tabular-nums}.tune-row input[type=range],.tune-row select{width:100%}.tune-row select{font:inherit;padding:.3rem;background:#0d1018;color:var(--fg);border:1px solid #2a3142;border-radius:.4rem}.hud-group{display:contents}.hud-group[hidden],.hud-hint-row[hidden],.tune-panel[hidden]{display:none}.hud-hint-row{max-width:36rem}.hud-hint{margin:0;text-align:center;font-size:.9rem;color:var(--fg);text-shadow:0 1px 4px #000}.hud-chip:disabled{opacity:.5;cursor:default}.mode-badge.live{background:#7cfc9a;color:#04140a}.meter{width:min(16rem,55vw);height:.9rem;border-radius:999px;border:1px solid #39425a;background:#0d1018d9;overflow:hidden}.meter-fill{width:100%;height:100%;background:linear-gradient(90deg,#4dd8ff,#ff6ad5);transform:scaleX(0);transform-origin:left}.meter-fill.steady{background:linear-gradient(90deg,#7cfc9a,#4dd8ff)}.panel-heading{margin:.4rem 0 0;color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.diag-panel{left:.75rem;right:auto}.diag-stats{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0}.diag-stats dt{color:var(--muted)}.diag-stats dd{margin:0;font-variant-numeric:tabular-nums}.diag-buttons{justify-content:flex-start}.diag-buttons button{pointer-events:auto;font:inherit;color:var(--fg);cursor:pointer}.diag-note{margin:0;color:var(--muted);font-size:.8rem;line-height:1.4}html.ar-active,html.ar-active body,html.ar-active #app,html.ar-active .player{background:transparent!important}html.ar-active .stage,html.ar-active .fps{visibility:hidden}.ar-status[hidden]{display:none}.ar-status{pointer-events:none;font-weight:600}.experience-card{display:grid;gap:.6rem;justify-items:center;padding:1rem;border:1px solid #ffffff1f;border-radius:1rem;background:#0d1018}.experience-card{min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr)}.experience-card .card{box-sizing:border-box;width:100%;text-align:center}.qr{width:100%;max-width:15rem;aspect-ratio:1;background:#fff;border-radius:.5rem;overflow:hidden}.qr svg{display:block;width:100%;height:100%}.qr-url{font-size:.8rem;color:var(--muted, #9aa3b5);word-break:break-all;text-align:center}.qr-download{font-size:.85rem;color:var(--accent)}@media(min-width:720px){.page:has(.experience-list){max-width:46rem}.experience-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}