:root{--sky: #b9cfe3;--ink-strong: #0b2a4a;--panel-bg: rgb(10 20 35 / .65);--panel-bg-solid: rgb(10 20 35 / .72);--panel-fg: #fff;--panel-fg-muted: #c9d6e3;--panel-fg-subtle: #9fb0c2;--panel-border: rgb(255 255 255 / .18);--control-bg: rgb(255 255 255 / .06);--accent: #6fc3ff;--accent-soft: rgb(111 195 255 / .22);--status-off: #6b7785;--status-connecting: #f5c542;--status-live: #37ff8b;--status-error: #ff6b6b}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);font-family:system-ui,sans-serif}#app{position:fixed;inset:0}#app canvas{display:block}.hud{position:fixed;left:16px;bottom:16px;padding:10px 14px;border-radius:10px;background:var(--panel-bg);color:var(--panel-fg);font-size:13px;line-height:1.5;pointer-events:none}.hud b{color:var(--accent)}[hidden]{display:none!important}#side{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:min(240px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;display:grid;gap:10px;align-content:start}.radio{padding:10px;border-radius:12px;background:var(--panel-bg-solid);color:var(--panel-fg);font-size:13px;display:grid;gap:8px}.radio button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--panel-border);border-radius:8px;background:var(--control-bg);min-height:40px}.radio button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.radio__power{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.radio__status{margin:0;display:flex;align-items:center;gap:6px;color:var(--panel-fg-muted)}.radio__status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--status-off);flex:none}.radio[data-status=connecting] .radio__status:before{background:var(--status-connecting)}.radio[data-status=live] .radio__status:before{background:var(--status-live);box-shadow:0 0 6px var(--status-live)}.radio[data-status=error] .radio__status:before{background:var(--status-error)}.radio__stations{display:grid;gap:6px}.radio__station{display:grid;text-align:left;padding:6px 10px}.radio__station small{color:var(--panel-fg-subtle)}.radio__volume{display:grid;gap:4px;color:var(--panel-fg-muted)}.radio__volume input{width:100%;accent-color:var(--accent)}.loading{position:fixed;inset:0;display:grid;place-items:center;color:var(--ink-strong);font-weight:600}.account{border-radius:12px;background:var(--panel-bg-solid);color:var(--panel-fg);font-size:13px}.account summary{cursor:pointer;padding:10px;font-weight:600;min-height:20px}.account__body,.account__alert{padding:0 10px 10px}.account__body p{margin:0 0 8px;color:var(--panel-fg-muted)}.account__form{display:grid;gap:10px}.account__field{display:grid;gap:4px}.account__label{display:flex;justify-content:space-between;color:var(--panel-fg-muted)}.account__counter--over{color:var(--status-error);font-weight:600}.account input[type=text]{font:inherit;color:var(--panel-fg);background:var(--control-bg);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px;min-height:20px}.account input[aria-invalid=true]{border-color:var(--status-error)}.account input[type=checkbox]{accent-color:var(--accent)}.account__check{color:var(--panel-fg-muted);line-height:1.4}.account__error,.account__alert{margin:0;color:var(--status-error)}.account__actions{display:flex;gap:8px}.account button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--panel-border);border-radius:8px;background:var(--control-bg);min-height:40px;padding:0 12px}.account button:disabled{opacity:.5;cursor:default}.account__primary{flex:1;border-color:var(--accent)!important;background:var(--accent-soft)!important}.account__link{border:none!important;background:none!important;color:var(--panel-fg-subtle)!important;text-decoration:underline;padding:0!important}.account__danger{display:grid;gap:6px;margin:6px 0 0;border:1px solid var(--status-error);border-radius:8px}.account__danger legend{color:var(--status-error);font-weight:600}.account__danger button:not(:disabled){border-color:var(--status-error);color:var(--status-error)}.gate{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:#0a142373;-webkit-backdrop-filter:blur(3px) saturate(.8);backdrop-filter:blur(3px) saturate(.8)}@media(pointer:coarse),(prefers-reduced-transparency:reduce){.gate{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a142399}}.gate__card:focus{outline:none}.gate__detail{font-size:12px}.gate__card{width:min(320px,100%);display:grid;gap:12px;justify-items:center;text-align:center;padding:24px 20px;border-radius:16px;background:var(--panel-bg-solid);color:var(--panel-fg);box-shadow:0 12px 40px #00000059}.gate__card h1{margin:0;font-size:28px;letter-spacing:.3em}.gate__card p{margin:0;color:var(--panel-fg-muted)}.gate__google{min-height:44px;display:grid;gap:8px;justify-items:center}.gate__alert{color:var(--status-error)!important}.gate button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--panel-border);border-radius:8px;background:var(--control-bg);min-height:40px;padding:0 14px}.gate__card.ticket{width:min(360px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.gate__card .ticket__title{font-size:22px;letter-spacing:normal}.ticket__body,.ticket__pix{width:100%;display:grid;gap:10px;justify-items:center}.gate__card .ticket__match{color:var(--panel-fg);font-weight:600}.gate__card .ticket__small{font-size:12px;color:var(--panel-fg-subtle)}.ticket__qr{width:220px;height:220px;border-radius:8px;background:#fff;image-rendering:pixelated}.ticket__countdown{font-weight:600;font-variant-numeric:tabular-nums}.ticket__code{width:100%;box-sizing:border-box;resize:none;padding:8px;border:1px solid var(--panel-border);border-radius:8px;background:var(--control-bg);color:inherit;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.gate .ticket__buy{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.gate .ticket__buy:disabled{cursor:progress;opacity:.7}.gate .ticket__logout{min-height:32px;border:none;background:none;font-size:13px;color:var(--panel-fg-subtle);text-decoration:underline}.ticket__footer{width:100%;display:grid;gap:6px;justify-items:center}.ticket__footer .account__delete{width:100%;display:grid;justify-items:center}.ticket__footer .account__danger{width:100%;box-sizing:border-box;text-align:left}.ticket__footer input[type=text]{font:inherit;color:var(--panel-fg);background:var(--control-bg);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}.ticket__footer button:disabled{opacity:.5;cursor:default}.wardrobe{border-radius:12px;background:var(--panel-bg-solid);color:var(--panel-fg);font-size:13px}.wardrobe summary{cursor:pointer;padding:10px;font-weight:600}.wardrobe__body{display:grid;gap:8px;padding:0 10px 10px}.wardrobe__title{margin:0;font-weight:600}.wardrobe__group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wardrobe__label{width:100%;color:var(--panel-fg-muted)}.wardrobe button,.store button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--panel-border);border-radius:8px;background:var(--control-bg);min-height:36px;padding:0 10px}.wardrobe button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.wardrobe__shop,.store .store__buy{border-color:var(--accent)!important;background:var(--accent-soft)!important;font-weight:600}.wardrobe__alert{margin:0;color:var(--status-error)}.gate__card.store__card{width:min(760px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1.2fr);grid-template-areas:"header header" "stage side";align-items:start;text-align:left;justify-items:stretch}.store__header{grid-area:header;display:flex;justify-content:space-between;align-items:center}.gate__card .store__title{font-size:22px;letter-spacing:normal}.store__stage{grid-area:stage;height:340px;border-radius:12px;background:#ffffff0f;cursor:grab}.store__preview{display:block;width:100%;height:100%;touch-action:none}.store__side{grid-area:side;display:grid;gap:10px}.store__items{list-style:none;margin:0;padding:0;display:grid;gap:6px}.store__item{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--panel-border);border-radius:10px}.store__info{flex:1;display:grid}.store__info small{color:var(--panel-fg-subtle)}.store__owned{color:var(--status-live);font-weight:600}.store button:disabled{cursor:progress;opacity:.6}.store .ticket__pix{width:100%;display:grid;gap:10px;justify-items:center}@media(max-width:640px){.gate__card.store__card{grid-template-columns:1fr;grid-template-areas:"header" "stage" "side"}.store__stage{height:240px}}.live-notice{margin:0;padding:10px 12px;border-radius:10px;background:#0a1423d9;color:#ffd27a;font-size:14px}.live-notice[hidden]{display:none}.chat{border-radius:12px;background:var(--panel-bg-solid);color:var(--panel-fg);font-size:13px}.chat[hidden],.chat__empty[hidden],.chat__notice[hidden],.chat__gate[hidden],.chat__more[hidden]{display:none}.chat summary{cursor:pointer;padding:10px;font-weight:600}.chat__list{list-style:none;margin:0;padding:0 10px;max-height:160px;overflow-y:auto;display:grid;gap:6px}.chat__msg{display:grid;gap:2px;overflow-wrap:anywhere}.chat__msg small{opacity:.6;font-size:11px}.chat__msg--pending{opacity:.55}.chat__msg--failed .chat__text{text-decoration:line-through}.chat__empty,.chat__notice,.chat__gate{margin:6px 10px}.chat__gate p{margin:0 0 6px}.chat__more{margin:0 10px 6px}.chat__form{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:10px}.chat__input{min-width:0}.chat__count{font-size:11px;opacity:.7}.chat__count--over{color:#ff8a8a;opacity:1}