:root{--bg: #0f1015;--surface: #1b1d26;--surface-hi: #262936;--text: #f2f1ee;--muted: #9a9aa8;--accent: #ffc53d;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{max-width:32rem;margin:0 auto;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;gap:1rem}.screen--intro{min-height:72svh;justify-content:center;text-align:center}.logo{margin:0;font-size:2rem;letter-spacing:-.02em}.lead{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.5}.button{border:0;border-radius:var(--radius);padding:1rem 1.5rem;font:inherit;font-weight:600;cursor:pointer;min-height:3.25rem}.button--primary{background:var(--accent);color:#1a1508}.button--secondary{background:var(--surface-hi);color:var(--text)}.link{background:none;border:0;color:var(--muted);font:inherit;text-decoration:underline;padding:.75rem;cursor:pointer}.duel__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.duel__question{margin:0;font-size:1.25rem}.duel__count,.duel__note,.duel__hint{margin:0;color:var(--muted);font-size:.85rem;text-align:center}.screen--duel{height:calc(100svh - 3rem - env(safe-area-inset-bottom))}.duel__films{display:grid;grid-auto-rows:1fr;gap:.75rem;flex:1;min-height:0}.film{display:grid;grid-template-rows:1fr auto;gap:.4rem;background:var(--surface);border:0;border-radius:var(--radius);padding:.75rem;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:0}.film:active{background:var(--surface-hi)}.film__caption{display:flex;align-items:baseline;justify-content:center;gap:.4rem;text-align:center}.film__title{font-weight:600;font-size:1rem}.film__year{color:var(--muted);font-size:.85rem}.film__slot{position:relative;min-height:0}.poster{position:absolute;inset:0;margin:auto;max-height:100%;max-width:100%;object-fit:contain;border-radius:10px;background:var(--surface-hi)}.poster--placeholder{display:grid;place-items:center;height:100%;aspect-ratio:2 / 3;padding:.5rem;text-align:center;color:var(--muted);font-size:.8rem}.duel__result{display:grid;gap:.5rem}.screen--result{gap:1.5rem}.result__head{display:grid;gap:.4rem;text-align:center;padding-top:1rem}.result__eyebrow{margin:0;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.result__archetype{margin:0;font-size:1.9rem;letter-spacing:-.02em}.result__line{margin:0;color:var(--accent);font-size:.95rem}.result__note{margin:0;color:var(--muted);font-size:.85rem;text-align:center}.block{display:grid;gap:.75rem}.block h3{margin:0;font-size:1.05rem}.map{justify-self:center;border-radius:var(--radius)}.tips{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.tip{display:grid;grid-template-columns:5rem 1fr;gap:.75rem;background:var(--surface);border-radius:var(--radius);padding:.6rem}.tip__poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px;background:var(--surface-hi)}.tip__poster--placeholder{display:grid;place-items:center;padding:.4rem;text-align:center;color:var(--muted);font-size:.7rem}.tip__body{display:grid;align-content:start;gap:.25rem}.tip__badge{justify-self:start;background:var(--accent);color:#1a1508;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:600}.tip__title{font-weight:600}.tip__year{color:var(--muted);font-size:.85rem}.tip__providers{margin:.15rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem}.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--surface-hi);border-radius:999px;padding:.15rem .5rem .15rem .2rem;font-size:.72rem;color:var(--muted)}.chip--streaming{color:var(--text)}.chip__logo{width:1.1rem;height:1.1rem;border-radius:50%;object-fit:cover}.tip__link{justify-self:start;color:var(--accent);font-size:.85rem;padding:.4rem 0}.actions{display:grid;gap:.5rem}.inspiruj-badge{margin-top:2rem}@media(min-width:40rem){.duel__films{grid-template-columns:1fr 1fr}}