.player-app{--app-accent:#66e3ba;--app-panel:#141e24;--app-border:#2d3c43;color:#f4f7f8;border:1px solid var(--app-border);background:#0c141a;border-radius:32px;width:100%;max-width:460px;min-height:min(800px,90vh);margin:24px auto;font-family:Outfit,system-ui,sans-serif;overflow:hidden;box-shadow:0 24px 70px #0006}.player-app *,.player-app :before,.player-app :after{box-sizing:border-box}.player-topbar{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;padding:22px 22px 16px;display:flex}.player-brand{letter-spacing:-1px;font-size:22px;font-weight:800}.player-brand span{color:var(--app-accent)}.player-kicker{color:var(--app-accent);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:700}.player-topbar a{color:#b5c5cd;font-size:12px}.player-body{padding:22px 20px 26px}.player-body [hidden]{display:none!important}.player-view{gap:20px;scroll-margin-top:20px;display:grid}.player-app h1{letter-spacing:-.8px;margin:0;font-size:29px;font-weight:750;line-height:1.15}.player-app h2{margin:0;font-size:19px;font-weight:650;line-height:1.3}.player-app h3{margin:0;font-size:16px;font-weight:650}.player-app p{margin:0;line-height:1.6}.player-muted{color:#a6bac5;font-size:13px}.player-small{color:#a6bac5;font-size:12px}.player-hero{align-items:center;gap:14px;display:flex}.player-avatar{color:#aef4d7;background:#254238;border-radius:20px;flex-shrink:0;place-items:center;width:62px;height:62px;font-size:22px;font-weight:700;display:grid;position:relative;overflow:hidden}.player-avatar img{-o-object-fit:cover;object-fit:cover;background:#254238;width:100%;height:100%;position:absolute;inset:0}.player-avatar.large{border-radius:25px;width:84px;height:84px}.player-card{background:var(--app-panel);border:1px solid var(--app-border);border-radius:20px;gap:12px;padding:18px;display:grid}.player-card.accent{background:linear-gradient(125deg,#1d3a34,#14232b);border-color:#3f6459}.player-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.player-stat{font-size:24px;font-weight:700}.player-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-tag{color:#aef4d7;white-space:nowrap;border:1px solid #436254;border-radius:100px;align-items:center;padding:4px 9px;font-size:11px;line-height:1.3;display:inline-flex}.player-app a,.player-app button,.player-app input,.player-app select{outline-offset:4px}.player-app :focus-visible{outline:3px solid #9cfadd}.player-app button,.player-button{color:#c1f7e0;cursor:pointer;background:#21382f;border:1px solid #43665c;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.player-app button.primary,.player-button.primary{background:var(--app-accent);color:#10211b;border-color:var(--app-accent)}.player-app button:disabled{opacity:.5;cursor:not-allowed}.player-button.secondary{border-color:var(--app-border);color:#d0dfe6;background:0 0}.player-form{gap:16px;display:grid}.player-form label{color:#d2e0e7;gap:7px;font-size:13px;display:grid}.player-form input:not([type=checkbox]):not([type=radio]),.player-form select{color:#f1f6f8;color-scheme:dark;background:#0b151b;border:1px solid #41535e;border-radius:10px;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:16px}.player-form fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.player-form legend{margin-bottom:12px;font-size:16px;font-weight:650}.player-form .check-label{align-items:flex-start;gap:10px;display:flex}.player-form input[type=checkbox],.player-form input[type=radio]{accent-color:var(--app-accent);flex-shrink:0;width:20px;height:20px}.player-form a{color:var(--app-accent);text-decoration:underline}.player-feedback{color:#c4d9e5;font-size:13px;line-height:1.5}.player-feedback:empty{display:none}.player-feedback[data-error=true]{color:#ffd5da;background:#452326;border-radius:10px;padding:12px}.player-empty{text-align:center;border:1px dashed #42535e;border-radius:15px;gap:9px;padding:22px 16px;display:grid}.player-empty p{color:#a6bac5;font-size:13px}.player-navigation{padding:10px 9px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--app-border);z-index:10;background:#111e24;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;display:grid;position:sticky;bottom:0}.player-navigation a{color:#adc0ca;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:50px;font-size:10px;text-decoration:none;display:flex}.player-navigation a[aria-current=page]{color:#aef4d7;background:#214137}.player-navigation svg{stroke:currentColor;stroke-width:1.8px;fill:none;width:19px;height:19px}.player-staging{color:#9bb0bb;border-top:1px solid var(--app-border);padding:10px 20px;font-size:11px}.player-staging summary{cursor:pointer}.player-staging p{margin-top:7px}.player-app .booking-actions{flex-wrap:wrap;gap:8px;display:flex}.player-app .booking-actions button{padding:9px 12px;font-size:12px}.player-app video{background:#000;border-radius:12px;width:100%;max-height:340px}.player-avatar-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.player-avatar-options button{background:#1c2b31;border:2px solid #0000;padding:6px}.player-avatar-options button[aria-pressed=true]{border-color:var(--app-accent)}.player-avatar-options img{border-radius:10px;width:48px;height:48px}.player-table-scroll{max-width:100%;overflow-x:auto}.player-app table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.player-app th,.player-app td{border-bottom:1px solid var(--app-border);white-space:nowrap;padding:12px 10px}.player-app th{color:#aec4ce;font-weight:550}.player-app details>summary{cursor:pointer}.player-booking-detail{gap:10px;display:grid}.player-booking-detail .ref{color:#a6bac5;font-size:11px}.player-app output{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.player-app .slot-options{flex-wrap:wrap;gap:8px;display:flex}.player-app .slot-options label{border:1px solid #476356;border-radius:10px;align-items:center;gap:7px;padding:10px;font-size:13px;display:flex}.player-app .auth-divider{border-top:1px solid var(--app-border);text-align:center;padding-top:16px;font-size:13px}@media (width<=600px){.player-app{max-width:none;box-shadow:none;border:0;border-radius:0;min-height:100dvh;margin:0}.player-body{padding:22px 18px}.player-topbar{padding-top:calc(18px + env(safe-area-inset-top))}.player-navigation{position:sticky}.player-app h1{font-size:28px}}@media (prefers-reduced-motion:reduce){.player-app *{scroll-behavior:auto!important;transition:none!important}}.player-view,.player-card{min-width:0}.player-app input[type=file]{width:100%;min-width:0;max-width:100%;font-size:14px;display:block}.player-avatar-options{grid-template-columns:repeat(4,minmax(0,1fr))}.player-avatar-options button{min-width:0}.player-avatar-options img{max-width:100%;height:auto}