/* VinSwipe 2 — polished tasting-room layer */
:root{--wine:#65152f;--wine-deep:#38101e;--rose:#a94362;--cream:#f5eee3;--paper:#fffdfa;--ink:#291b20;--muted:#826f74;--gold:#c7933d;--green:#2c8b67;--red:#cc4660;--line:#eaded5;--shadow:0 22px 60px rgba(66,20,37,.13);--soft-shadow:0 10px 30px rgba(66,20,37,.09)}
body{background:radial-gradient(circle at 12% 8%,#fff9ee 0,transparent 30%),radial-gradient(circle at 92% 82%,#ead8d8 0,transparent 34%),var(--cream)}
body:before,body:after{content:'';position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:-1}body:before{width:280px;height:280px;background:#7a17350a;top:8%;right:-100px}body:after{width:360px;height:360px;border:1px solid #7a17350d;bottom:-160px;left:-120px}
.topbar{box-shadow:0 5px 24px #4a17200a}.brandmark{background:linear-gradient(145deg,#8d2849,var(--wine-deep));transform:rotate(-3deg)}
.premium-card{position:relative;overflow:hidden}.premium-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--rose),transparent);opacity:.8}.premium-card:after{content:'V';position:absolute;right:-22px;top:-65px;font:italic 180px 'Playfair Display';color:#6a173006;pointer-events:none}
.lobby-card,.quiz-card,.result-card,.leaderboard,.custom-editor,.matching-card{backdrop-filter:blur(12px);background:rgba(255,253,250,.93);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}
.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-card{min-height:116px;text-align:left;align-items:flex-start;padding:18px;border-color:#e8ddd6;transition:.25s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.mode-card:hover{transform:translateY(-3px);border-color:#cfa8b5;box-shadow:var(--soft-shadow)}.mode-card.selected{background:linear-gradient(145deg,#f9ecee,#fff8ef);border-color:var(--wine);box-shadow:0 8px 25px #65152f17}.mode-card.selected:after{content:'✓';position:absolute;right:12px;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:11px}.mode-card>span{filter:drop-shadow(0 4px 6px #4b18251c)}.mode-card b{font-size:14px}.mode-card small{line-height:1.35}.code{background:linear-gradient(135deg,#f8ede4,#f4e4e5)!important;box-shadow:inset 0 0 30px #fff9}
.primary{background:linear-gradient(135deg,#501126,#8d294b 70%,#a94461);box-shadow:0 10px 24px #65152f34}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{border:1px solid #ead9d8;background:#f8efea}
.custom-editor,.matching-card{max-width:700px;margin:2vh auto;border-radius:28px;padding:38px}.custom-editor input,.custom-editor textarea{transition:border .2s,box-shadow .2s,background .2s}.custom-editor input:hover,.custom-editor textarea:hover{background:white}.option-field i{width:8px;height:8px;border-radius:50%;background:var(--gold);justify-self:center}
.pair-field{display:grid;grid-template-columns:34px 1fr 1fr 30px;gap:9px;align-items:center;padding:12px;margin:10px 0;border:1px solid var(--line);background:#fbf7f1;border-radius:15px}.pair-field>b{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:white}.pair-field input,.pair-field textarea{width:100%;border:1px solid #e4d7d0;border-radius:10px;background:white;padding:11px;font:600 13px 'DM Sans';outline:0}.pair-field textarea{grid-column:2/4;min-height:52px;resize:vertical}.pair-field button{grid-column:4;grid-row:1/3;border:0;background:transparent;color:#a58e95;font-size:22px}.simple-pair{grid-template-columns:34px 1fr 58px 30px}.simple-pair textarea{grid-column:2;min-height:70px}.auto-wine{grid-column:3;grid-row:1/3;display:grid;place-items:center;align-content:center;gap:0;background:linear-gradient(150deg,#fff8ec,#f3e1dc);border:1px solid #ead7cd;border-radius:14px;height:100%;min-height:80px}.auto-wine span{font-size:28px}.auto-wine b{color:var(--wine);font-size:14px}
.matching-card{text-align:center}.matching-card h2{font:700 32px 'Playfair Display';margin:12px}.match-help{color:var(--muted);font-size:13px}.match-board{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:110px;margin:28px 0;min-height:250px}.match-column{display:flex;flex-direction:column;gap:15px;justify-content:center;position:relative;z-index:2}.match-node{min-height:66px;border:1.5px solid #e2d4ce;border-radius:17px;background:#fffaf4;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:10px;text-align:left;font:700 13px 'DM Sans';color:var(--ink);cursor:pointer;box-shadow:0 6px 18px #4d14200c;transition:.2s}.match-node:hover,.match-node.active{transform:translateY(-2px);border-color:var(--wine);box-shadow:0 8px 24px #65152f20}.match-node b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:white;font:800 17px 'Playfair Display'}.right-node b{background:var(--gold);color:#fff}.match-node span{line-height:1.25}.wine-number{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;padding:7px;gap:1px;background:linear-gradient(150deg,#fffaf2,#f3e3dc)}.wine-number .wine-glass{font-size:30px;line-height:1;filter:drop-shadow(0 4px 5px #5c183022)}.wine-number b{width:30px;height:30px;margin-top:-5px;box-shadow:0 4px 10px #8c672834}.match-board svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.match-board path{fill:none;stroke:var(--rose);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 3px 3px #65152f28);animation:drawline .35s ease}.match-board circle{fill:var(--wine)}@keyframes drawline{from{stroke-dasharray:500;stroke-dashoffset:500}to{stroke-dasharray:500;stroke-dashoffset:0}}
.wine-info{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 34px));z-index:30;background:linear-gradient(145deg,#fffdf8,#f4e6e2);border:1px solid white;border-radius:24px;padding:30px;box-shadow:0 30px 100px #2d0b1a55;animation:pop .25s ease}.wine-info:before{content:'🍷';font-size:45px}.wine-info button{position:absolute;right:14px;top:12px;border:0;background:#efe0df;width:30px;height:30px;border-radius:50%;font-size:18px}.wine-info small{display:block;color:var(--gold);font-weight:800;letter-spacing:1.5px;margin-top:12px}.wine-info h3{font:700 28px 'Playfair Display';margin:8px 0}.wine-info p{color:var(--muted);line-height:1.6}
.poll-chart{margin:28px 0;text-align:left}.poll-row{margin:18px 0}.poll-label{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:8px}.poll-label span{color:var(--muted);white-space:nowrap}.poll-track{height:15px;background:#eee5df;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px #35101a0b}.poll-track i{display:block;width:var(--bar);height:100%;border-radius:20px;background:linear-gradient(90deg,var(--wine),var(--rose),var(--gold));animation:barGrow .8s var(--delay) both cubic-bezier(.2,.8,.2,1)}@keyframes barGrow{from{width:0}}
.reveal-pairs{display:grid;gap:9px;margin:25px 0}.reveal-pairs>div{display:grid;grid-template-columns:34px 1fr 30px minmax(62px,auto);gap:9px;align-items:center;text-align:left;background:#faf4ed;border:1px solid var(--line);border-radius:14px;padding:10px}.reveal-pairs b{min-width:31px;height:31px;border-radius:50%;background:var(--wine);color:white;display:grid;place-items:center}.reveal-pairs b:nth-of-type(2){background:var(--gold);border-radius:16px;padding:0 9px}.reveal-pairs i{text-align:center;color:var(--rose)}.round-leaderboard{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;text-align:left}.round-leaderboard>.eyebrow{display:block;text-align:center}.round-leaderboard .podium{margin:14px 0 22px}.round-leaderboard .rank{background:#fffaf3;border:1px solid transparent;border-radius:12px;margin:6px 0}.round-leaderboard .rank.is-me{border-color:#d7ae64;background:#fff6df}.round-leaderboard .rank small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.round-leaderboard .rank>b:last-child{font-size:11px;white-space:nowrap}
.answer-card{background:radial-gradient(circle at top right,#fff 0,#fff8ef 42%,#f5e6df 100%);border-color:#e9d9d4}.answer-card:before{content:'🍇';position:absolute;right:20px;top:12px;font-size:50px;opacity:.045}.waiting.compact{padding:30px}.waiting.compact .spinner{width:45px;height:45px}
@media(max-width:900px){.custom-editor,.matching-card{margin:20px auto}.match-board{gap:60px}.pair-field{grid-template-columns:34px 1fr 1fr 30px}.pair-field.simple-pair{grid-template-columns:34px 1fr 58px 30px}}
@media(max-width:540px){.mode-grid{grid-template-columns:1fr 1fr;gap:8px}.mode-card{min-height:105px;padding:13px}.mode-card>span{font-size:24px}.mode-card b{font-size:12px}.mode-card small{font-size:9px}.custom-editor,.matching-card{padding:24px 14px;margin:15px auto;border-radius:22px}.pair-field{grid-template-columns:30px 1fr 25px}.pair-field>b{grid-row:1/4}.pair-field .left-label,.pair-field .right-label,.pair-field textarea{grid-column:2}.pair-field button{grid-column:3;grid-row:1/4}.pair-field.simple-pair{grid-template-columns:30px 1fr 48px 25px}.simple-pair>b{grid-row:1/3}.simple-pair .left-label,.simple-pair textarea{grid-column:2}.simple-pair .auto-wine{grid-column:3;grid-row:1/3;min-height:74px}.simple-pair button{grid-column:4;grid-row:1/3}.auto-wine span{font-size:23px}.match-board{gap:32px;margin:20px 0}.match-node{grid-template-columns:32px 1fr;gap:5px;padding:7px;min-height:62px;font-size:11px}.match-node b{width:30px;height:30px;font-size:14px}.wine-number{grid-template-columns:1fr}.wine-number .wine-glass{font-size:25px}.matching-card h2{font-size:25px}.match-help{font-size:11px}.poll-label{font-size:11px}.reveal-pairs>div{grid-template-columns:28px 1fr 18px minmax(58px,auto);font-size:11px;gap:5px}.reveal-pairs b{min-width:27px;height:27px}.round-leaderboard .rank{grid-template-columns:28px 1fr auto;padding:10px 7px}.round-leaderboard .rank>b:last-child{font-size:9px}.result-actions{grid-template-columns:1fr}.premium-card:after{font-size:120px}}