:root{--paper:#f1eee7;--ink:#292a27;--muted:#75756b;--accent:#51416c;--line:#d5d1c7;--cream:#f9f7f1;--gold:#51416c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Arial,Helvetica,sans-serif}body[data-tone="1"]{--accent:#28636a;--gold:#28636a}body[data-tone="2"]{--accent:#944d37;--gold:#944d37}body[data-tone="3"]{--accent:#3c493e;--gold:#3c493e}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{opacity:.4}.shell{max-width:1300px;margin:auto;padding:0 55px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:12px;font:22px Georgia;letter-spacing:-.5px}.brandmark{font:35px Arial;color:var(--accent)}nav{display:flex;gap:25px}nav button{background:none;border:0;color:var(--muted);padding:10px 0;position:relative;font-size:12px}nav button.active{color:var(--ink)}nav button.active:after{content:'';height:3px;width:20px;position:absolute;bottom:-20px;left:0;background:var(--accent)}.quiet{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}.quiet:before{content:'';display:inline-block;background:#7b8b71;width:5px;height:5px;border-radius:50%;margin-right:8px}main{min-height:75vh}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--accent);font-weight:600}h1{font:clamp(50px,6.2vw,82px)/.99 Georgia,serif;letter-spacing:-4px;margin:25px 0 27px}h1 em{font-weight:normal;color:var(--accent)}p{line-height:1.9;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:67px 25px 52px;position:relative}.intro{max-width:450px}.intro p{max-width:350px;font-size:14px}.pill{font-size:10px;color:var(--muted);padding-left:24px;position:relative}.pill:before{content:'↗';position:absolute;left:0;color:var(--accent);font-size:15px}.stats{display:flex;gap:35px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}.stats b{display:block;font:26px Georgia}.stats small{color:var(--muted);font-size:9px}.cardstage{text-align:center;position:relative;padding:0 0 0 30px}.cardstage:before{content:'';position:absolute;z-index:-1;inset:20px -10px 80px 20px;border:1px solid var(--line);border-radius:50%}.cardstage>.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:20px!important}.card{width:280px;height:390px;margin:0 auto 25px;position:relative;box-shadow:10px 20px 30px #2e2b2720,1px 1px 0 #c2bcb0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 30px;background:var(--cream);border:0;border-radius:3px;transition:transform .5s cubic-bezier(.2,.8,.2,1);overflow:hidden}.card.back{padding:13px;transform:rotate(-5deg);justify-content:space-between;isolation:isolate}.card.back:hover{transform:rotate(-1deg) translateY(-5px)}.card-edition{display:flex;justify-content:space-between;width:100%;font-size:6px;font-weight:600;letter-spacing:1.7px;padding:1px 0 10px}.card-edition span{letter-spacing:.5px}.opart{width:100%;height:320px;object-fit:cover;display:block}.card-signature{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:10px;font:italic 12px Georgia;text-align:left}.card-signature span{font:18px Arial}.front{animation:appear .45s ease;justify-content:center}.art-ribbon{position:absolute;top:0;left:0;right:0;height:13px;background-size:100%;background-position:50% 40%}.corner{position:absolute;top:28px;left:22px;font:25px/1.05 Georgia}.corner.bottom{top:auto;left:auto;bottom:23px;right:22px;transform:rotate(180deg)}.heart{color:#914f4b}.question{font:25px/1.4 Georgia}.front .eyebrow{font-size:7px;letter-spacing:1.5px;margin-top:27px;color:var(--muted)}.primary{background:var(--ink);color:var(--cream);border:1px solid var(--ink);padding:12px 23px;font-size:11px;border-radius:2px;transition:background .2s}.primary:hover{background:var(--accent)}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink);padding:12px 19px;font-size:11px;border-radius:2px}.secondary:hover{border-color:var(--accent);color:var(--accent)}.actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.hint{font-size:9px;color:var(--muted);margin:12px 0}.cardstage #next{font-size:10px!important;margin-top:7px!important;padding:8px}.section{padding:32px 25px 60px;border-top:1px solid var(--line)}.section h2{font:30px Georgia;letter-spacing:-.7px;margin:0}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.suits{display:grid;grid-template-columns:repeat(4,1fr);gap:21px;margin-top:28px}.suit{background:transparent;border:0;border-bottom:1px solid var(--line);padding:0 0 15px;text-align:left;color:var(--ink);transition:transform .25s;position:relative}.suit:hover{transform:translateY(-5px)}.suit.selected{border-bottom:2px solid var(--accent)}.suit-art{height:140px;overflow:hidden;position:relative;background:#ddd}.suit-art img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .5s}.suit:hover img{transform:scale(1.06)}.suit-art strong{position:absolute;right:12px;bottom:10px;background:var(--paper);width:32px;height:32px;border-radius:50%;text-align:center;font:22px/32px Georgia}.suit-art b{position:absolute;left:10px;top:8px;background:var(--paper);padding:0 6px;font-size:8px;letter-spacing:1px}.suit-copy{padding:15px 0 0}.suit-copy>span{font:19px Georgia}.suit-copy small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.suit-copy em{display:block;font-size:9px;font-style:normal;color:var(--accent);margin-top:16px}.footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted)}.page{max-width:820px;margin:auto;padding:50px 10px}.page h1{letter-spacing:-1.5px}.page>p{max-width:550px}.panel{border:1px solid var(--line);background:#faf8f2;padding:30px;margin:25px 0;border-radius:2px}.panel h2{color:var(--ink)}input,textarea{width:100%;background:var(--paper);border:1px solid #c9c4b8;border-radius:2px;padding:14px;color:var(--ink);resize:vertical}textarea{min-height:110px}label{display:block;margin-bottom:10px;font-size:11px}.bubble{border-left:2px solid var(--accent);background:#faf8f2;padding:18px 22px;margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{display:block;color:var(--accent);font-size:10px;margin-bottom:10px}.empty{text-align:center;padding:40px}.deck{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.mini{height:110px;border:1px solid var(--line);background:var(--cream);border-radius:2px;font:23px Georgia;position:relative;overflow:hidden}.mini:after{content:'';position:absolute;bottom:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 6px);opacity:.6}.mini.selected{outline:2px solid var(--accent);outline-offset:3px}.mini.face-mini{background-color:#292626;background-image:var(--face-art);background-position:center 44%;background-size:auto 100%;color:#f5ead6!important;text-shadow:0 2px 6px #000}.mini.face-mini:after{height:5px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:3px;max-width:460px;width:90%;padding:30px;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#24232199}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 25px;font-size:12px;z-index:9;border-radius:2px}.face-card{background:#302b28;color:#f4e9d2}.face-card .opart{object-position:50% 50%}.face-card .card-signature{color:#f4e9d2}.front.face-front{background:#f8f3e8;padding-top:145px;justify-content:center}.face-front .art-ribbon{height:130px;background-image:var(--face-art)!important;background-size:cover;background-position:center}.face-front .corner{z-index:1;top:14px;color:#fff;text-shadow:0 1px 5px #000;background:#201a1655;padding:4px}.face-front .corner.bottom{top:auto;bottom:15px;color:#54443a;background:none;text-shadow:none}.face-front .question{font-size:22px}.face-front .eyebrow{margin-top:16px}.face-art{width:100%;height:320px;object-fit:cover}.face-j .face-art{object-position:40% 50%;filter:sepia(.2)}.face-q .face-art{object-position:60% 50%}.face-k .face-art{object-position:50% 50%;filter:saturate(.45)}.face-card:after{content:'';position:absolute;inset:40px 13px 35px;pointer-events:none;border:1px solid #d2b58377}.face-j:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,10% 10%,10% 90%,90% 90%,90% 10%,10% 10%);border-width:10px}.face-k:after{border:2px solid #d2b58399;inset:65px 30px 60px;transform:rotate(9deg)}@keyframes appear{from{opacity:.3;transform:rotateY(35deg)}to{opacity:1;transform:rotateY(0)}}
@media(min-width:1100px){.hero:after{content:'01 / A TALÁLKOZÁS';position:absolute;left:-30px;top:230px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px;color:#949084}}
@media(max-width:760px){.shell{padding:0 23px}header{min-height:105px;flex-wrap:wrap;gap:8px;padding:16px 0 0}.logo{font-size:21px}.brandmark{font-size:27px}.quiet{font-size:7px;letter-spacing:.8px}nav{order:3;width:100%;justify-content:space-between;gap:12px}nav button{font-size:11px;padding:9px 0 14px}nav button.active:after{bottom:0}.hero{grid-template-columns:1fr;gap:27px;padding:32px 0 28px}.intro{max-width:none}.intro>.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:57px;letter-spacing:-3px;margin:17px 0 18px}.intro p{font-size:12px;max-width:310px}.intro .pill{margin-top:0;font-size:8px}.stats{margin-top:22px;padding-top:15px;gap:30px}.stats b{font-size:22px}.stats small{font-size:8px}.cardstage{padding:0}.cardstage:before{inset:20px 0 90px}.card{width:252px;height:354px;margin-bottom:23px}.opart,.face-art{height:285px}.card-edition{font-size:5px}.card-signature{font-size:11px}.question{font-size:23px}.section{padding:25px 0 35px}.section .topline{align-items:flex-start;flex-direction:column;gap:8px}.section h2{font-size:27px}.section .eyebrow{font-size:8px}.suits{grid-template-columns:1fr 1fr;gap:20px 15px;margin-top:20px}.suit-art{height:130px}.suit-copy>span{font-size:17px}.suit-copy small{font-size:9px}.suit-copy em{margin-top:12px}.footer{flex-direction:column;font-size:8px;gap:5px}.page{padding-top:30px}.page h1{font-size:35px!important;line-height:1.1}.page>p{font-size:12px}.panel{padding:20px}.deck{grid-template-columns:repeat(5,1fr);gap:9px}.mini{font-size:20px;height:83px}.face-front .art-ribbon{height:116px}.front.face-front{padding-top:130px}.face-front .question{font-size:21px}.face-card:after{inset:36px 13px 33px}.face-k:after{inset:60px 30px 55px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Four original portraits, each with a distinct category palette. */
body[data-tone="0"]{--accent:#806044;--gold:#806044}
body[data-tone="1"]{--accent:#822d84;--gold:#822d84}
body[data-tone="2"]{--accent:#28634b;--gold:#28634b}
body[data-tone="3"]{--accent:#264a7a;--gold:#264a7a}
body[data-tone="1"] .face-card{background:#140f26;color:#eee2ff}
body[data-tone="1"] .face-card:after{border-color:#9af3d155}
body[data-tone="2"] .face-card{background:#123d2c;color:#e2f3dc}
body[data-tone="2"] .face-card:after{border-color:#a5d6b055}
body[data-tone="3"] .face-card{background:#0b192d;color:#d3e0fa}
body[data-tone="3"] .face-card:after{border-color:#a4c6fb55}
.face-j .face-art,.face-q .face-art,.face-k .face-art{filter:none;object-position:50% 44%}
.face-j .face-art{object-position:45% 44%}
.face-k .face-art{object-position:55% 44%}
.face-front .art-ribbon{background-position:50% 44%}
body[data-tone="1"] .front.face-front{background:#f5f1fa}
body[data-tone="2"] .front.face-front{background:#eff5ed}
body[data-tone="3"] .front.face-front{background:#eef2f7}
.suit-art img{object-position:center 44%}
.suit:nth-child(1) .suit-art img{object-position:center 50%}

/* Optional, quiet in-page media surprises. */
.surprise-offer{display:flex;gap:24px;max-width:850px;margin:5px auto 38px;padding:25px 30px;border:1px solid #a69bbb;background:linear-gradient(120deg,#e9e1ef55,#faf8f2);text-align:left}.surprise-offer h3{font:27px/1.15 Georgia;margin:8px 0}.surprise-offer p{font-size:12px;margin:10px 0 16px}.surprise-offer small{display:block;color:var(--muted);font-size:9px;margin-top:10px}.surprise-glyph{font:58px Georgia;color:var(--accent);align-self:center}.page .surprise-offer{margin:25px 0}.gift-progress{font-size:10px;border-top:1px solid var(--line);padding-top:18px}.gift-heading{font:27px Georgia;margin-top:38px}.hidden-gift{background:linear-gradient(135deg,#332653,#122e42);color:#f3e8da;border:1px solid #847693;padding:30px;margin:20px 0;text-align:center}.hidden-gift .eyebrow{color:#cfbee6;font-size:8px}.hidden-gift h3{font:26px Georgia;margin:10px 0}.hidden-gift p{color:#cfc7d8;font-size:12px}.hidden-gift .hint{font-size:9px}.hidden-gift .primary{background:#eee6d5;color:#29213a;border-color:#eee6d5}.hidden-gift .secondary{border-color:#b8a8cb;color:#eee6d5;margin:8px 4px 0}.gift-seal{font:60px Georgia;color:#d9c3ed}.gift-media{display:block;max-width:100%;max-height:420px;margin:18px auto;object-fit:contain}audio.gift-media{width:100%;max-width:450px}.hidden-gift .gift-media{border-radius:2px}#surprise-dialog{max-width:570px;max-height:90dvh;overflow-y:auto}#surprise-dialog h2{font:31px Georgia;margin:12px 0}#surprise-dialog p{font-size:12px}#surprise-dialog .hint{font-size:9px}.gift-kinds{display:flex;gap:10px;margin:20px 0 10px}.gift-kinds .chosen{background:var(--accent);border-color:var(--accent);color:white}.gift-file-label{margin-top:20px}#gift-file{font-size:11px;padding:12px}#gift-caption{min-height:75px}#gift-error{color:#983c46;font-size:11px;min-height:1em}.gift-idea{min-height:2.4em}.gift-progress{margin-top:25px}@media(max-width:760px){.surprise-offer{gap:14px;margin:0 0 28px;padding:22px 18px}.surprise-glyph{font-size:38px}.surprise-offer h3{font-size:24px}.surprise-offer p{font-size:11px}.hidden-gift{padding:25px 16px}#surprise-dialog{padding:23px}.gift-kinds{gap:8px}#surprise-dialog h2{font-size:28px}}

/* Each view opens into its own quiet illustrated room. */
body{background:#151622;color:#f1ede5;--ink:#efeae0;--muted:#c5bdca;--line:#ece4d52c;--accent:#d0b2ed;--gold:#d0b2ed;isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-2;background-image:linear-gradient(90deg,#15101e99,#13172444),var(--room-image);background-size:cover;background-position:center;pointer-events:none}
body::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#15111d55,transparent 45%,#0b101ecc);pointer-events:none}
body[data-tone="0"]{--accent:#e1b584;--gold:#e1b584}body[data-tone="1"]{--accent:#e0b0f0;--gold:#e0b0f0}body[data-tone="2"]{--accent:#b8e1c0;--gold:#b8e1c0}body[data-tone="3"]{--accent:#b2cef4;--gold:#b2cef4}
.shell{padding-bottom:110px}.logo{color:#f1ede5}.brandmark{color:var(--accent)}header{background:#16152150;padding-left:18px;padding-right:18px;backdrop-filter:blur(14px);border-radius:0 0 4px 4px}nav button{color:#d2c9d5}nav button.active{color:#fff}nav button.active:after{background:var(--accent)}.quiet{color:#e6dfdf}.hero{padding-top:55px}.intro{background:#10131d80;border:1px solid #f2ebde25;backdrop-filter:blur(12px);padding:30px 32px;border-radius:3px}.intro p{color:#ded4da}.intro h1{font-size:clamp(48px,5.4vw,73px)}.intro .pill{color:#d7cdd7}.scene-name{font:italic 16px Georgia;color:#e2d3bb;margin-bottom:20px}.intro>.eyebrow{font-size:8px}.cardstage:before{border-color:#e7d9d52d}.card.back{box-shadow:5px 25px 65px #0009}.card.front{color:#292a27}.card.front .eyebrow{color:#6a655e}.cardstage .hint{color:#eee6e4}.cardstage>.eyebrow{color:#f8edfc}.primary{background:#efe9db;color:#282332;border-color:#efe9db}.primary:hover{background:#d6c8e4}.secondary{color:#eee6df;border-color:#eee5db66}.secondary:hover{color:white;border-color:#fff}.stats small{color:#d3c9d1}.section{background:#10131db8;backdrop-filter:blur(16px);padding:30px;border:1px solid #eee5db33;border-radius:3px}.section h2{color:#eee7df}.suit-copy>span{color:#f5ede2}.suit-copy small{color:#c4bbc9}.suit-art strong,.suit-art b{color:#292333;background:#eee7dc}.suit-copy em{color:#e1ccea}.footer{color:#d2c9d2;margin-top:30px}.page{background:#121620d9;backdrop-filter:blur(14px);padding:35px 35px 40px;margin:35px auto;border:1px solid #ede6de2b;border-radius:3px}.page>p{color:#d4cbd5}.page .panel{background:#f4f0e7;color:#292b29}.panel h2{color:#292b29!important}.panel .eyebrow,.panel .hint{color:#756978}.panel label{color:#51484f}.panel textarea{background:#fffaf2;color:#292b29;border-color:#b8b0a5}.panel .primary{background:#342b3f;color:#f7f0e5;border-color:#342b3f}.bubble{background:#ebe5d917;color:#f0e8e5}.bubble small{color:#d5badf}.mini{background:#f1eadf}.gift-progress{color:#c6bdce!important}.surprise-offer{background:#192332eb;border-color:#b5a0cb70}.surprise-offer p{color:#d7c9df}.surprise-offer small{color:#c9bcd3}.surprise-offer h3{color:#f4eade}.hidden-gift{background:linear-gradient(135deg,#342653ed,#142d3fe8)}
dialog{color:#292a27;--ink:#292a27;--muted:#716875;--accent:#6c4e83;--line:#cec7bd;background:#f3eee5}dialog::before{content:'';display:block;height:108px;margin:-30px -30px 24px;background:linear-gradient(0deg,#f3eee500,#18132422),url('art/room-chat.png') center 55%/cover}dialog .secondary{color:#45384e;border-color:#b5aabd}dialog .primary{background:#33293e;color:#f6eee4;border-color:#33293e}dialog p{color:#726775}dialog input,dialog textarea{color:#302634;background:#fffcf6}dialog .dialog-music{display:block;margin:16px auto 0;font-size:10px}#share::before{background-image:url('art/room-deck.png')}#music-credits{max-width:650px;max-height:85dvh;overflow:auto}#music-credits::before{background-image:url('art/room-deck.png')}#music-credits h2{font:30px Georgia}#music-credits h3{font:19px/1.35 Georgia;margin-bottom:8px}#music-credits article{border-top:1px solid #c8beb4;padding:15px 0;font-size:11px}#music-credits article p{font-size:12px;margin:5px 0 9px}#music-credits a{color:#644c7e}#music-credits>p{font-size:11px}.music-player{position:fixed;right:24px;bottom:19px;z-index:7;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 40px);background:#101823ed;border:1px solid #bfb0cf66;box-shadow:0 8px 30px #0004;color:#e9e0e9;padding:12px 16px;border-radius:4px;backdrop-filter:blur(20px)}.music-toggle{background:none;border:0;color:#f2e5f5;font-size:11px;min-width:125px;text-align:left;padding:5px 0}.music-caption strong{font:15px Georgia;display:block}.music-caption small{font-size:8px;color:#c7b9cb;display:block;margin-top:3px}.music-volume{font-size:8px;margin:0;color:#cfc3d6;display:block}.music-volume input{display:block;width:78px;padding:0;margin:4px 0 0;accent-color:#c9a8e0}.music-info{background:none;color:#e0d2e5;border:0;font-size:19px;padding:0}.music-status{font-size:9px;max-width:140px;color:#e6c5cb}.music-status:empty{display:none}
@media(max-width:760px){.shell{padding:0 15px 135px}header{padding:16px 12px 0}.quiet{font-size:6px}.hero{padding-top:25px;gap:27px}.intro{padding:24px 23px;max-width:none}.intro h1{font-size:53px}.intro .scene-name{font-size:14px;margin-bottom:16px}.intro p{font-size:12px}.section{padding:24px 18px}.suits{gap:17px 12px}.suit-copy>span{font-size:16px}.page{padding:25px 18px;margin:24px auto}.page h1{font-size:32px!important}.page .panel{padding:20px 17px}.surprise-offer{margin:0 0 25px}.music-player{left:15px;right:15px;bottom:12px;max-width:none;padding:11px 13px;gap:10px;flex-wrap:wrap}.music-toggle{font-size:10px;min-width:118px}.music-caption{flex:1}.music-caption strong{font-size:13px}.music-caption small{font-size:7px;max-width:170px}.music-volume{font-size:7px}.music-volume input{width:55px}.music-info{font-size:17px}.music-status{max-width:100%;flex-basis:100%}.footer{padding-bottom:15px}dialog::before{margin:-30px -30px 20px}#surprise-dialog::before{margin:-23px -23px 20px}.scene-name{margin-bottom:17px}}

/* Rooms are full compositions, not oversized wallpaper crops. */
body{background:#14141d}body::before{background-image:none!important;background:#14141d}body::after{background:radial-gradient(ellipse at 50% 0,#30253766,transparent 65%)}.shell{max-width:1300px;padding:0 38px 105px}header{min-height:80px;background:transparent;backdrop-filter:none;padding:0}.lobby{margin-top:28px}.lobby-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px}.lobby-heading h1{font:36px/1.15 Georgia;letter-spacing:-1px;margin:10px 0 0}.lobby-heading>span{color:#b9afbd;font-size:10px;margin-bottom:4px}.scene-frame{position:relative;width:100%;background:#15151b;border:1px solid #b9a5c536;border-radius:4px;overflow:hidden}.scene-frame>img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;max-height:none}.scene-caption{position:absolute;top:18px;left:20px;background:#13131b99;padding:9px 14px;border:1px solid #ddd0da24;border-radius:2px;backdrop-filter:blur(8px);max-width:calc(100% - 40px)}.scene-caption .scene-name{font-size:15px;margin:0;display:block}.scene-caption small{display:block;font-size:6px;letter-spacing:1.5px;color:#cfbfd0;margin-top:4px}.hero.draw-table{padding:20px 22px;margin:14px 0 28px;display:grid;grid-template-columns:135px minmax(0,1fr) 230px;gap:25px;background:#25202e77;border:1px solid #c7b4d52b;border-radius:3px}.hero.draw-table:after{display:none}.draw-table .card{width:116px;height:164px;margin:0;box-shadow:2px 6px 16px #0004;border-radius:2px;padding:18px 10px}.draw-table .card.back{padding:6px;transform:rotate(-3deg)}.draw-table .card.back:hover{transform:rotate(0)}.draw-table .opart,.draw-table .face-art{height:131px;width:100%;object-fit:cover}.draw-table .card-edition{font-size:3px;letter-spacing:.3px;padding:0 0 5px}.draw-table .card-signature{font-size:5px;padding-top:4px}.draw-table .card-signature span{font-size:9px}.draw-table .face-card:after{inset:17px 6px 14px;border-width:1px}.draw-table .face-k:after{inset:29px 13px 26px}.draw-table .card.front{padding:0;background:#f2ecdf}.draw-table .front.face-front{padding:0}.draw-table .face-front .art-ribbon{height:52px}.draw-table .corner{font-size:12px;top:9px;left:8px;padding:1px}.draw-table .corner.bottom{top:auto;left:auto;bottom:8px;right:8px}.draw-table .front .eyebrow{display:none}.front-symbol{font:37px Georgia;color:#574367;line-height:1;padding-top:18px}.draw-table .card.front:not(.face-front) .front-symbol{padding-top:0}.draw-copy h2{font:23px/1.4 Georgia;margin:12px 0 9px;max-width:460px;color:#eee5e2}.draw-copy p{font-size:11px;color:#bfb4c4;margin:0}.draw-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.draw-actions .actions{flex-direction:column;gap:8px}.draw-actions .primary,.draw-actions .secondary{font-size:10px;padding:11px 13px}.draw-actions #next{border:0;background:none;display:block;margin:6px auto 0;font-size:9px;padding:5px}.draw-actions .hint{text-align:center;font-size:8px}.section{padding:24px;background:#1a1721;border-color:#8e7a9c33;backdrop-filter:none}.section h2{font-size:25px}.suit-art{height:96px}.suit-copy>span{font-size:18px}.suit-copy em{margin-top:10px}.suit-copy small{font-size:9px}.footer{margin-top:25px}.page{max-width:1000px;background:#1a1822;padding:28px;margin:28px auto;backdrop-filter:none}.deck-scenery{margin:18px 0 27px}.page>.scene-name{margin-bottom:18px}.page.room-view{max-width:none;background:none;border:0;padding:0;margin:25px 0 0;backdrop-filter:none}.room-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.room-topline>span{font-size:9px;color:#b9adbf}.room-topline .secondary{font-size:10px;padding:9px 13px}.room-heading h1{font:32px/1.2 Georgia;letter-spacing:-.8px;margin:11px 0}.room-heading p{font-size:10px;color:#b8adbc;margin:0 0 20px}.room-heading .eyebrow{font-size:8px}.room-scenery .scene-caption{top:auto;bottom:17px;color:#ede1e4;font:italic 14px Georgia}.room-console{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:26px;margin-top:24px}.room-topic{border-top:1px solid #b6a1ca66;padding:20px 18px;background:#24202d55;border-radius:2px}.topic-rank{font:22px Georgia;color:#d6bddc;margin-bottom:15px}.room-topic .eyebrow{font-size:7px;letter-spacing:1.1px}.room-topic h2{font:21px/1.45 Georgia;color:#ede2e6;margin:13px 0}.room-topic p{font-size:10px;color:#b8adbf}.room-dialogue{min-width:0}.conversation-title{font:24px Georgia;margin:0 0 19px}.room-dialogue #history{max-height:440px;overflow-y:auto;scrollbar-color:#8a6b9b #1a1620;padding-right:5px}.room-dialogue .bubble{margin:0 0 13px;padding:14px 17px;font-size:13px;background:#e5d5ef0d}.room-dialogue .bubble small{font-size:9px}.room-dialogue .empty{padding:22px;text-align:left;border:1px dashed #bba4c436;border-radius:2px}.room-dialogue .empty p{font:italic 18px Georgia;color:#c8b7cf}.room-dialogue .panel.composer{margin:18px 0 15px;padding:17px 18px;background:#f0ebe2}.composer label{font-size:10px}.composer textarea{min-height:76px;font-size:13px}.composer .topline{margin-top:9px!important}.composer .primary{font-size:10px;padding:10px 14px}.room-dialogue #clear{font-size:9px;padding:8px 12px}.room-view .surprise-offer{max-width:none;margin:20px 0}.room-view .gift-progress{font-size:9px;margin-top:27px}.hidden-gift{padding:22px}.hidden-gift h3{font-size:23px}.gift-seal{font-size:38px}.gift-heading{font-size:24px}.hidden-gift .gift-media{max-height:320px}.room-view .room-topic .scene-name{display:none}.room-view{animation:room-entry .3s ease-out}@keyframes room-entry{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.shell{padding:0 14px 125px}header{min-height:100px;padding:15px 0 0}.lobby{margin-top:23px}.lobby-heading{margin-bottom:17px}.lobby-heading h1{font-size:28px;letter-spacing:-.7px}.lobby-heading>span{display:none}.lobby-heading .eyebrow{font-size:7px;letter-spacing:1.7px}.scene-frame{border-radius:2px}.scene-caption{top:9px;left:9px;max-width:calc(100% - 18px);padding:6px 9px}.scene-caption .scene-name{font-size:11px}.scene-caption small{font-size:5px;letter-spacing:1px}.hero.draw-table{grid-template-columns:85px minmax(0,1fr);gap:14px;padding:16px 14px;margin:11px 0 22px}.draw-table .card{width:77px;height:111px}.draw-table .card.back{padding:4px}.draw-table .opart,.draw-table .face-art{height:88px}.draw-table .card-edition{font-size:2px;letter-spacing:0;padding-bottom:3px}.draw-table .card-signature{font-size:3px;padding-top:3px}.draw-table .card-signature span{font-size:6px}.draw-table .face-card:after{inset:12px 4px 10px}.draw-table .face-k:after{inset:18px 9px}.draw-table .face-front .art-ribbon{height:34px}.draw-table .corner{font-size:9px;top:5px;left:4px}.draw-table .corner.bottom{top:auto;left:auto;bottom:5px;right:4px}.front-symbol{font-size:25px;padding-top:11px}.draw-copy h2{font-size:19px;margin:8px 0}.draw-copy p{font-size:9px}.draw-copy .eyebrow{font-size:6px;letter-spacing:1px}.draw-actions{grid-column:1/-1}.draw-actions .actions{flex-direction:row}.draw-actions .primary,.draw-actions .secondary{font-size:10px;padding:11px 13px}.draw-actions .hint{font-size:8px}.section{padding:21px 15px}.section h2{font-size:23px}.suit-art{height:83px}.suit-copy>span{font-size:16px}.suit-copy small{font-size:8px}.room-topline{margin-bottom:20px}.room-topline>span{font-size:7px;max-width:130px;text-align:right}.room-topline .secondary{font-size:9px;padding:8px 11px}.room-heading h1{font-size:28px!important}.room-heading p{font-size:9px;max-width:280px}.room-scenery .scene-caption{bottom:8px;font-size:10px}.room-console{grid-template-columns:1fr;gap:20px;margin-top:17px}.room-topic{padding:15px 16px;position:relative}.topic-rank{float:left;font-size:20px;margin:0 14px 8px 0}.room-topic h2{font-size:20px;clear:both;margin:11px 0 8px}.room-topic p{font-size:9px;margin:0}.room-topic .eyebrow{padding-top:5px}.conversation-title{font-size:23px}.room-dialogue #history{max-height:300px}.room-dialogue .panel.composer{padding:15px}.page{padding:20px 15px;margin:22px auto}.deck-scenery{margin-top:8px}.music-player{gap:8px}.music-caption strong{font-size:12px}.music-caption small{font-size:6px}.music-toggle{font-size:9px;min-width:108px}}
.room-view{animation:none}.room-dialogue .surprise-offer{padding:16px 18px;gap:15px;margin:18px 0}.room-dialogue .surprise-offer h3{font-size:21px}.room-dialogue .surprise-offer .surprise-glyph{font-size:32px}.room-dialogue .surprise-offer p{font-size:10px;margin:8px 0 12px}.room-dialogue .surprise-offer small{font-size:8px}.room-dialogue .surprise-offer .primary{font-size:10px;padding:10px 13px}

/* A single chosen card, received as a quiet invitation. */
body[data-mode="recipient"] header nav{display:none}body[data-mode="recipient"] header{min-height:76px}body[data-mode="recipient"] .shell{max-width:1120px}.recipient-view{max-width:1000px;margin:32px auto 0}.recipient-heading{margin-bottom:25px}.recipient-heading .eyebrow{font-size:8px;letter-spacing:2px}.recipient-heading h1{font:37px/1.2 Georgia;letter-spacing:-1px;margin:14px 0 12px}.recipient-heading>p{font-size:12px;color:#c6b9cc;margin:0}.recipient-letter .draw-copy h2{font-size:23px}.recipient-letter .draw-copy p{font-size:11px}.recipient-note{font-size:9px;color:#afa1b6;margin:18px 0 0;text-align:center}.recipient-invalid{padding:35px;border:1px solid #baa3c74a;background:#201b29}.recipient-invalid p{font-size:13px;max-width:500px}.recipient-preview-link{display:inline-flex;text-decoration:none;align-items:center;justify-content:center}body[data-mode="recipient"] .footer{font-size:8px}body[data-mode="recipient"] .room-heading p{max-width:600px}body[data-mode="recipient"] .room-topline>span{font-size:9px}
@media(max-width:760px){body[data-mode="recipient"] header{min-height:70px;padding:0}.recipient-view{margin-top:26px}.recipient-heading{margin-bottom:20px}.recipient-heading h1{font-size:30px;letter-spacing:-.8px}.recipient-heading>p{font-size:11px;max-width:290px}.recipient-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.recipient-letter .draw-copy h2{font-size:20px}.recipient-letter .draw-copy p{font-size:10px}.recipient-note{font-size:8px;padding:0 15px}.recipient-invalid{padding:24px}.recipient-invalid h1{font-size:27px}body[data-mode="recipient"] .room-topline>span{font-size:7px}}
.live-toolbar,.room-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0 20px}.live-toolbar button,.room-links button{font-size:10px;padding:9px 13px}.connection-status{font-size:10px;color:#d1c0dc}.saved-rooms{margin-top:25px}.saved-rooms h2{font-size:23px}.invite-accept{padding:24px;border:1px solid #c8afda3b;background:#231c2e;margin:20px 0}.invite-accept h2{font:26px Georgia}.invite-accept p{font-size:12px;color:#d0bdd7}.invite-accept small{font-size:10px;color:#bcaec4}#invite-error,.gift-error{color:#bc6d76;font-size:11px}#livegift{max-width:530px;max-height:90dvh;overflow:auto}#livegift h2{font:29px Georgia}#livegift p{font-size:12px}#livegift textarea{min-height:80px}@media(max-width:760px){.live-toolbar{gap:8px}.live-toolbar button{font-size:9px}.saved-rooms{padding:18px}.invite-accept{padding:20px}.invite-accept h2{font-size:24px}}
/* A quiet, social-free way into the room. QR codes are generated on-device. */
.join-entry{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 27px;margin:27px 0;border:1px solid #b29ac33b;background:linear-gradient(110deg,#2c2437d9,#202a35b0);border-radius:4px}.join-entry h2{font:25px Georgia;margin:7px 0}.join-entry p{font-size:12px;margin:0;color:#c4b7cb}.join-entry .primary{flex-shrink:0}.pairing-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center;margin:25px 0}.room-code{font:600 16px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:1px;text-transform:uppercase;width:100%;min-width:0;padding:15px 12px!important;margin:8px 0 14px}.pairing-qr{margin:0;text-align:center}.pairing-qr svg{display:block;width:100%;height:auto;background:#fff;border:8px solid #fff;border-radius:4px}.pairing-qr figcaption{font-size:10px;margin:9px 0;color:var(--muted)}.invite-link-details{margin:20px 0;border-top:1px solid #b29ac333;padding-top:15px}.invite-link-details summary{cursor:pointer;font-size:12px;color:var(--accent);margin-bottom:12px}.invite-link-details label{display:block}.invite-link-details input{margin:8px 0 12px}#share,#join-by-code{width:min(650px,calc(100% - 28px));max-height:90dvh;overflow-y:auto}#share h2,#join-by-code h2{font:30px/1.2 Georgia;letter-spacing:-.5px;margin:14px 0}#share p,#join-by-code p{font-size:12px}#share .hint,#join-by-code .hint{font-size:10px}#join-by-code{max-width:520px}#join-by-code .room-code{font-size:15px!important}#share .actions,#join-by-code .actions{flex-wrap:wrap}#code-error:empty{display:none}
@media(max-width:600px){.join-entry{padding:20px;align-items:flex-start;flex-direction:column;gap:17px;margin:22px 0}.join-entry h2{font-size:23px}.pairing-grid{grid-template-columns:1fr;gap:20px}.pairing-qr{width:180px;justify-self:center}.room-code{font-size:14px!important;letter-spacing:.6px}#share h2,#join-by-code h2{font-size:27px}#share,#join-by-code{padding:22px}#join-by-code .room-code{font-size:13px!important}}
.leaf-share-panel{display:grid;grid-template-columns:56px minmax(0,1fr);gap:17px;padding:22px 0;margin:20px 0;border-top:1px solid #9785a744;border-bottom:1px solid #9785a744}.leaf-share-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #5674616b;border-radius:50%;background:#e3e8df;font-size:27px}.leaf-share-panel h3{font:24px/1.3 Georgia;margin:8px 0}.leaf-share-panel p{margin:10px 0 16px}.leaf-share-panel .actions{display:flex;gap:8px;align-items:stretch}.whatsapp-share,.leaf-preview{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.whatsapp-share{background:#245b42!important;color:#fff!important;border-color:#245b42!important}.whatsapp-share:hover{background:#1c4b35!important}.leaf-share-panel .hint{margin-bottom:0}@media(max-width:600px){.leaf-share-panel{grid-template-columns:1fr;gap:13px;padding:20px 0}.leaf-share-panel h3{font-size:22px}.leaf-share-panel .actions{flex-direction:column;align-items:stretch}.leaf-share-panel .actions>*{text-align:center}}
.music-brand{display:flex;align-items:center;gap:9px;padding-right:13px;border-right:1px solid #c7af7f3d;flex-shrink:0}.music-brand img{display:block;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 5px #0004)}.music-brand>span{font:12px Georgia,serif;letter-spacing:1.2px;color:#ead2a6}.music-brand small{display:block;font:7px Arial,sans-serif;letter-spacing:.3px;color:#c4b7c5;margin-top:5px}.auneya-credits-brand{display:flex;align-items:center;gap:15px;margin:4px 0 24px}.auneya-credits-brand img{width:64px;height:64px;object-fit:contain}.auneya-credits-brand .eyebrow{font-size:13px;letter-spacing:3px}.auneya-credits-brand p{font-size:10px;margin:5px 0 0}@media(max-width:760px){.music-brand{gap:7px;padding-right:9px}.music-brand img{width:37px;height:37px}.music-brand>span{font-size:10px}.music-brand small{font-size:6px}.music-caption{min-width:115px}.music-player{row-gap:10px}}

#music-credits::before{display:none}.auneya-music-banner{margin:-30px -30px 25px;overflow:hidden;background:#111b20}.auneya-music-banner img{display:block;width:100%;height:190px;object-fit:cover;object-position:center 52%}@media(max-width:760px){.auneya-music-banner{margin-bottom:21px}.auneya-music-banner img{height:auto;aspect-ratio:2.3;object-position:center 52%}}