@font-face{font-family:Wedding Sans;src:url(/gilroy-semi-bold.ttf)format("truetype");font-weight:600 800;font-display:swap}@font-face{font-family:Wedding Display;src:url(/EUR42.otf)format("opentype");font-weight:400 700;font-display:swap}:root{--color-background:#f4efe6;--color-surface:#fffdf8;--color-text:#24332d;--color-muted:#6b746f;--color-primary:#315f50;--color-primary-dark:#21463b;--color-secondary:#b88a58;--color-success:#39725d;--color-success-soft:#e1eee7;--color-error:#9b5148;--color-error-soft:#f4e4e0;--color-border:#d9d3c7;--color-gold-soft:#efe3d1;--space-1:.375rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;font-family:Wedding Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);overscroll-behavior-y:none;min-width:320px;min-height:100%}body{-webkit-tap-highlight-color:transparent;min-width:320px;min-height:100dvh;margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}h1,h2,p{margin-top:0}h1,h2{font-family:Wedding Display,Georgia,serif;font-weight:600;line-height:1.08}h1{letter-spacing:-.035em;font-size:clamp(2rem,8vw,3.25rem)}h2{font-size:1.45rem}.centered-page,.table-page{background:radial-gradient(circle at 10% 0%, #b88a581f, transparent 32rem), var(--color-background);min-height:100dvh}.centered-page{padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));place-items:center;display:grid}.message-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;width:min(100%,32rem);padding:clamp(2rem,8vw,4rem) clamp(1.5rem,6vw,3rem)}.message-card--error{border-color:color-mix(in srgb, var(--color-error), transparent 55%)}.message-card__body{color:var(--color-muted);line-height:1.65}.monogram,.screen-monogram,.table-header__mark{color:var(--color-secondary);letter-spacing:.14em;font-family:Wedding Display,Georgia,serif}.monogram{margin-bottom:var(--space-5);font-size:1.1rem}.loading-mark{width:2.5rem;height:2.5rem;margin:0 auto var(--space-4);border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:.9s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-mark{animation-duration:2s}}.eyebrow,.screen-kicker{margin-bottom:var(--space-2);color:var(--color-secondary);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700}.lead{color:var(--color-muted);font-size:1.08rem;line-height:1.55}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:3.25rem;padding:.8rem 1.35rem;font-weight:700;transition:background .15s,transform .15s}.primary-button{background:var(--color-primary);color:#fff}.primary-button:hover:not(:disabled){background:var(--color-primary-dark)}.secondary-button{border-color:var(--color-border);color:var(--color-text);background:0 0}.secondary-button:hover:not(:disabled){background:var(--color-background)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:wait}.primary-button--wide{width:100%;margin-top:var(--space-4)}.message-card .primary-button{margin-top:var(--space-3)}.button-row{gap:var(--space-2);grid-template-columns:1fr 1.35fr;display:grid}.connection-banner{z-index:20;top:max(var(--space-2), env(safe-area-inset-top));background:var(--color-error);color:#fff;text-align:center;border-radius:999px;width:max-content;max-width:calc(100% - 2rem);padding:.65rem 1rem;font-size:.85rem;position:fixed;left:50%;transform:translate(-50%)}.table-page{padding:env(safe-area-inset-top) env(safe-area-inset-right) max(var(--space-5), env(safe-area-inset-bottom)) env(safe-area-inset-left)}.table-header{z-index:10;width:min(100%,46rem);padding:1rem var(--space-3);justify-content:space-between;gap:var(--space-2);color:var(--color-muted);background:color-mix(in srgb, var(--color-background), transparent 8%);-webkit-backdrop-filter:blur(12px);margin:0 auto;font-size:.88rem;display:flex;position:sticky;top:0}.table-header>div{align-items:center;gap:var(--space-2);min-width:0;display:flex}.table-header>div span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-header strong{color:var(--color-primary);white-space:nowrap}.hero-card,.question-card,.ranking-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(100% - 1.5rem,44rem);margin:0 auto;padding:clamp(1.5rem,6vw,3rem)}.hero-card--lobby{text-align:center;flex-direction:column;justify-content:center;min-height:min(72vh,38rem);display:flex}.hero-card--lobby .lead{color:var(--color-text)}.soft-note,.status-panel,.result-panel,.confirmation-box{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);line-height:1.55}.soft-note{background:var(--color-gold-soft);color:#66503a}.question-card__title{letter-spacing:-.02em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;margin-bottom:1.5rem;font-family:Wedding Sans,system-ui,sans-serif;font-size:clamp(1.45rem,5.3vw,2.15rem);font-weight:700;line-height:1.25}.question-card__title--long{font-size:clamp(1.25rem,4.5vw,1.75rem)}.options{gap:.7rem;display:grid}.option{isolation:isolate;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:4rem;color:var(--color-text);text-align:left;cursor:pointer;background:#fff;grid-template-columns:2.25rem 1fr auto;padding:.75rem 1rem;display:grid;position:relative;overflow:hidden}.option:not(:disabled):hover{border-color:var(--color-primary);background:#f8faf8}.option:disabled{opacity:1;cursor:default}.option--selected{border-width:2px;border-color:var(--color-primary);background:var(--color-success-soft)}.option--correct{border-width:2px;border-color:var(--color-success);background:var(--color-success-soft)}.option__letter{z-index:1;background:var(--color-background);width:2.25rem;height:2.25rem;color:var(--color-primary);border-radius:50%;place-items:center;font-weight:800;display:grid;position:relative}.option__text,.option__count{z-index:1;position:relative}.option__text{font-weight:600;line-height:1.35}.option__count{padding-left:var(--space-2);font-size:1.15rem}.option__bar{z-index:0;background:#b88a582e;position:absolute;inset:0 auto 0 0}.confirmation-box{border:1px solid var(--color-secondary);background:#fbf6ed}.confirmation-box p{color:var(--color-muted)}.status-message{margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);text-align:center;font-weight:700}.status-message--success{background:var(--color-success-soft);color:var(--color-success)}.status-message--error{background:var(--color-error-soft);color:var(--color-error)}.status-panel{background:var(--color-gold-soft);text-align:center}.status-panel h2,.result-panel h2{margin-bottom:var(--space-1)}.status-panel p,.result-panel p:last-child{margin-bottom:0}.result-panel--correct{background:var(--color-success-soft);color:var(--color-primary-dark)}.result-panel--wrong{background:var(--color-error-soft);color:#713a34}.ranking-card>h1{margin-bottom:var(--space-2)}.ranking-card--finished{border-color:var(--color-secondary)}.winner-line{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-gold-soft)}.ranking{margin:var(--space-4) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.ranking__row{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;grid-template-columns:2rem 1fr auto;min-height:3.5rem;padding:.65rem .85rem;display:grid}.ranking__row--current{border:2px solid var(--color-primary);background:var(--color-success-soft)}.ranking__position{color:var(--color-secondary);font-family:Wedding Display,Georgia,serif;font-size:1.25rem;font-weight:600}.ranking__name{min-width:0;font-weight:600}.ranking__score{white-space:nowrap;color:var(--color-primary);font-size:.9rem}.screen-page{color:#fffdf8;background:radial-gradient(circle at 15% 10%,#b88a5838,#0000 32%),radial-gradient(circle at 85% 90%,#315f5033,#0000 35%),#1f302a;place-items:center;width:100vw;min-height:100vh;display:grid;overflow:hidden}.screen-stage{text-align:center;width:min(86vw,75rem)}.screen-stage--wide{width:min(90vw,90rem)}.screen-monogram{color:#d7b88f;margin-bottom:clamp(1rem,3vh,2rem);font-size:clamp(1rem,2vw,1.5rem)}.screen-kicker{color:#d7b88f;font-size:clamp(.85rem,1.6vw,1.2rem)}.screen-stage h1{text-wrap:balance;margin-bottom:clamp(1rem,3vh,2.25rem);font-size:clamp(3rem,6.7vw,7rem)}.screen-lead{color:#d9dfdc;font-size:clamp(1.4rem,2.5vw,2.5rem)}.screen-counter{font-size:clamp(1.6rem,3vw,3rem)}.screen-counter strong{color:#e4c79f;font-size:1.45em}.screen-question{text-align:left;grid-template-columns:minmax(0,1.05fr) minmax(24rem,.8fr);align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.screen-question__heading h1{font-size:clamp(2.8rem,5.4vw,6rem)}.options--projection{gap:clamp(.6rem,1.2vh,1rem)}.options--projection .option{color:#fff;background:#ffffff14;border-color:#ffffff40;min-height:clamp(4rem,9vh,7rem);font-size:clamp(1rem,1.7vw,1.65rem)}.options--projection .option--correct{background:#59947661;border-color:#8fc3a9}.options--projection .option__letter{color:#e4c79f;background:#ffffff1f}.options--projection .option__bar{background:#d7b88f33}.screen-progress,.screen-closed,.screen-revealed{text-align:center;grid-column:1/-1;margin:0;font-size:clamp(1.2rem,2vw,2rem)}.screen-closed{color:#e4c79f;font-weight:700}.screen-revealed{color:#a8d2bc}.ranking--projection{width:min(75rem,100%);margin:var(--space-5) auto 0;grid-template-columns:repeat(2,1fr)}.ranking--projection .ranking__row{background:#ffffff14;border-color:#ffffff2e;min-height:clamp(3.5rem,7vh,5.5rem);padding-inline:1.3rem}.ranking--projection .ranking__row--top-1{background:#b88a583d;border-color:#d7b88f}.ranking--projection .ranking__row--top-2,.ranking--projection .ranking__row--top-3{background:#ffffff21}.ranking--projection .ranking__position{color:#e4c79f;font-size:clamp(1.2rem,2vw,2rem)}.ranking--projection .ranking__name{font-size:clamp(1rem,1.6vw,1.5rem)}.ranking--projection .ranking__score{color:#fff;font-size:clamp(.9rem,1.3vw,1.2rem)}@media (width<=760px){.button-row{grid-template-columns:1fr}.option{min-height:4.5rem}.screen-question{grid-template-columns:1fr;gap:1.25rem}.screen-question__heading{text-align:center}.screen-progress,.screen-closed,.screen-revealed{grid-column:auto}.ranking--projection{grid-template-columns:1fr}}@media (width<=480px){h1{font-size:clamp(2rem,10vw,2.65rem)}.table-header{padding-inline:1rem}.hero-card,.question-card,.ranking-card{border-radius:1.5rem;width:calc(100% - 1rem);padding:1.25rem}.question-card__title{margin-bottom:1rem;font-size:clamp(1.35rem,6vw,1.65rem)}.question-card__title--long{font-size:clamp(1.15rem,5vw,1.4rem);line-height:1.3}.option{border-radius:1rem;min-height:4.25rem;padding:.7rem .8rem}.soft-note,.status-panel,.result-panel,.confirmation-box{padding:1rem}}@media (height<=700px) and (width>=900px){.screen-monogram{margin-bottom:.5rem}.screen-stage h1{margin-bottom:1rem}.ranking--projection{gap:.5rem;margin-top:1rem}}