/* Stránka vyzdvihnutia personalizovaného prípadu (Fable, 2. 10. 2026): papierový spis ako produkt, bez menu obchodu.
   Farby a písma z PDF prípadu (papier, atrament, tehla; ARLing Sans, ARLing Serif, Courier Prime). */
@font-face { font-family: "ARLing Sans"; src: url(/fonts/arling-sans.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "ARLing Serif"; src: url(/fonts/arling-serif.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Courier Prime"; src: url(/games/unscored/fonty/courier-prime-700.woff2) format("woff2"); font-weight: 700; font-display: swap; }
:root { --papier: #efe7d7; --list: #fbf7ee; --atrament: #1b1917; --tehla: #a8321a; --tlmene: #5d574e; --linka: #d8cfbe; color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--papier); color: var(--atrament); font: 17px/1.55 "ARLing Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
.case-top, .case, .case-pata { width: 100%; max-width: 680px; margin: 0 auto; padding-inline: 16px; }
.case-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; padding-block: 22px 0; font-family: "Courier Prime", ui-monospace, monospace; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: 12px; }
.case-top .stitok { color: var(--tlmene); }
.case { padding-block: clamp(20px, 5vw, 48px) 32px; }
.spis { position: relative; background: var(--list); border: 1px solid var(--linka); border-radius: 6px; padding: clamp(22px, 5vw, 44px); box-shadow: 0 1px 0 rgba(27, 25, 23, .04), 0 18px 40px -26px rgba(27, 25, 23, .35); }
.pecat { position: absolute; right: clamp(14px, 4vw, 30px); top: clamp(14px, 4vw, 26px); transform: rotate(-8deg); border: 2px solid var(--tehla); color: var(--tehla); font: 700 13px/1 "Courier Prime", ui-monospace, monospace; letter-spacing: .14em; padding: 6px 10px; opacity: .85; }
.case-kick { text-wrap: balance; font-family: "Courier Prime", ui-monospace, monospace; font-weight: 700; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--tehla); margin: 0 0 12px; padding-right: 110px; }
.case h1 { font-family: "ARLing Serif", Georgia, "Times New Roman", serif; font-weight: 600; font-size: clamp(34px, 7vw, 50px); line-height: 1.04; letter-spacing: -.01em; margin: 0 0 14px; text-wrap: balance; }
.case-lead { margin: 0 0 24px; color: var(--tlmene); font-size: 18px; max-width: 34em; }
.case-form { display: grid; gap: 8px; margin: 0 0 16px; }
.case-form label { font-weight: 700; font-size: 15px; margin-top: 8px; }
.case-form input, .case-form textarea { font: inherit; font-size: 18px; padding: 12px 14px; border-radius: 6px; border: 1.5px solid var(--atrament); background: #fff; color: var(--atrament); min-width: 0; width: 100%; }
.case-form input::placeholder, .case-form textarea::placeholder { color: #9a9286; }
.case-form input:focus-visible, .case-form textarea:focus-visible { outline: 3px solid rgba(168, 50, 26, .35); outline-offset: 1px; }
.case-form button { margin-top: 16px; justify-self: start; font: inherit; font-weight: 700; font-size: 17px; padding: 13px 26px; border-radius: 999px; border: 0; background: var(--atrament); color: var(--list); cursor: pointer; }
.case-form button:hover { background: var(--tehla); }
.case-form button:disabled { opacity: .6; cursor: progress; }
.case-vysledok { min-height: 1.5em; font-size: 17px; line-height: 1.5; }
.case-vysledok:empty { min-height: 0; }
.case-vysledok.zle { color: var(--tehla); }
.case-vysledok.hotovo { margin-top: 8px; padding: 16px 18px; border-radius: 6px; border: 1.5px solid var(--atrament); background: #fff; }
.case-vysledok p { margin: 0; }
.case-vysledok ul { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 10px; }
.case-vysledok a { font-weight: 700; color: var(--tehla); text-underline-offset: 3px; }
.case-vysledok span { color: var(--tlmene); }
.case-pomoc { padding: 8px 4px 0; }
.case-pomoc h2 { font-size: 17px; line-height: 1.3; margin: 22px 0 4px; }
.case-pomoc p { margin: 0; color: var(--tlmene); }
.case-pomoc a { color: var(--atrament); text-underline-offset: 3px; }
.case-pata { padding-block: 26px 40px; color: var(--tlmene); font-size: 14px; border-top: 1px solid var(--linka); }
.case-pata p { margin: 4px 0; }
.case-pata a { color: var(--atrament); }
.case-form textarea { resize: vertical; line-height: 1.45; }
.case-oprava { margin-top: 14px; padding-top: 6px; border-top: 1px dashed var(--linka); }
.case-tip { margin: 0; color: var(--tlmene); font-size: 15px; }
.case-vysledok p + p { margin-top: 10px; }
.case-vysledok .pozn { color: var(--tlmene); font-size: 16px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--linka); }
.case-form[hidden] { display: none; }
/* Overenie pred spustením 3. 10.: viac prípadov v objednávke, odkazy na PDF ako riadky aspoň 44 px na palec,
   odkaz na jednu opravu mien, stav formulára hneď nad tlačidlom (na mobile bol výsledok 530 px nad ním). */
.case-vysledok:focus { outline: none; }
.case-vysledok > p.zle { color: var(--tehla); }
.case-vysledok .pripad + .pripad, .case-vysledok .pripad + .pozn { margin-top: 14px; }
.case-vysledok .pripad.hotovo { padding: 16px 18px; border-radius: 6px; border: 1.5px solid var(--atrament); background: #fff; }
.case-vysledok .pripad.zle > p:not(.pozn) { color: var(--tehla); }
.case-vysledok .pripad-nazov { font: 700 12px/1.3 "Courier Prime", ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--tlmene); margin: 0 0 8px; }
.case-vysledok ul { gap: 0; }
.case-vysledok li { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; border-top: 1px solid var(--linka); }
.case-vysledok li:first-child { border-top: 0; }
.case-vysledok li a { flex: 1; display: flex; align-items: center; min-height: 44px; }
.case-vysledok li span { font-size: 15px; white-space: nowrap; }
.case-odkaz { display: block; margin-top: 10px; min-height: 44px; padding: 10px 0; border: 0; background: none; font: inherit; font-size: 16px; font-weight: 700; color: var(--atrament); text-align: left; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.case-odkaz:hover { color: var(--tehla); }
.case-odkaz:focus-visible { outline: 3px solid rgba(168, 50, 26, .35); outline-offset: 2px; border-radius: 4px; }
.case-cas { margin: 6px 0 0; color: var(--tlmene); font-size: 14px; }
.case-cas:empty { display: none; }
.oprava-uvod { margin: 6px 0 0; font-size: 16px; color: var(--atrament); }
.oprava-uvod:empty { display: none; }
.oprava-stav { margin: 10px 0 0; font-size: 16px; line-height: 1.5; }
.oprava-stav:empty { display: none; }
.oprava-stav.zle { color: var(--tehla); }
/* Druhý produkt, krížovka z vlastných slov (Claude 2, relácia 105, 3. 10. 2026): voľba produktu nad formulárom
   (dve tlačidlá aspoň 44 px, zvolené je plné a má značku, nie len farbu), počítadlo slov pri formulári krížovky. */
.case-volba { border: 0; padding: 0; margin: 0 0 6px; min-width: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.case-volba legend { padding: 0; margin: 0 0 8px; font-weight: 700; font-size: 15px; }
.case-form .case-volba label { margin: 0; font-weight: 600; font-size: 16px; position: relative; display: block; cursor: pointer; }
.case-form .case-volba input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; cursor: pointer; }
.case-volba span { display: flex; align-items: center; min-height: 44px; padding: 8px 18px; border-radius: 999px; border: 1.5px solid var(--atrament); background: #fff; color: var(--atrament); }
.case-volba input:checked + span { background: var(--atrament); color: var(--list); }
.case-volba input:checked + span::before { content: "\2713"; margin-right: 8px; font-weight: 700; }
.case-volba input:focus-visible + span { outline: 3px solid rgba(168, 50, 26, .35); outline-offset: 2px; }
.case-pocet { font-weight: 700; }
.case-pocet:empty { display: none; }
.case-pocet.dost { color: var(--atrament); }
.case-pocet.dost::before { content: "\2713\00a0"; }
.case-pomoc [hidden] { display: none; }
/* Tretí produkt, adventná hra (Claude 2, relácia 115b, 8. 10. 2026): dve voľby (list, súrodenci) ako select v štýle polí. */
.case-form select { font: inherit; font-size: 18px; padding: 12px 40px 12px 14px; border-radius: 6px; border: 1.5px solid var(--atrament); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231b1917' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center; color: var(--atrament); min-width: 0; width: 100%; min-height: 48px; appearance: none; }
.case-form select:focus-visible { outline: 3px solid rgba(168, 50, 26, .35); outline-offset: 1px; }