/* Piloto · identidad aprobada. Recursos y licencias locales: assets/README.md. */
@font-face{font-family:Inter;src:url('./assets/fonts/inter-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/inter-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--piloto-ink:#171B26;--piloto-lime:#D4F568;--piloto-paper:#F6F4ED;--piloto-surface:#242A38;--piloto-muted:#A8AFBF;--piloto-negative:#FFB3BA;--piloto-border:#3B4252;--piloto-hover:#303747;--ink:var(--piloto-paper);--paper:var(--piloto-ink);--card:var(--piloto-surface);--muted:var(--piloto-muted);--line:var(--piloto-border);--plum:var(--piloto-lime);--plum-deep:#E2FF8A;--rose:var(--piloto-hover);--rose-soft:var(--piloto-surface);--green:var(--piloto-lime);--yellow:var(--piloto-lime);--pink:var(--piloto-negative);--pop-ink:var(--piloto-paper);--pop-yellow:var(--piloto-lime);--pop-green:var(--piloto-lime);--font-display:Manrope,system-ui,sans-serif;--font-ui:Inter,system-ui,sans-serif;--font-body:Inter,system-ui,sans-serif;--shadow:none;--card-radius:24px;font-family:var(--font-ui);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--piloto-ink);color:var(--piloto-paper);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-width:280px}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--piloto-lime);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--piloto-lime);outline-offset:4px}::selection{background:var(--piloto-lime);color:var(--piloto-ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em}h1,h2,h3,p{margin-top:0}img{max-width:100%}input,select,textarea{color-scheme:dark}
#app .app-frame{min-height:100svh;padding:0 0 calc(108px + env(safe-area-inset-bottom));background:var(--piloto-ink);color:var(--piloto-paper);--screen:var(--piloto-ink);--screen-ink:var(--piloto-paper)}
#app .app-header{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:12px;min-height:84px;padding:calc(16px + env(safe-area-inset-top)) 24px 16px;border-bottom:1px solid #2A3040;background:var(--piloto-ink);color:var(--piloto-paper)}
#app .brand-link{display:flex;align-items:center;flex:0 1 152px;width:152px;max-width:45vw;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;min-height:44px}
#app .header-wordmark{display:block;width:152px;height:auto;max-height:36px;object-fit:contain;object-position:left center}#app .header-spacer{flex:1}#app .app-header .signout{min-height:44px;padding:8px;color:var(--piloto-muted);background:none;border:0;font-size:14px;font-weight:600}#app .app-header .profile-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-surface)}#app .app-header .profile-button img{width:24px;height:24px;object-fit:cover;border-radius:8px}#app .profile-button img[src$="user-round.svg"]{filter:invert(93%) sepia(5%) saturate(341%) hue-rotate(4deg) brightness(107%)}
#app .app-main{position:relative;isolation:auto;width:min(100%,1060px);min-height:calc(100svh - 184px);margin:auto;padding:20px 24px 40px;background:none;background-image:none;color:var(--piloto-paper)}#app .app-main::before,#app .results-summary::before,#app .mood-picker::before{content:none}#app .app-main>*{position:relative}
#app .page-title{max-width:100%;margin:12px 0 12px;color:var(--piloto-paper);font:700 clamp(28px,5vw,40px)/1.16 var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere}#app .page-intro{max-width:680px;margin:0 0 24px;color:var(--piloto-muted);font-size:16px;line-height:1.6}#app .section-label{display:block;margin:24px 0 10px;color:var(--piloto-lime);font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.10em;text-transform:uppercase}
#app .sync-row{min-height:26px;margin:0 0 8px;padding:0}#app .sync-indicator{display:inline-flex;align-items:center;gap:8px;padding:4px 0;background:none;color:var(--piloto-muted);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;white-space:normal}#app .sync-dot{width:6px;height:6px;background:var(--piloto-lime)}#app .sync-indicator.offline .sync-dot{background:var(--piloto-negative)}
#app .auth-page{display:grid;place-items:center;min-height:100svh;padding:48px 24px;background:var(--piloto-ink)}#app .auth-card{width:min(100%,440px);padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--piloto-paper)}#app .auth-brand{display:flex;align-items:center;gap:0;margin:0 0 48px}#app .auth-brand .brand-icon{display:none}#app .brand-copy{display:block;width:100%}#app .brand-wordmark{width:174px;height:auto;max-height:44px;object-fit:contain;object-position:left center}#app .brand-copy small{display:block;margin:16px 0 0;color:var(--piloto-muted);font-size:14px;font-weight:400}#app .auth-card h1{margin:0 0 12px;color:var(--piloto-paper);font-size:32px;line-height:1.18;letter-spacing:-.045em}#app .auth-copy{margin:0 0 28px;color:var(--piloto-muted);line-height:1.6}#app .auth-toggle{display:block;min-height:48px;margin:12px auto 0;padding:12px;color:var(--piloto-paper);background:none;border:0;font-size:14px;font-weight:600}#app .privacy-note{margin:28px 0 0;padding-top:24px;border-top:1px solid #2A3040;color:var(--piloto-muted);font-size:13px;line-height:1.65}
#app .field{display:grid;gap:8px;margin:20px 0;color:var(--piloto-paper);font-size:14px;font-weight:400}#app .field input,#app .field select,#app .text-input{display:block;width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-surface);color:var(--piloto-paper);font-size:16px;font-weight:400;box-shadow:none}#app .field input::placeholder,#app .text-input::placeholder{color:#A8AFBF;opacity:1}#app .field input[type=file]{padding:12px;font-size:14px}#app input::file-selector-button{margin-right:12px;padding:8px 12px;border:1px solid #525A6D;border-radius:10px;background:#303747;color:var(--piloto-paper);font:600 14px var(--font-ui)}#app .field input:focus,#app .field select:focus,#app .text-input:focus{border-color:var(--piloto-lime)}
#app .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 20px;border:1px solid transparent;border-radius:16px;background:var(--piloto-lime);color:var(--piloto-ink);box-shadow:none;font:600 16px/1.4 var(--font-ui);text-decoration:none;transition:background .15s,transform .15s}#app .button:hover:not(:disabled){background:#E2FF8A;color:var(--piloto-ink);transform:none;box-shadow:none}#app .button:active:not(:disabled){transform:translateY(1px)}#app .button.full{width:100%;margin-top:16px}#app .button.secondary,#app .button.soft{border:1px solid var(--piloto-border);background:var(--piloto-surface);color:var(--piloto-paper);box-shadow:none}#app .button.secondary:hover:not(:disabled),#app .button.soft:hover:not(:disabled){border-color:#626B7E;background:#303747;color:var(--piloto-paper)}#app .button.small{min-height:44px;padding:10px 16px;font-size:14px}#app .quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:none;color:var(--piloto-paper);font:600 14px/1.5 var(--font-ui);box-shadow:none}#app .quiet-button:hover{background:var(--piloto-hover)}#app .button-icon,#app .quiet-button img,#app .button img{flex:0 0 20px;width:20px;height:20px;object-fit:contain;aspect-ratio:auto}#app .button img[src*="assets/icons"]{filter:none}#app .button.secondary img[src*="assets/icons"],#app .quiet-button img[src*="assets/icons"]{filter:invert(97%) sepia(4%) saturate(217%) hue-rotate(8deg)}#app [data-action="delete-account"]{color:var(--piloto-negative)}
#app .question-card,#app .panel,#app .session-card,#app .profile-card,#app .discovery-state,#app .history-game-panel,#app .history-game-state{margin:16px 0;padding:24px;border:1px solid var(--piloto-border);border-radius:24px;background:var(--piloto-surface);color:var(--piloto-paper);box-shadow:none}#app .profile-card h2,#app .session-card h2{margin:0 0 12px;color:var(--piloto-paper);font:700 23px/1.25 var(--font-display)}#app .profile-card h3{margin:28px 0 12px;color:var(--piloto-paper);font:600 16px/1.5 var(--font-ui)}#app .hint,#app .small-note,#app .scanner-help,#app .attribution{color:var(--piloto-muted);font-size:14px;line-height:1.6}#app .attribution{margin:24px 0 8px;font-size:12px}#app .inline-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}#app .inline-row>*{flex:1 1 auto;min-width:0}#app .wide-action{width:100%;min-height:56px;font-size:16px}
#app .choice-grid,#app .choice-row,#app .genre-choice-row,#app .mood-choice-row{display:flex;flex-wrap:wrap;gap:8px;width:100%;padding:0;overflow:visible}#app .choice-grid .choice,#app .choice-row .choice,#app .genre-choice-row .choice,#app .mood-choice-row .choice,#app .choice{flex:0 1 auto;min-height:44px;padding:10px 14px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-surface);color:var(--piloto-paper);font:400 14px/1.45 var(--font-ui);white-space:normal;box-shadow:none;filter:none;transform:none}#app .choice:hover:not(:disabled){border-color:#717B91;background:var(--piloto-hover);color:var(--piloto-paper);filter:none}#app .choice-grid .choice.selected,#app .genre-choice-row .choice.selected,#app .mood-choice-row .choice.selected,#app .choice.selected{border-color:var(--piloto-lime);background:var(--piloto-lime);color:var(--piloto-ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--piloto-lime);filter:none;transform:none}#app .choice.selected::before{content:'✓';margin-right:6px;font-size:14px}#app .choice-grid .choice:not(.selected),#app .genre-choice-row .choice:not(.selected),#app .mood-choice-row .choice:not(.selected){border-color:var(--piloto-border);background:var(--piloto-surface);color:var(--piloto-paper)}#app .mood-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#app .mood-choice-grid .choice{min-height:52px}
#app .home-screen{max-width:none;margin:0}#app .home-hero{min-height:0;margin:8px 0 24px;overflow:visible;border-radius:0;background:none;box-shadow:none}#app .home-headline{display:block;min-height:0;padding:0;overflow:visible}#app .home-headline>div{max-width:780px}#app .home-headline .section-label{margin:0 0 12px}#app .home-headline .page-title{max-width:22ch;margin:0 0 12px;font:700 clamp(30px,4vw,44px)/1.14 var(--font-display)}#app .home-headline .page-intro{max-width:600px;margin:0;font-size:16px;font-weight:400}#app .home-content{max-width:none;margin:0}#app .mood-picker.question-card{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--piloto-paper)}#app .personalized-for{margin:0 0 24px;color:var(--piloto-muted);font-size:14px;font-weight:400}#app .question-kicker{display:block;margin:24px 0 12px;color:var(--piloto-paper);font:600 16px/1.5 var(--font-ui)}#app .home-cta{min-height:56px;margin:24px 0 0;border-radius:16px;background:var(--piloto-lime);color:var(--piloto-ink);font:600 16px var(--font-ui);box-shadow:none}#app .home-cta span{font-size:22px}#app .home-catalog-note{margin:12px 0 0;color:var(--piloto-muted);font-size:12px;line-height:1.6}
#app .avoid-picker,#app .session-intent{margin:24px 0;padding:20px;border:1px solid var(--piloto-border);border-radius:24px;background:var(--piloto-surface);color:var(--piloto-paper);box-shadow:none}#app .avoid-picker summary{min-height:44px;margin:0;display:flex;align-items:center;gap:10px;color:var(--piloto-paper);font:600 16px var(--font-ui)}#app .avoid-picker .choice-grid{margin-top:12px}#app .avoid-picker .choice{font-size:14px}#app .avoid-picker .choice.selected{background:var(--piloto-negative);border-color:var(--piloto-negative);color:var(--piloto-ink)}#app .avoid-picker .choice.selected::before{content:'×'}#app .veto-icon{width:22px;height:22px}#app .veto-field{padding:16px;margin:16px 0;border:1px solid var(--piloto-border);border-radius:16px}#app .veto-field legend{padding:0 8px;color:var(--piloto-paper);font-size:14px;font-weight:600}#app .veto-list{display:flex;flex-wrap:wrap;gap:8px}#app .veto-choice span{min-height:44px;display:flex;align-items:center;padding:10px 14px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-ink);color:var(--piloto-paper);font-size:14px}#app .veto-choice input:checked+span{background:var(--piloto-negative);border-color:var(--piloto-negative);color:var(--piloto-ink)}#app .veto-choice input:checked+span::before{content:'×';margin-right:6px}#app .veto-choice input:focus-visible+span{outline:3px solid var(--piloto-lime);outline-offset:3px}
#app .featured-series{margin:24px 0 0;border:1px solid var(--piloto-border);border-radius:24px;background:var(--piloto-surface);color:var(--piloto-paper);box-shadow:none;overflow:hidden}#app .featured-poster{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:1.65;object-fit:cover;background:var(--piloto-ink)}#app .featured-copy{padding:20px}#app .featured-copy small{color:var(--piloto-lime);font-size:12px;font-weight:600;letter-spacing:.07em}#app .featured-copy h3{margin:8px 44px 6px 0;color:var(--piloto-paper);font:700 26px/1.2 var(--font-display)}#app .featured-copy p{margin:0;color:var(--piloto-muted);font-size:14px}#app .featured-save{bottom:20px;right:20px;width:44px;height:44px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-hover)}#app .featured-save img{width:22px;height:22px;filter:invert(95%)}#app .featured-placeholder{display:block;min-height:0;background:var(--piloto-surface)}#app .featured-placeholder-art{display:none}#app .carousel-dots{display:none}
#app .results-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-surface);color:var(--piloto-paper)}#app .mood-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-surface);color:var(--piloto-paper);font-size:14px;font-weight:400}#app .mood-chip img{width:20px;height:20px;filter:invert(95%)}#app .results-heading .page-title{margin:8px 0 12px}#app .series-list,#app .discovery-series-list{display:grid;grid-template-columns:1fr;gap:24px;margin:24px 0 0}#app .series-card,#app .series-card:first-child{min-width:0;overflow:hidden;grid-column:auto;margin:0;padding:0;border:1px solid var(--piloto-border);border-radius:24px;background:var(--piloto-surface);color:var(--piloto-paper);box-shadow:none}#app .series-hero{display:grid;grid-template-columns:128px minmax(0,1fr);min-height:192px;background:var(--piloto-surface)}#app .series-poster,#app .poster-fallback{display:block;width:128px;height:192px;min-height:192px;aspect-ratio:2/3;object-fit:cover;object-position:center;background:#303747;color:var(--piloto-paper)}#app .poster-fallback{display:grid;place-items:center;padding:16px;text-align:center;font:700 20px/1.3 var(--font-display)}#app .series-meta{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:16px}#app .series-title{margin:0 0 8px;color:var(--piloto-paper);font:700 23px/1.2 var(--font-display);overflow-wrap:anywhere}#app .series-title-row{display:flex;gap:8px}#app .series-subtitle{margin:0;color:var(--piloto-muted);font-size:13px;line-height:1.5}#app .series-body{padding:20px}#app .save-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;border:1px solid var(--piloto-border);border-radius:12px;background:var(--piloto-ink);box-shadow:none}#app .save-button img{width:21px;height:21px;aspect-ratio:auto;filter:invert(95%)}#app .save-button.saved{border-color:var(--piloto-lime);background:var(--piloto-lime)}#app .save-button.saved img{filter:none}#app .option-label,#app .match-pill,#app .shared-gem{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:0 0 10px;padding:6px 10px;border:1px solid #58683D;border-radius:10px;background:#29352B;color:var(--piloto-lime);font:600 12px/1.4 var(--font-ui);letter-spacing:0;white-space:normal}#app .match-pill{margin:12px 0 0}#app .option-label{border:0;background:none;padding:0;color:var(--piloto-muted);font-size:11px;letter-spacing:.05em}#app .shared-gem img{width:16px;height:16px;aspect-ratio:auto}#app .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}#app .tag,#app .tag:nth-child(2n){display:inline-flex;padding:6px 10px;border:1px solid #41495B;border-radius:12px;background:var(--piloto-hover);color:var(--piloto-paper);font:400 12px/1.5 var(--font-ui)}#app .reason{margin:0;color:var(--piloto-muted);font-size:14px;line-height:1.6}#app .reason strong{color:var(--piloto-paper)}#app .provider-line{margin:20px 0;padding:16px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-ink);color:var(--piloto-muted);font-size:14px;line-height:1.6}#app .provider-line strong{color:var(--piloto-paper)}#app .provider-line a{color:var(--piloto-lime);font-weight:600}#app .series-actions{display:flex;flex-wrap:wrap;gap:12px}#app .series-actions .button{flex:1 1 160px}
#app .language-badge{display:inline-flex;gap:6px;align-items:center;margin:0 0 10px;padding:6px 8px;border:1px solid var(--piloto-border);border-radius:8px;background:var(--piloto-ink);color:var(--piloto-paper);font-size:12px}#app .language-badge small{color:var(--piloto-muted);font-size:12px}
#app .history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px 0;border-bottom:1px solid var(--piloto-border)}#app .history-row strong{color:var(--piloto-paper);font-size:15px;font-weight:600;overflow-wrap:anywhere}#app .history-row small{display:block;margin-top:6px;color:var(--piloto-muted);font-size:13px}#app .status-chip{min-height:44px;padding:10px 12px;border:1px solid #58683D;border-radius:12px;background:#29352B;color:var(--piloto-lime);font-size:13px;font-weight:600}#app .status-chip.pending{border-color:var(--piloto-border);background:var(--piloto-hover);color:var(--piloto-paper)}#app .import-summary{padding:16px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-ink);color:var(--piloto-muted);font-size:14px}#app .search-result{padding:20px 0;border-bottom:1px solid var(--piloto-border);color:var(--piloto-muted)}#app .search-result strong{color:var(--piloto-paper)}#app .search-result .inline-row{margin-top:12px}
#app .profile-summary{display:flex;align-items:center;gap:16px;margin-bottom:28px}#app .profile-identity{min-width:0}#app .profile-summary strong{font-family:var(--font-display);font-size:20px;overflow-wrap:anywhere}#app .profile-summary small{color:var(--piloto-muted);font-size:13px;overflow-wrap:anywhere}#app .avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:0;border-radius:16px;background:#3A4354;color:var(--piloto-lime);font-size:18px;font-weight:600}#app .avatar.photo{overflow:hidden}#app .avatar.photo img{width:100%;height:100%;object-fit:cover}#app .photo-actions{gap:8px;margin-top:12px}#app .photo-picker{min-height:44px;font-size:13px}#app .checkbox-line{display:flex;align-items:flex-start;gap:12px;color:var(--piloto-muted);font-size:14px;line-height:1.6}#app .checkbox-line input{flex:0 0 22px;width:22px;height:22px;margin:1px 0 0;accent-color:var(--piloto-lime)}#app .profile-card details{margin-top:12px}#app .profile-card summary{min-height:44px;cursor:pointer;color:var(--piloto-paper);font-weight:600}#app .profile-card details p{color:var(--piloto-muted);font-size:14px;line-height:1.65}
#app .onboarding-history-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}#app .onboarding-history-method{min-width:0;padding:20px;border:1px solid var(--piloto-border);border-radius:24px;background:var(--piloto-ink)}#app .onboarding-history-method h3{margin:16px 0 8px;font:600 16px var(--font-ui)}#app .onboarding-history-method p{min-height:0;color:var(--piloto-muted);font-size:14px}#app .onboarding-method-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--piloto-surface);color:var(--piloto-lime)}#app .history-onboarding-prompt,#app .history-onboarding-prompt.completed{margin:24px 0;padding:24px;border:1px solid var(--piloto-border);border-radius:24px;background:var(--piloto-surface)}#app .history-onboarding-prompt h2,#app .history-entry-card h2{color:var(--piloto-paper);font:700 24px/1.25 var(--font-display)}#app .history-onboarding-prompt>p:not(.section-label){color:var(--piloto-muted)}#app .history-onboarding-prompt .section-label,#app .history-entry-card .section-label{color:var(--piloto-lime)}#app .history-entry-card{border:1px solid var(--piloto-border)!important}#app .history-game-heading{gap:16px;margin:20px 0 12px}#app .history-game-heading .section-label,#app .history-game-catalog-label{color:var(--piloto-lime)}#app .history-game-heading .page-title{font-size:28px}#app .history-game-back{width:44px;height:44px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-surface)}#app .history-game-back img{filter:invert(95%)}#app .history-game-progress{color:var(--piloto-muted);font-size:14px;font-weight:400}#app .history-progress-track{background:#41495B}#app .history-progress-track i{background:var(--piloto-lime)}#app .history-game-card{border-radius:16px;background:var(--piloto-ink);box-shadow:none}#app .history-swipe-poster{width:100%;min-height:0;aspect-ratio:2/3;max-height:580px;border-radius:16px 16px 0 0;background:var(--piloto-ink)}#app .history-swipe-image{width:100%;height:100%;min-height:0;object-fit:contain}#app .history-game-series-info{padding:20px}#app .history-game-series-info h2{font-family:var(--font-display);color:var(--piloto-paper)}#app .history-game-series-info p,#app .history-game-providers,#app .history-game-privacy{color:var(--piloto-muted);font-size:14px}#app .history-game-choice{min-height:52px;padding:12px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-hover);color:var(--piloto-paper);font-weight:600;font-size:14px;box-shadow:none}#app .history-game-yes{border-color:var(--piloto-lime);background:var(--piloto-lime);color:var(--piloto-ink)}#app .history-game-skip{min-height:44px;color:var(--piloto-muted);font-size:14px}#app .history-swipe-stamp{border:1px solid var(--piloto-ink);font-weight:600}#app .history-swipe-no{background:var(--piloto-negative);color:var(--piloto-ink)}#app .history-swipe-yes{background:var(--piloto-lime);color:var(--piloto-ink)}
#app .participant{padding:16px 0;border-bottom:1px solid var(--piloto-border);border-radius:0;background:none;color:var(--piloto-paper)}#app .participant small{color:var(--piloto-muted);font-size:12px;font-weight:400}#app .participant .avatar{width:40px;height:40px;flex-basis:40px;border-radius:14px}#app .session-status{padding:6px 10px;border:1px solid #58683D;border-radius:10px;background:#29352B;color:var(--piloto-lime);font-size:12px;font-weight:600}#app .qr-wrap{width:fit-content;max-width:100%;margin:24px auto;padding:24px;border:0;border-radius:24px;background:var(--piloto-paper);color:var(--piloto-ink)}#app .qr-wrap .invite-code{color:var(--piloto-ink);font-size:22px;letter-spacing:.04em}#app .qr-wrap .button.secondary{background:transparent;color:var(--piloto-ink);border-color:#8C927E}#app .session-intent .small-note{color:var(--piloto-muted)}#app .session-intent .checkbox-line{margin-top:20px}
#app .decision-screen{min-height:0;max-width:720px;padding:24px 0;overflow:visible}#app .decision-screen h1{margin:0 0 12px;color:var(--piloto-paper);font:700 clamp(30px,5vw,44px)/1.15 var(--font-display)}#app .decision-subtitle{margin:0 0 24px;color:var(--piloto-muted);font:400 16px var(--font-ui)}#app .decision-poster{width:min(100%,400px);border:1px solid var(--piloto-border);border-radius:24px;background:var(--piloto-surface);color:var(--piloto-paper);box-shadow:none}#app .decision-poster-img{width:100%;height:auto;aspect-ratio:2/3;max-height:500px;object-fit:contain;background:var(--piloto-ink)}#app .decision-caption{padding:20px}#app .decision-caption h2{color:var(--piloto-paper);font:700 24px var(--font-display)}#app .decision-caption p{color:var(--piloto-muted);font-size:14px}#app .decision-friends{gap:16px;margin:24px 0}#app .decision-friend{color:var(--piloto-muted);font-size:14px}#app .decision-friend img{width:40px;height:40px;filter:invert(95%)}#app .decision-actions{display:grid;gap:12px;width:min(100%,400px)}#app .decision-primary{border:1px solid transparent!important;background:var(--piloto-lime)!important;color:var(--piloto-ink)!important}#app .decision-secondary{border:1px solid var(--piloto-border)!important;background:var(--piloto-surface)!important;color:var(--piloto-paper)!important}#app .feedback-panel{text-align:left;width:100%}#app .feedback-question{padding:16px;background:var(--piloto-ink);border-radius:16px}#app .rating-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 24px}#app .rating-option{display:grid;justify-items:center;gap:4px;min-height:76px;padding:12px 4px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-ink);color:var(--piloto-paper);font-family:var(--font-ui);transform:none}#app .rating-number{font:700 22px var(--font-display)}#app .rating-option small{font-size:12px;color:var(--piloto-muted)}#app .rating-option.selected,#app .rating-option[aria-checked=true]{border-color:var(--piloto-lime);background:#29352B;color:var(--piloto-lime);box-shadow:inset 0 0 0 1px var(--piloto-lime);transform:none}#app .feedback-reopen{min-height:48px;padding:12px 16px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-surface);color:var(--piloto-paper)}
#app .discovery-state,#app .history-game-state{display:grid;justify-items:center;gap:16px;min-height:300px;padding:48px 24px;text-align:center}#app .discovery-state .page-title,#app .history-game-state .page-title{margin:0;color:var(--piloto-paper)}#app .loading-screen{min-height:360px;margin:24px auto;background:var(--piloto-surface);box-shadow:none}#app .loading{color:var(--piloto-lime)}#app .loading.large{width:40px;height:40px;border-width:3px}#app .message{margin:16px 0 0;padding:16px;border:1px solid #73525E;border-radius:16px;background:#342936;color:var(--piloto-negative);font-size:14px;line-height:1.6}#app .message.success{border-color:#58683D;background:#29352B;color:var(--piloto-lime)}#app .empty-state{padding:40px 24px;border:1px solid var(--piloto-border);border-radius:24px;background:var(--piloto-surface);color:var(--piloto-muted);font-size:14px;line-height:1.6}#app .empty-state strong{margin-bottom:12px;color:var(--piloto-paper);font:700 22px/1.3 var(--font-display)}#app .install-hint{margin:24px 0;padding:16px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-surface);color:var(--piloto-muted);font-size:14px}#app .install-hint strong{color:var(--piloto-paper)}.toast{padding:16px 20px;border:1px solid #697584;border-radius:16px;background:var(--piloto-paper);color:var(--piloto-ink);font:600 14px var(--font-ui);box-shadow:0 12px 40px #0005}.toast.success{background:var(--piloto-lime)}
#app .tabbar{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:min(700px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;margin:0 auto;border:1px solid var(--piloto-border);border-radius:24px;background:#202633;backdrop-filter:blur(18px);box-shadow:0 8px 32px #0004;transform:none}#app .tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:60px;padding:8px 2px;border:0;border-radius:16px;background:none;color:var(--piloto-muted);font:400 12px/1.4 var(--font-ui)}#app .tabbar button.active{background:var(--piloto-hover);color:var(--piloto-lime);font-weight:600}#app .tab-icon{display:block;width:22px;height:22px;filter:invert(75%) sepia(10%) saturate(284%) hue-rotate(184deg)}#app .tabbar button.active .tab-icon{filter:invert(87%) sepia(50%) saturate(594%) hue-rotate(26deg) brightness(107%)}#app .tabbar button.active::after{content:'';width:4px;height:4px;position:absolute;bottom:9px;border-radius:100%;background:var(--piloto-lime)}
/* Retire the previous illustration language while keeping every action and label. */
#app :is(.hero-mascot-background,.home-mascot,.kit-mascot,.results-mascot,.empty-mascot,.section-art,.decision-sparkles,.history-game-mascot,.discover-hero-art){display:none!important}#app img[src*="kit-pop/mascots"],#app img[src*="kit-pop/ratings"],#app img[src*="kit-pop/buttons"]{display:none!important}
#app .boot{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:24px;color:var(--piloto-muted);background:var(--piloto-ink)}#app .boot img{width:80px;height:80px;border-radius:0}#app .boot p{margin:0;font-size:14px}
@media(min-width:760px){#app .app-main{padding:32px 40px 48px}#app .series-list,#app .screen-voting .series-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#app .series-list .series-card:first-child{grid-column:auto}#app .series-list .series-card:first-child .series-hero,#app .screen-voting .series-hero{display:grid;grid-template-columns:112px minmax(0,1fr)}#app .series-list .series-card:first-child .series-poster,#app .series-list .series-card:first-child .poster-fallback,#app .screen-voting .series-poster,#app .screen-voting .poster-fallback{display:block;width:112px;min-height:168px;height:168px;aspect-ratio:2/3}#app .screen-voting .series-meta{min-height:0}#app .profile-card{padding:32px}#app .home-content{max-width:820px;margin:0}#app .home-headline>div{max-width:760px}}
@media(min-width:1100px){#app .app-frame{padding:0 0 0 228px}#app .app-header{padding:16px 40px;min-height:80px}#app .brand-link{position:fixed;z-index:35;left:28px;top:30px;width:164px;max-width:none}#app .header-wordmark{width:164px;max-height:36px}#app .app-main{padding-top:24px;max-width:1140px}#app .tabbar{z-index:20;left:0;right:auto;top:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;width:228px;max-width:none;margin:0;padding:132px 16px 32px;border:0;border-right:1px solid #2A3040;border-radius:0;background:var(--piloto-ink);box-shadow:none;backdrop-filter:none}#app .tabbar button{position:relative;display:flex;flex-direction:row;justify-content:flex-start;gap:14px;min-height:52px;width:100%;padding:14px 16px;border-radius:16px;font-size:14px}#app .tabbar button.active{background:var(--piloto-surface)}#app .tabbar button.active::after{bottom:auto;left:6px;width:3px;height:20px;border-radius:2px}.toast{left:244px;bottom:24px}}
@media(max-width:520px){#app .app-header{padding-inline:20px;min-height:76px}#app .app-header .brand-link{flex-basis:140px;width:140px}#app .header-wordmark{width:140px}#app .app-main{padding:16px 20px 24px}#app .page-title{font-size:28px}#app .home-headline .page-title{font-size:32px;max-width:18ch}#app .home-headline .section-label{font-size:11px}#app .profile-card,#app .panel,#app .session-card{padding:20px}#app .onboarding-history-methods{grid-template-columns:1fr}#app .onboarding-history-method p{min-height:0}#app .series-hero,#app .series-list .series-card:first-child .series-hero{grid-template-columns:112px minmax(0,1fr)}#app .series-poster,#app .poster-fallback{width:112px;height:168px;min-height:168px}#app .series-title{font-size:21px}#app .series-meta{padding:14px}#app .series-body{padding:20px}#app .language-badge{flex-wrap:wrap}#app .series-subtitle{font-size:12px}#app .profile-summary{gap:12px}#app .qr-wrap{padding:20px}#app .qr-wrap .invite-code{font-size:19px}#app .history-game-heading .page-title{font-size:25px}#app .history-game-panel{padding:16px}#app .rating-scale{gap:4px}#app .rating-option{padding:12px 2px;border-radius:12px}#app .rating-option small{font-size:11px}#app .history-row{gap:8px}#app .auth-page{padding:40px 24px}#app .auth-brand{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Mantener el marcador y el botón fuera de la descripción del destacado. */
#app .featured-series .featured-poster.poster-fallback{display:grid;place-items:center;width:100%;height:auto;min-height:200px;aspect-ratio:1.65;font-size:28px}
#app .featured-series .featured-save{top:16px;bottom:auto;right:16px}

#app .streaming-availability{min-width:0;width:100%}#app .streaming-services{margin:8px 0 16px;overflow-wrap:anywhere}#app .streaming-links{display:flex;flex-wrap:wrap;gap:12px}#app .streaming-links .button{max-width:100%;white-space:normal;text-align:center}#app .streaming-availability .small-note{margin:12px 0 0}#app .decision-actions .streaming-links{flex-direction:column}#app .decision-actions .streaming-services{color:var(--piloto-muted)}

/* Streaming: marcas originales dentro de controles de Piloto. */
#app .streaming-availability .streaming-links{margin-top:16px;gap:12px;align-items:center}
#app .streaming-platform-link{display:inline-grid;place-items:center;flex:0 0 64px;width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;padding:7px;border:1px solid var(--piloto-border);border-radius:16px;background:var(--piloto-ink);color:var(--piloto-paper);text-decoration:none;box-shadow:none;transition:border-color .15s,background .15s,transform .15s}
#app .streaming-platform-link:hover{border-color:var(--piloto-lime);background:var(--piloto-hover)}
#app .streaming-platform-link:active{transform:scale(.96)}
#app .streaming-platform-link:focus-visible{outline:3px solid var(--piloto-lime);outline-offset:4px}
#app .streaming-platform-link .streaming-platform-logo{display:block;flex:none;width:48px;height:48px;max-width:48px;max-height:48px;aspect-ratio:1;object-fit:contain;border:0;border-radius:10px;filter:none;transform:none;background:none}
#app .streaming-platform-fallback{font:600 11px/1.2 var(--font-ui);text-align:center;overflow-wrap:anywhere}
#app .decision-actions .streaming-links{flex-direction:row;justify-content:center}