:root{--theme-color: #4ade80;color:#e8f2ff;background:#07101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none}#app.admin-route{touch-action:pan-y}button{border:0;border-radius:18px;color:inherit;cursor:pointer;font:inherit;font-weight:800;min-height:clamp(44px,6vh,56px);padding:0 clamp(16px,2.8vw,22px)}button:disabled{cursor:default;opacity:.45}.app-shell{box-sizing:border-box;display:grid;gap:clamp(8px,1.4vh,16px);grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;min-height:0;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.top-bar,.admin-header{align-items:center;display:flex;gap:20px;justify-content:space-between;min-width:0}h1{color:var(--theme-color);font-size:clamp(2.6rem,5.5vw,4.8rem);font-weight:950;letter-spacing:-.06em;line-height:1;margin:0}.brand-trigger{align-items:center;background:transparent;display:flex;gap:14px;flex:1 1 auto;min-height:0;min-width:0;padding:0;text-align:left}.brand-trigger h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-logo,.booth-logo,.logo-placeholder{border-radius:18px;flex:0 0 auto;height:clamp(54px,8vh,82px);object-fit:contain;width:clamp(54px,8vh,82px)}.logo-placeholder{align-items:center;border:2px solid var(--theme-color);color:var(--theme-color);display:flex;font-weight:950;justify-content:center}.duration-picker{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.duration-button,.secondary-button{background:#94a3b824;border:1px solid rgba(148,163,184,.22)}.duration-button.selected,.primary-button{background:var(--theme-color);color:#031008}.danger-button{background:#7f1d1d59;border:1px solid rgba(248,113,113,.5);color:#fecaca}.tap-zone{align-items:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--theme-color) 22%,transparent),transparent 58%),#0c1b2f;border:4px solid color-mix(in srgb,var(--theme-color) 82%,transparent);border-radius:clamp(24px,4vw,34px);box-shadow:inset 0 0 0 12px #07101da3;display:flex;flex-direction:column;justify-content:center;margin:0 clamp(0px,5vw,42px);min-height:0;overflow:hidden;position:relative;transition:border-color .12s ease,box-shadow .12s ease}.tap-zone-hit{border-color:color-mix(in srgb,var(--theme-color) 95%,white 5%);box-shadow:inset 0 0 0 12px #07101da3,0 0 34px color-mix(in srgb,var(--theme-color) 26%,transparent)}.tap-message{font-size:clamp(4rem,min(15vw,19vh),12rem);font-weight:950;letter-spacing:-.08em;line-height:.84;position:relative;z-index:1}.tap-submessage{color:#b9cff0;font-size:clamp(1rem,2vw,1.35rem);margin-top:18px;position:relative;z-index:1}.tap-effect{--tap-hue: 142;background:radial-gradient(circle,hsla(var(--tap-hue),90%,72%,.9) 0 10%,transparent 11%),radial-gradient(circle,hsla(var(--tap-hue),90%,72%,.24) 0 42%,transparent 43%);border:2px solid hsla(var(--tap-hue),90%,72%,.82);border-radius:999px;height:120px;left:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%) scale(.25);width:120px;z-index:0;animation:tap-ripple .42s ease-out forwards}@keyframes tap-ripple{0%{opacity:.95;transform:translate(-50%,-50%) scale(.18)}70%{opacity:.55}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}.metrics-panel{background:#0b1729;border:1px solid rgba(148,163,184,.18);border-radius:28px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);min-height:0;overflow:hidden;padding:14px}.reset-button{justify-self:stretch}.admin-shell{align-items:flex-start;box-sizing:border-box;display:flex;height:100dvh;justify-content:flex-start;overflow:auto;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.admin-card{background:#0b1729;border:1px solid rgba(148,163,184,.18);border-radius:28px;display:grid;gap:18px;max-width:760px;min-width:0;padding:clamp(20px,4vw,32px);width:min(100%,760px)}.admin-header{justify-content:flex-start}.admin-kicker,.field>span,.preview-card span{color:#91a4bd;display:block;font-size:.9rem}.admin-kicker{margin:0 0 4px;text-transform:uppercase}.field{display:grid;gap:8px}.field input[type=text],.field input[type=file]{background:#07101de6;border:1px solid rgba(148,163,184,.22);border-radius:16px;box-sizing:border-box;color:inherit;font:inherit;min-height:52px;padding:0 16px;width:100%}.field input[type=file]{padding:14px 16px}.segmented,.admin-actions{display:flex;flex-wrap:wrap;gap:10px}.preview-card{align-items:center;background:#07101de6;border-radius:20px;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;padding:16px}.preview-card strong{display:block;font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-card i{border:2px solid rgba(255,255,255,.18);border-radius:999px;height:40px;width:40px}.admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions button{width:100%}.metric{background:#07101de6;border-radius:18px;padding:12px 14px}.metric span{color:#91a4bd;display:block;font-size:.82rem}.metric strong{display:block;font-size:clamp(1.6rem,4vw,3rem);line-height:1;margin-top:6px}@media(max-height:780px){.app-shell{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}h1{font-size:clamp(2rem,5vh,3.6rem)}.tap-submessage{margin-top:10px}.metrics-panel{gap:8px;padding:10px}.metric{border-radius:14px;padding:8px 12px}}@media(max-width:820px){.duration-button{flex:1 1 0}.tap-zone{margin-inline:0}.metrics-panel{grid-template-columns:repeat(2,1fr)}}