@font-face{font-family:Anton;src:url('/assets/fonts/anton.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans.ttf') format('truetype');font-display:swap;font-weight:100 1000}
:root{--ink:#101010;--paper:#fffef7;--pink:#f633c4;--yellow:#ffe33b;--green:#12aa58;--muted:#a4a49c;--surface:#222;color-scheme:dark;font-family:'DM Sans',sans-serif;color:var(--paper);background:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pink);outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}a{color:inherit}button img{pointer-events:none}[hidden]{display:none!important}.wrap{width:min(864px,calc(100% - 32px));margin-inline:auto}.app{height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden}.masthead{height:82px;flex-shrink:0;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;position:relative}.motto{font-size:10px;font-weight:700;color:var(--muted)}.brand{display:block;position:relative;width:158px;height:68px;overflow:hidden;mix-blend-mode:lighten;justify-self:center}.brand img{position:absolute;width:109.51%;max-width:none;height:auto;left:-5.56%;top:-8.63%}.header-tools{justify-self:end;display:flex;align-items:center;gap:12px}.help{display:flex;align-items:center;justify-content:center;background:none;width:28px;height:32px;font-size:0}.help img{width:19px;height:19px;filter:invert(1)}.categories{display:flex;background:var(--paper);color:var(--ink);padding:3px;border-radius:12px;gap:2px;width:180px;height:36px}.categories button{background:transparent;color:var(--ink);border-radius:9px;flex:1;font-size:12px;font-weight:800}.categories button[aria-pressed=true]{background:var(--yellow)}.categories button:disabled{opacity:.65}.locked-category{background:var(--paper);color:var(--ink);padding:9px 16px;border-radius:10px;font-size:12px;font-weight:700}.game{flex:1;min-height:0;display:flex;flex-direction:column}.fixed-game{flex-shrink:0}.topic-panel{border-radius:22px;background:var(--pink) url('/assets/icons/waves.svg') center/cover;min-height:154px;display:flex;align-items:center;padding:16px 40px 16px 28px;gap:24px;color:var(--ink);overflow:hidden}.topic-copy{flex:1;min-width:0}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800}.topic-copy h1{display:table;max-width:100%;font-family:Anton,sans-serif;font-size:clamp(38px,6.7vw,86px);font-weight:400;line-height:1.14;letter-spacing:-.01em;color:var(--paper);background:url('/assets/icons/label.svg') center/100% 100%;padding:4px 14px 7px 6px;margin-left:-6px;transform:rotate(-1.5deg);overflow-wrap:anywhere}.topic-copy h1.long{font-size:clamp(30px,4.8vw,62px)}.topic-hint{display:none;font-size:12px;margin-top:8px}.dice{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:64px;height:64px;border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:12px;background:var(--yellow);color:var(--ink);font-size:9px;font-weight:800}.dice img{width:26px;height:26px}.dice:disabled{opacity:.6}.dice.rolling img{animation:roll .35s ease}.selection-heading{display:flex;justify-content:space-between;margin:16px 0 12px;font-size:12px;font-weight:800}.selection-heading #count{color:var(--yellow)}.selection-row{display:flex;gap:36px;align-items:center}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:460px;flex-shrink:0}.slot{aspect-ratio:1;min-width:0;position:relative;border-radius:10px;background:var(--surface);border:1px dashed var(--muted);padding:0;overflow:hidden;color:var(--muted);font:24px Anton}.slot.filled{border:3px solid var(--yellow);cursor:grab}.slot img{width:100%;height:100%;object-fit:cover}.slot .position{position:absolute;top:2px;left:2px;background:var(--ink);color:var(--paper);font:700 10px 'DM Sans';border-radius:4px;padding:2px 5px}.slot.active{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink);transform:translateY(-2px)}.slot.drag-over{border-color:var(--green)}.selection-help{font-size:12px;color:var(--muted);line-height:1.5;max-width:250px}.reorder-hint{font-size:10px;line-height:16px;color:var(--muted);margin:7px 0 4px;min-height:16px}.deck-section{display:flex;flex-direction:column;min-height:0;flex:1;gap:8px}.rules{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--yellow);color:var(--ink);font-size:14px;line-height:20px;min-height:72px}.rules>img{flex-shrink:0;width:24px;height:24px}.rules p{flex:1}.rules button{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:transparent;padding:0}.deck-heading{display:flex;justify-content:space-between;font-size:11px;line-height:16px;font-weight:800}.deck-heading span:last-child{color:var(--muted)}.deck{overflow-y:auto;overscroll-behavior:contain;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-content:start;padding:3px 3px 24px;scrollbar-width:thin;scrollbar-color:var(--muted) var(--ink)}.card{padding:0;position:relative;aspect-ratio:1;border-radius:17px;overflow:hidden;background:var(--surface);isolation:isolate;transition:box-shadow .15s,transform .15s}.card img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.card:hover img{transform:scale(1.035)}.card[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--yellow),0 0 0 2px var(--yellow)}.card[aria-pressed=true]:after{content:'';position:absolute;inset:0;border:4px solid var(--yellow);border-radius:inherit;pointer-events:none}.card-number{position:absolute;top:10px;left:10px;background:var(--ink);color:var(--paper);padding:5px 8px;font-size:11px;font-weight:700;border-radius:7px}.chosen-position{position:absolute;bottom:10px;right:10px;background:var(--yellow);color:var(--ink);font-weight:800;font-size:12px;padding:5px 9px;border-radius:7px}.footer{flex-shrink:0;background:var(--ink);border-top:1px solid var(--surface);padding:18px 0 max(18px,env(safe-area-inset-bottom))}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-copy h2{font:23px Anton}.footer-copy p{font-size:13px;color:var(--muted);margin-top:7px}.primary{background:var(--yellow);color:var(--ink);border-radius:14px;min-height:60px;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:14px;font:25px Anton;text-decoration:none}.primary:disabled{background:var(--surface);color:var(--muted)}.footer .primary{min-width:270px}.mobile-footer-hint{display:none}.secondary{border:1px solid currentColor;border-radius:12px;background:transparent;padding:12px 18px;font-weight:800}.text-link{display:inline-block;margin-top:20px;font-size:14px;text-underline-offset:4px}.waiting,.results,.error-view{min-height:0;flex:1;overflow-y:auto;padding:18px 0 36px}.waiting-hero{background:var(--green);padding:32px;border-radius:22px;color:var(--ink)}.waiting h1,.results h1,.error-view h1{font:42px Anton;margin-bottom:12px}.waiting-hero p{font-size:15px;line-height:1.6}.waiting-hero .primary{display:inline-flex;margin-top:22px}.waiting-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.waiting-cards img{aspect-ratio:1;object-fit:cover;border:3px solid var(--yellow);border-radius:12px;width:100%}.waiting h2{font:28px Anton}.waiting-subtitle{font-size:14px;color:var(--muted);margin:10px 0 16px;line-height:1.5}.responses{display:grid;gap:10px}.response{background:var(--surface);padding:18px 20px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;text-align:left}.response strong{font:30px Anton;color:var(--yellow)}.results-heading{display:flex;justify-content:space-between;align-items:center}.results-heading span{color:var(--green);font-size:11px;font-weight:800}.match-meter{padding:24px 28px;background:var(--pink);border-radius:22px;color:var(--ink);margin:4px 0 18px}.match-topic{font-size:12px;font-weight:800;text-transform:uppercase}.match-number{display:flex;align-items:center;gap:20px;margin:10px 0 12px}.match-number>strong{font:112px/1 Anton;color:var(--paper)}.match-number h2{font:42px Anton}.match-number p{font-size:14px;font-weight:800;margin-top:4px}.meter-track{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.meter-track span{height:12px;background:#a41e83;border-radius:4px}.meter-track span.on{background:var(--yellow)}.match-tagline{font-size:11px;font-weight:800;margin-top:12px}.legend{font-size:12px;color:var(--muted);margin:0 0 20px}.compare-head,.compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center}.compare-head{font-size:12px;font-weight:800;margin-bottom:10px}.compare-head span:last-child{text-align:right}.comparison{display:grid;gap:14px}.compare-row figure{margin:0;position:relative;width:100%;max-width:180px;aspect-ratio:1;border:4px solid var(--muted);border-radius:14px;overflow:hidden}.compare-row figure:last-child{justify-self:end}.compare-row img{width:100%;height:100%;object-fit:cover}.compare-row figcaption{position:absolute;top:4px;left:4px;border-radius:5px;padding:3px 6px;background:var(--ink);font-size:11px}.compare-row figure.exact{border-color:var(--green)}.compare-row figure.partial{border-color:var(--yellow)}.row-score{text-align:center;display:grid;gap:7px}.row-score small{font-size:10px;color:var(--muted)}.row-score strong{font:32px Anton;color:var(--muted)}.row-score strong.exact{color:var(--green)}.row-score strong.partial{color:var(--yellow)}.row-score p{font-size:10px;font-weight:700;line-height:1.5}.result-actions{display:flex;gap:12px;margin-top:26px}.result-actions>*{flex:1}.result-actions .secondary{display:flex;align-items:center;justify-content:center;text-decoration:none}.error-view{text-align:center;padding-top:70px}.error-view p{margin-bottom:24px;line-height:1.6}.error-view .primary{margin:auto}dialog{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:0;border-radius:22px;padding:32px 26px;background:var(--green);color:var(--ink);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font:34px Anton;line-height:1.15;margin:12px 0 16px}dialog p{font-size:14px;line-height:1.6}dialog .eyebrow{font-size:9px;padding-right:22px}dialog label{display:block;font-size:12px;font-weight:800;margin-top:22px}dialog input{width:100%;padding:12px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:10px;margin:7px 0 14px;font-size:13px}dialog .primary,dialog .secondary{width:100%;margin-top:10px}.dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:7px;background:transparent}.dialog-close img{width:18px;height:18px}#shareStatus{min-height:23px;margin-top:12px}#helpDialog{background:var(--yellow)}#helpDialog p+p{margin-top:14px}.score-explainer{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:14px;margin-top:22px}.score-explainer b{font:28px Anton}.score-explainer span{font-size:13px}#toast{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);z-index:10;width:max-content;max-width:calc(100% - 32px);padding:13px 20px;border-radius:12px;border:1px solid var(--yellow);background:var(--ink);color:var(--paper);font-size:13px;text-align:center;box-shadow:0 4px 24px #0008}.app.result-mode .masthead{height:78px}.app.result-mode .categories{display:none}.app.result-mode .motto{visibility:hidden}@keyframes roll{to{transform:rotate(180deg)}}
@media(max-width:640px){.wrap{width:calc(100% - 24px)}.masthead{height:96px;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:8px}.motto{display:none}.brand{width:140px;height:60px;align-self:center;margin:7px 0 0 4px}.header-tools{height:80px;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:5px}.help{height:27px;width:auto;gap:5px;font-size:10px;color:var(--muted)}.help img{width:14px;height:14px}.categories{width:180px}.topic-panel{min-height:128px;padding:12px 16px;gap:12px;border-radius:18px}.topic-copy .eyebrow{font-size:9px;letter-spacing:1.08px}.topic-copy h1{font-size:clamp(29px,12.7vw,54px);padding:4px 8px 7px 4px;line-height:1.12;margin-top:2px;margin-left:-4px}.topic-copy h1.long{font-size:clamp(24px,8vw,37px)}.topic-hint{display:block;font-size:11px;margin-top:7px;white-space:nowrap}.dice{width:58px;height:68px;gap:7px}.selection-heading{font-size:10px;margin:14px 4px 10px}.selection-row{display:block}.slots{width:100%;gap:8px}.slot{font-size:20px}.selection-help{display:none}.reorder-hint{font-size:9px;margin:5px 3px 6px;line-height:12px;min-height:12px}.rules{font-size:12px;line-height:16px;gap:8px;padding:12px;border-radius:12px;min-height:80px;align-items:flex-start}.rules>img{width:20px;height:20px}.rules button{width:24px;height:24px}.deck-heading{font-size:10px;line-height:14px}.deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:18px}.card{border-radius:12px}.card-number{font-size:8px;top:5px;left:5px;padding:3px 5px;border-radius:4px}.chosen-position{font-size:9px;bottom:5px;right:5px;padding:3px 5px}.card[aria-pressed=true]:after{border-width:3px}.footer{padding:12px 0 max(14px,env(safe-area-inset-bottom))}.footer-inner{display:block}.footer-copy{display:none}.footer .primary{width:100%;min-height:52px;font-size:20px;border-radius:12px;padding:10px 12px}.mobile-footer-hint{display:block;text-align:center;font-size:11px;color:var(--muted);margin-top:12px}.waiting,.results{padding-top:8px}.waiting-hero{padding:22px}.waiting h1,.results h1{font-size:30px}.waiting-hero p{font-size:13px}.waiting .primary{font-size:21px;width:100%}.waiting-cards{gap:7px}.waiting h2{font-size:25px}.waiting-subtitle{font-size:12px}.results-heading span{font-size:9px}.match-meter{padding:18px 16px;border-radius:20px}.match-number{gap:14px;margin:14px 0 10px}.match-number>strong{font-size:88px}.match-number h2{font-size:30px}.match-number p{font-size:12px}.match-tagline{font-size:9px}.meter-track span{height:10px}.legend{font-size:10px;margin-bottom:12px}.compare-head,.compare-row{grid-template-columns:84px 1fr 84px;gap:10px}.compare-row figure{border-width:3px;border-radius:9px}.comparison{gap:12px}.row-score{gap:4px}.row-score strong{font-size:26px}.row-score small{font-size:9px}.row-score p{font-size:9px}.result-actions{flex-direction:column;gap:10px}.result-actions .primary{min-height:52px;font-size:23px}.app.result-mode .masthead{height:66px}.app.result-mode .brand{width:120px;height:52px;margin:0}.app.result-mode .header-tools{height:52px;justify-content:center}.app.result-mode .locked-category{display:none}.error-view h1{font-size:40px}}
@media(max-width:360px){.categories{width:160px}.brand{width:122px;height:53px}.topic-panel{padding-inline:12px;gap:8px}.dice{width:48px;height:60px}.rules{font-size:11px;line-height:15px;padding:10px}.compare-head,.compare-row{grid-template-columns:76px 1fr 76px}.slots{gap:6px}.topic-hint{font-size:10px}.match-number>strong{font-size:74px}}
@media(max-height:720px) and (max-width:640px){.masthead{height:78px}.brand{width:125px;height:54px}.header-tools{height:68px}.topic-panel{min-height:106px}.topic-copy h1{font-size:38px}.topic-copy h1.long{font-size:27px}.topic-hint{margin-top:3px}.selection-heading{margin-top:10px;margin-bottom:7px}.slots{max-width:330px;margin:auto}.reorder-hint{margin-bottom:4px}.rules{padding:9px;min-height:64px;font-size:11px;line-height:14px}.footer{padding-top:9px;padding-bottom:10px}.mobile-footer-hint{margin-top:7px}}
.deck{grid-auto-rows:max-content}.card{width:100%;align-self:start}.card>img{position:absolute;inset:0}
@media(min-width:641px){.results{padding-top:10px}.results-heading{justify-content:flex-end;margin-bottom:8px}.results-heading h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.match-meter{margin-top:0}.comparison{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.compare-row{display:flex;flex-direction:column;gap:12px;min-width:0}.compare-row figure{max-width:none;flex-shrink:0;border-width:3px}.row-score{min-height:74px;display:flex;flex-direction:column;justify-content:center;gap:4px}.row-score strong{font-size:26px}.row-score p{font-size:9px}.compare-head{display:flex;justify-content:space-between}.compare-head span:first-child:after{content:' · FELSŐ SOR';color:var(--muted)}.compare-head span:last-child:after{content:' · ALSÓ SOR';color:var(--muted)}.result-actions{margin-top:22px}.result-actions>*{max-width:300px}.result-actions{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Match Mérő: the position label sits above the card, outside its image. */
.compare-row figure{display:flex;flex-direction:column;aspect-ratio:auto;border-width:0;overflow:visible}
.compare-row figure img{aspect-ratio:1;height:auto;border:3px solid;border-color:inherit;border-radius:inherit}
.compare-row figcaption{position:static;order:-1;background:transparent;color:var(--muted);padding:0;margin-bottom:6px;text-align:center;line-height:16px}

.result-share{width:100%;margin-top:24px;font-size:clamp(18px,4.7vw,25px)}

/* The rules and card grid share one scrolling area. */
.deck-section{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) var(--ink)}
.deck-section>.rules,.deck-section>.deck-heading{flex-shrink:0}
.deck-section>.deck{overflow:visible;min-height:auto;flex-shrink:0}

.legal-footer{flex-shrink:0;text-align:center;padding:4px 12px max(6px,env(safe-area-inset-bottom));background:var(--ink);font-size:10px;line-height:16px;color:var(--muted)}
.legal-footer a{display:inline-block;padding:2px 8px;text-underline-offset:3px}

.mobile-footer-row{display:none}
@media(max-width:640px){.mobile-footer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:clamp(9px,2.55vw,11px);line-height:16px;color:var(--muted)}.mobile-footer-row .mobile-footer-hint{margin:0;text-align:left;font-size:inherit}.mobile-footer-row>a{flex-shrink:0;text-align:right;text-underline-offset:3px}.app:not(.result-mode)>.legal-footer{display:none}}

.language-switch{display:flex;gap:2px;align-items:center;flex-shrink:0;font:700 11px 'DM Sans';padding:3px;background:var(--surface);border-radius:9px}.language-switch a{display:block;padding:5px 6px;border-radius:6px;text-decoration:none;color:var(--muted)}.language-switch a[aria-current=true]{background:var(--pink);color:var(--ink)}
html[lang=en] .compare-head span:first-child:after{content:' · TOP ROW'}html[lang=en] .compare-head span:last-child:after{content:' · BOTTOM ROW'}
@media(max-width:640px){.header-tools{display:grid;grid-template-columns:auto auto;grid-template-rows:30px 36px;column-gap:8px;row-gap:4px;height:auto}.header-tools>.language-switch{grid-column:1;grid-row:1;justify-self:start}.header-tools>.help{grid-column:2;grid-row:1;justify-self:end}.header-tools>.categories,.header-tools>.locked-category{grid-column:1 / -1;grid-row:2}.app.result-mode .header-tools{height:auto;grid-template-rows:30px}.language-switch{font-size:10px;padding:2px}.language-switch a{padding:3px 5px}html[lang=en] .compare-head span:first-child:after,html[lang=en] .compare-head span:last-child:after{content:none}.mobile-footer-row .mobile-footer-hint{min-width:0}.privacy-header{flex-wrap:wrap;gap:8px}.privacy-header .language-switch{margin-left:auto}}
@media(min-width:641px){.header-tools{gap:8px}.masthead{grid-template-columns:1fr 170px 1fr}.motto{max-width:220px}.footer-copy h2{font-size:21px}}
.rules-copy{flex:1;min-width:0}.rules-copy ol{margin:0;padding-left:20px}.rules-copy li+li{margin-top:6px}.rules-copy .rules-note{margin-top:12px;font-weight:700}.footer-copy{min-width:0}.footer .primary{flex-shrink:0}@media(max-width:640px){.mobile-footer-row{align-items:flex-end}.mobile-footer-row .mobile-footer-hint{line-height:1.5}}

@media(max-width:640px){.game.compact-topic .topic-panel{min-height:72px;padding:8px 12px;gap:12px;border-radius:14px}.game.compact-topic .topic-copy .eyebrow,.game.compact-topic .topic-hint{display:none}.game.compact-topic .topic-copy h1{font-size:28px;line-height:1.12;margin-top:0;padding-block:3px 5px}.game.compact-topic .topic-copy h1.long{font-size:22px}.game.compact-topic .dice{width:48px;height:48px;min-width:44px;min-height:44px;gap:3px;border-radius:10px}.game.compact-topic .dice img{width:20px;height:20px}}
@media(max-width:640px){.game.compact-topic .dice span{white-space:nowrap;font-size:8px}}