*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input{font:inherit}h1,h2,h3,h4{margin:0;line-height:1.2}p{margin:0}a{color:inherit}#app{min-height:100vh;display:flex;flex-direction:column}:root{--bg: #0a0a0f;--bg-elev: #14141c;--bg-elev-2: #1e1e2a;--border: #2a2a36;--text: #f5f5f5;--text-muted: #8a8a96;--accent: #e50914;--accent-hover: #ff1f2c;--accent-soft: rgba(229, 9, 20, .15);--success: #46d369;--danger: #e87c03;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 12px 32px rgba(0, 0, 0, .45);--shadow-poster: 0 20px 48px rgba(0, 0, 0, .6);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--max-width: 1200px}.shell{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-5) var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-5)}.shell--center{align-items:center;justify-content:center;text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.topbar__brand{font-weight:700;letter-spacing:.02em;font-size:18px;background:none}.topbar__brand .accent{color:var(--accent)}.topbar__back{color:var(--text-muted);font-size:14px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.topbar__back:hover{color:var(--text);background:var(--bg-elev)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:600;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);transition:background .15s ease,transform .1s ease,border-color .15s ease}.btn:hover{background:var(--bg-elev-2);border-color:var(--text-muted)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary[disabled]{background:var(--bg-elev);border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover{color:var(--text);background:var(--bg-elev)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:18px}.home{text-align:center;padding:var(--space-7) var(--space-4)}.home__title{font-size:clamp(28px,6vw,48px);margin-bottom:var(--space-3)}.home__title .accent{color:var(--accent)}.home__sub{color:var(--text-muted);max-width:520px;margin:0 auto var(--space-7)}.mode-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:720px;margin:0 auto}@media (min-width: 640px){.mode-grid{grid-template-columns:1fr 1fr}}.mode-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left;display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mode-card:hover{transform:translateY(-4px);border-color:var(--accent);background:var(--bg-elev-2)}.mode-card__title{font-size:22px;font-weight:700}.mode-card__desc{color:var(--text-muted);font-size:14px}.search-bar{position:relative}.search-bar__input{width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:16px;outline:none;transition:border-color .15s ease}.search-bar__input:focus{border-color:var(--accent)}.search-bar__input::placeholder{color:var(--text-muted)}.select-layout{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 960px){.select-layout{grid-template-columns:1fr 320px}}.results{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.movie-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease}.movie-card:hover{transform:translateY(-3px);border-color:var(--text-muted)}.movie-card__poster{aspect-ratio:2 / 3;background:var(--bg-elev-2);background-size:cover;background-position:center}.movie-card__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.movie-card__title{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-card__meta{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.movie-card__add{margin-top:auto;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);text-align:center;font-size:13px;font-weight:600;transition:background .15s ease}.movie-card__add:hover{background:var(--accent);color:#fff}.movie-card__add--added{background:transparent;color:var(--success);border:1px solid var(--success)}.basket{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);position:sticky;top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);max-height:calc(100vh - var(--space-7))}.basket__header{display:flex;justify-content:space-between;align-items:baseline}.basket__title{font-size:16px;font-weight:700}.basket__count{color:var(--text-muted);font-size:13px}.basket__list{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;flex:1;min-height:0}.basket__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm)}.basket__item:hover{background:var(--bg-elev-2)}.basket__thumb{width:36px;height:54px;border-radius:var(--radius-sm);background-size:cover;background-position:center;background-color:var(--bg-elev-2);flex-shrink:0}.basket__item-title{flex:1;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.basket__remove{color:var(--text-muted);font-size:18px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.basket__remove:hover{color:var(--accent);background:var(--accent-soft)}.basket__empty{color:var(--text-muted);font-size:13px;text-align:center;padding:var(--space-5) 0}.tournament{flex:1;display:flex;flex-direction:column;gap:var(--space-5)}.tournament__progress{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.duel{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;flex:1}@media (min-width: 640px){.duel{gap:var(--space-4)}}.duel-card{background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column}@media (min-width: 640px){.duel-card{border-radius:var(--radius-lg)}}.duel-card:hover,.duel-card:focus-visible{border-color:var(--accent);transform:translateY(-4px)}.duel-card__poster{aspect-ratio:2 / 3;background-size:cover;background-position:center;background-color:var(--bg-elev-2)}.duel-card__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}@media (min-width: 640px){.duel-card__body{padding:var(--space-4);gap:var(--space-2)}}.duel-card__title{font-size:14px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 640px){.duel-card__title{font-size:18px}}.duel-card__meta{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em}@media (min-width: 640px){.duel-card__meta{font-size:13px}}.duel__actions{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-3)}.duel-timer{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:var(--space-3)}.duel-timer__fill{height:100%;width:100%;background:var(--accent);transform-origin:left center;animation:duel-timer-countdown var(--duel-timer-duration, 25s) linear forwards}@keyframes duel-timer-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.quiz{flex:1;display:flex;flex-direction:column;gap:var(--space-6);max-width:720px;margin:0 auto;width:100%}.quiz__progress{display:flex;gap:var(--space-2)}.quiz__progress-step{flex:1;height:4px;background:var(--border);border-radius:2px}.quiz__progress-step--done{background:var(--accent)}.quiz__question{font-size:clamp(22px,4vw,32px);font-weight:700;text-align:center}.quiz__options{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 480px){.quiz__options{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.quiz__options--many{grid-template-columns:repeat(3,1fr)}}.quiz__option{padding:var(--space-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;font-weight:600;transition:border-color .15s ease,background .15s ease,transform .1s ease}.quiz__option:hover{border-color:var(--accent);background:var(--bg-elev-2)}.quiz__option:active{transform:scale(.98)}.quiz__actions{display:flex;justify-content:space-between;gap:var(--space-3)}.quiz__chip{padding:var(--space-3) var(--space-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:14px;font-weight:600;transition:border-color .15s ease,background .15s ease,color .15s ease}.quiz__chip:hover{border-color:var(--text-muted)}.quiz__chip--selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.quiz__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.result{flex:1;display:grid;gap:var(--space-6);grid-template-columns:1fr;align-items:center;padding:var(--space-5) 0}@media (min-width: 768px){.result{grid-template-columns:320px 1fr}}.result__poster{aspect-ratio:2 / 3;background-size:cover;background-position:center;background-color:var(--bg-elev);border-radius:var(--radius-lg);box-shadow:var(--shadow-poster);max-width:320px;margin:0 auto;width:100%}.result__title{font-size:clamp(28px,5vw,44px);font-weight:800;margin-bottom:var(--space-3)}.result__meta{color:var(--text-muted);font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.result__genres{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.result__genre{padding:var(--space-1) var(--space-3);background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:12px;font-weight:600}.result__overview{color:var(--text);font-size:15px;line-height:1.7;margin-bottom:var(--space-5)}.result__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.empty-state{text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.empty-state h2{color:var(--text);font-size:22px}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{display:flex;justify-content:center;padding:var(--space-7) 0}