: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;padding-top:1.5rem}.rules{display:grid;gap:.55rem;margin:0;padding:1rem 1.1rem 1rem 2.3rem;background:var(--surface);border-radius:var(--radius);text-align:left;font-size:.9rem;line-height:1.45}.rules li::marker{color:var(--accent);font-weight:600}.screen--mood{gap:1.25rem;padding-top:1rem}.mood__head{display:grid;gap:.3rem;text-align:center}.mood__title{margin:0;font-size:1.6rem}.mood__block{border:0;margin:0;padding:0;display:grid;gap:.5rem}.mood__label{padding:0;font-weight:600;font-size:.95rem}.mood__options{display:flex;flex-wrap:wrap;gap:.4rem}.pill{flex:1 1 auto;background:var(--surface);border:1px solid transparent;border-radius:999px;padding:.6rem .9rem;color:var(--muted);font:inherit;font-size:.88rem;cursor:pointer;min-height:2.75rem}.pill--on{background:var(--surface-hi);border-color:var(--accent);color:var(--text);font-weight:600}.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-template-rows:1fr auto 1fr;gap:.5rem;flex:1;min-height:0}.film{display:grid;grid-template-rows:1fr auto;gap:.4rem;background:none;border:0;border-radius:var(--radius);padding:0;color:inherit;font:inherit;cursor:pointer;min-height:0}.film:active{opacity:.6}.skip{justify-self:center;align-self:center;background:none;border:1px solid var(--surface-hi);border-radius:999px;padding:.4rem 1.1rem;color:var(--muted);font:inherit;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.skip:active{background:var(--surface-hi);color:var(--text)}.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;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tip__badge--jistota{background:var(--surface-hi);color:var(--muted)}.tip__badge--objev{background:var(--accent);color:#1a1508}.tip__meta{display:flex;gap:.5rem}.result__note--left{text-align:left}.link--inline{padding:0;font-size:inherit}.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;margin-top:.15rem;color:var(--accent);font-size:.85rem;font-weight:600;text-decoration:none;border:1px solid var(--surface-hi);border-radius:999px;padding:.45rem .8rem}.tip__link:active{background:var(--surface-hi)}.actions{display:grid;gap:.5rem}.inspiruj-badge{margin-top:2rem}@media(min-width:40rem){#app{max-width:58rem}.screen--intro,.screen--mood,.screen--result,.inspiruj-badge{width:100%;max-width:32rem;margin-inline:auto}.duel__films{grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;gap:1.5rem}.film{align-content:end}}