:root{--bg:#0b0b0d;--panel:#151517;--line:#2d2b2e;--text:#f5f0e9;--muted:#938d88;--red:#e94f3d;--orange:#f09c69}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}header{height:72px;padding:0 max(18px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:20;background:#0b0b0de8;backdrop-filter:blur(16px)}.brand{color:#fff;text-decoration:none;font-size:21px;font-weight:800}.brand b{display:inline-grid;place-items:center;width:34px;height:34px;background:linear-gradient(135deg,#ff7048,#be322f);border-radius:10px;font-size:11px;margin-right:8px}.brand span{color:var(--red)}header nav{display:flex;align-items:center;gap:8px}.nav-tab{border:1px solid transparent;background:transparent;color:#8f8984;padding:10px 15px;border-radius:10px;font-weight:700}.nav-tab.active{color:#fff;background:#302320;border-color:#5b3a32}.add,.modal form>button{border:0;border-radius:11px;background:linear-gradient(135deg,var(--red),#c33832);color:white;padding:12px 17px;font-weight:700}.hero{text-align:center;padding:82px 20px 62px;min-height:670px;background:radial-gradient(circle at 50% 5%,#442017,transparent 37%)}small{color:#9b938e;font-size:10px;letter-spacing:.2em;font-weight:800}.hero h1{font:500 clamp(50px,7vw,86px)/.98 Georgia,serif;letter-spacing:-.05em;margin:20px 0}.hero h1 em{font-weight:400;color:#f0aa7b}.hero>p{color:var(--muted);margin-bottom:27px}.type-switch{display:inline-flex;background:#141416;border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:18px}.type-switch button{border:0;background:transparent;color:#88817d;border-radius:8px;padding:9px 18px}.type-switch button.active{background:#302320;color:#fff}.picker,.winner{max-width:920px;margin:auto;background:#151517ed;border:1px solid #343135;border-radius:21px;padding:23px;text-align:left;box-shadow:0 25px 80px #0009}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.filters label,.modal form>label,.form-grid label{color:#918984;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.filters select,.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:8px;border:1px solid #39363a;border-radius:10px;background:#1d1d20;color:white;padding:13px;outline:0}.draw{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.draw>button{height:58px;flex:1;border:0;border-radius:13px;background:linear-gradient(100deg,#e64637,#f17444);color:white;font-weight:800}.draw>button:disabled{opacity:.45}.draw>div{display:flex;align-items:center;gap:10px;min-width:160px}.draw b{font:500 36px Georgia;color:#efa576}.draw span{font-size:11px;color:#8f8883}.no-match{font-size:12px;color:#e79889}.winner{margin-top:18px;display:flex;align-items:center;justify-content:space-between;border-color:#684237;background:linear-gradient(110deg,#271714,#151416);animation:reveal .4s}.winner h2{font:500 32px Georgia;margin:8px 0 4px}.winner p{font-size:12px;color:#9a928d;margin:0}.winner button{background:transparent;color:#ddd;border:1px solid #554a46;border-radius:10px;padding:11px}@keyframes reveal{from{opacity:0;transform:translateY(8px)}}.stats{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #28272a;border-radius:15px}.stats div{text-align:center;padding:25px;border-right:1px solid #28272a}.stats div:last-child{border:0}.stats b{display:block;font:500 32px Georgia;color:#efa576}.stats span{font-size:10px;color:#817b77;text-transform:uppercase;letter-spacing:.1em}.library{max-width:1180px;margin:auto;padding:90px 25px 115px}.collection-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#111113;border:1px solid #302e31;border-radius:15px;padding:6px;margin-bottom:34px}.collection-switch button{border:0;border-radius:10px;background:transparent;color:#89827e;padding:15px;font-weight:750;font-size:15px}.collection-switch button.active{background:linear-gradient(135deg,#3b2622,#281d1b);color:#fff;box-shadow:inset 0 0 0 1px #654039}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.heading h2,.modal h2{font:500 42px Georgia;margin:9px 0 0}.toolbar{min-height:52px;border:1px solid #2c2a2e;border-radius:12px;display:flex;align-items:center;gap:14px;padding:7px 15px;margin-bottom:22px;color:#777}.toolbar>div{display:flex;flex:1;gap:10px}.toolbar input{flex:1;background:transparent;border:0;outline:0;color:white}.toolbar select{background:#1b1b1e;color:#aaa;border:1px solid #343236;border-radius:8px;padding:8px}.toolbar>span{font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden;background:var(--panel);border:1px solid #2b292d;border-radius:16px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#554038}.poster{height:190px;background-size:cover!important;background-position:center!important;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 20% 20%,#9b533a,#281412 70%)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111,transparent 55%)}.p1{background:radial-gradient(circle at 20% 20%,#3d7077,#121f25 70%)}.p2{background:radial-gradient(circle at 80% 20%,#74517a,#25172b 70%)}.p3{background:radial-gradient(circle at 20% 20%,#837441,#282411 70%)}.p4{background:radial-gradient(circle at 20% 20%,#657347,#182012 70%)}.poster>strong{font:500 68px Georgia;color:#ffffff20}.poster>span{position:absolute;z-index:2;left:12px;bottom:11px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.poster .heart{position:absolute;z-index:3;right:11px;top:10px;border:1px solid #ffffff20;border-radius:50%;width:31px;height:31px;background:#08080888;color:#8e8782}.poster .heart.on{color:#ff6656}.body{padding:17px}.title{display:flex;justify-content:space-between}.title h3{margin:0 0 3px;font-size:17px}.original-title,.winner-original{display:block;color:#aaa29d;font-size:12px;font-style:italic;margin-bottom:6px}.winner-original{margin-top:-1px;margin-bottom:7px}.title p{margin:0;color:#847e79;font-size:11px}.delete{border:0;background:transparent;color:#666;font-size:21px}.body blockquote{font-size:11px;color:#a39b96;margin:14px 0;padding-left:9px;border-left:2px solid #704438}.seen-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #2b292d;margin-top:15px;padding-top:13px}.seen-buttons button{border:0;background:transparent;color:#78716d;display:flex;align-items:center;gap:7px;font-size:11px}.seen-buttons i{width:16px;height:16px;border:1px solid #4d4846;border-radius:5px;font-style:normal}.seen-buttons .yes{color:#ddd}.seen-buttons .yes i{display:grid;place-items:center;background:var(--red);border-color:var(--red);color:white}.empty{min-height:220px;border:1px dashed #393438;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#777}.empty b{color:#bbb}footer{border-top:1px solid #28272a;min-height:105px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;color:#706a66;font-size:12px}footer small{max-width:360px;line-height:1.5;letter-spacing:0;font-weight:400;color:#5f5a57}.back{position:fixed;inset:0;z-index:40;background:#000c;backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}.modal{width:min(610px,100%);max-height:92vh;overflow:auto;background:#161618;border:1px solid #3b373c;border-radius:21px;padding:29px;position:relative}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#aaa;font-size:29px}.modal>p{color:#8d8580;font-size:13px}.modal form{display:flex;flex-direction:column;gap:15px}.form-type{display:flex!important;gap:9px!important}.form-type label{flex:1;border:1px solid #39363a;border-radius:10px;padding:12px;color:#bbb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.title-search{position:relative}.tmdb-hint{display:block;color:#6f6965;font-size:10px;text-transform:none;letter-spacing:0;margin:6px 2px}.tmdb-results{position:absolute;left:0;right:0;top:72px;z-index:8;background:#202023;border:1px solid #4a4549;border-radius:11px;overflow:hidden;box-shadow:0 18px 45px #000}.tmdb-result{width:100%;display:grid;grid-template-columns:45px 1fr;gap:11px;align-items:center;border:0;border-bottom:1px solid #343236;background:transparent;color:#eee;text-align:left;padding:8px}.tmdb-result:hover{background:#2b292d}.tmdb-result img{width:45px;height:65px;border-radius:5px;object-fit:cover;background:#333}.tmdb-result b,.tmdb-result span{display:block}.tmdb-result .tmdb-original{color:#bbb3ae;font-size:11px;font-style:italic;margin-top:2px}.tmdb-result span{color:#8e8782;font-size:11px;margin-top:4px}.tmdb-loading{padding:14px;color:#8e8782;font-size:12px}.modal textarea{height:70px}.modal fieldset{border:0;padding:0;display:flex;gap:20px;color:#aaa;font-size:13px}.modal fieldset legend{float:left;margin-right:20px;color:#777}.modal fieldset label{display:flex;gap:6px}.modal fieldset input,.form-type input{width:auto;margin:0}.toast{position:fixed;right:20px;bottom:20px;z-index:60;background:#eee7df;color:#211c19;padding:13px 17px;border-radius:11px;font-size:13px;font-weight:700}@media(max-width:760px){header{height:64px;padding:0 15px}.nav-tab{padding:8px}.top-add{font-size:0}.top-add:after{content:"＋";font-size:19px}.hero{padding:58px 14px 43px;min-height:0}.hero h1{font-size:47px}.filters{grid-template-columns:1fr}.picker{padding:16px}.draw{flex-direction:column}.draw>button{width:100%;min-height:56px}.winner{align-items:flex-start;flex-direction:column;gap:15px}.stats{grid-template-columns:1fr;margin:0 14px}.stats div{border-right:0;border-bottom:1px solid #28272a;padding:16px}.library{padding:68px 14px 80px}.heading h2{font-size:35px}.heading>.add{font-size:0}.heading>.add:after{content:"＋";font-size:21px}.toolbar{flex-wrap:wrap}.toolbar>div{min-width:100%}.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.modal{padding:26px 19px}footer{flex-direction:column;justify-content:center;gap:8px}}@media(min-width:761px) and (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}
.roulette-back{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#050506e8;backdrop-filter:blur(14px);animation:rouletteFade .25s ease}.roulette-modal{position:relative;width:min(560px,100%);text-align:center}.roulette-close{position:absolute;z-index:2;right:2px;top:-8px;width:42px;height:42px;border:1px solid #ffffff24;border-radius:50%;background:#171719;color:#aaa;font-size:26px}.roulette-stage{position:relative;width:min(310px,72vw);aspect-ratio:2/3;margin:20px auto 24px;perspective:1000px}.roulette-stage:before{content:"";position:absolute;inset:10% -28%;z-index:-1;background:radial-gradient(circle,#e94f3d55,transparent 68%);filter:blur(22px)}.roulette-card{height:100%;overflow:hidden;border:1px solid #765046;border-radius:22px;background:linear-gradient(145deg,#37221e,#121214);box-shadow:0 32px 90px #000,0 0 0 1px #ffffff0d;transition:transform .12s ease,opacity .12s ease}.roulette-card.spinning{animation:rouletteFlip .16s ease}.roulette-poster{height:76%;background-position:center!important;background-size:cover!important;display:grid;place-items:center;position:relative}.roulette-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#171416,transparent 48%)}.roulette-poster strong{font:500 100px Georgia;color:#ffffff24}.roulette-copy{height:24%;display:flex;flex-direction:column;justify-content:center;padding:10px 18px}.roulette-copy h2{overflow:hidden;margin:0;font:500 25px/1.05 Georgia;white-space:nowrap;text-overflow:ellipsis}.roulette-copy span{overflow:hidden;margin-top:7px;color:#a99f99;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.roulette-actions{display:flex;justify-content:center;gap:10px;animation:reveal .35s ease}.roulette-actions button{border:1px solid #55433e;border-radius:12px;background:#1b1819;color:#ddd;padding:13px 18px;font-weight:750}.roulette-actions button:first-child{border:0;background:linear-gradient(135deg,var(--red),#c33832);color:#fff}.roulette-modal>small{color:#efa576}.roulette-modal.won .roulette-card{animation:rouletteWin .6s cubic-bezier(.2,.8,.2,1);border-color:#e67655;box-shadow:0 32px 90px #000,0 0 38px #e94f3d55}@keyframes rouletteFade{from{opacity:0}}@keyframes rouletteFlip{50%{opacity:.35;transform:translateY(-8px) rotateX(5deg) scale(.98)}}@keyframes rouletteWin{0%{transform:scale(.94)}55%{transform:scale(1.035)}100%{transform:scale(1)}}@media(max-width:520px){.roulette-stage{width:min(270px,70vw);margin-top:16px}.roulette-copy h2{font-size:21px}.roulette-actions{flex-direction:column}.roulette-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.roulette-back,.roulette-card,.roulette-actions{animation:none!important;transition:none!important}}

.library-results{display:flex;flex-direction:column;gap:24px}.standalone-grid:empty{display:none}.film-collection{overflow:hidden;border:1px solid #3a3130;border-radius:18px;background:linear-gradient(135deg,#1c1717,#121214);box-shadow:0 18px 55px #0004}.collection-header{width:100%;min-height:106px;display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:17px;border:0;background:transparent;color:var(--text);padding:14px 18px;text-align:left}.collection-cover{width:66px;height:78px;border-radius:9px;background:radial-gradient(circle at 30% 20%,#8c4c39,#241615);background-position:center!important;background-size:cover!important;box-shadow:0 8px 22px #0008}.collection-info small{display:block;margin-bottom:7px;color:#e38a69}.collection-info h3{margin:0 0 7px;font:500 26px Georgia}.collection-info span{color:#958c87;font-size:12px}.collection-chevron{font-size:25px;color:#b4705d;transition:transform .25s ease}.collection-movies{padding:4px 18px 18px;border-top:1px solid #302a2a}.film-collection.collapsed .collection-movies{display:none}.film-collection.collapsed .collection-chevron{transform:rotate(-90deg)}@media(max-width:760px){.collection-header{grid-template-columns:52px 1fr auto;gap:12px;padding:12px}.collection-cover{width:52px;height:67px}.collection-info h3{font-size:21px}.collection-movies{padding:4px 12px 12px}}

.quick-picks{max-width:920px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-picks>button{display:flex;align-items:center;gap:12px;border:1px solid #343035;border-radius:14px;background:#151517d9;color:#eee;padding:14px;text-align:left;transition:.2s}.quick-picks>button:hover{transform:translateY(-2px);border-color:#6f453a;background:#211817}.quick-picks b{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:11px;background:#33221f;color:#ee8c67}.quick-picks span{font-size:13px;font-weight:750}.quick-picks small{display:block;margin-top:4px;letter-spacing:0;text-transform:none;font-size:10px;font-weight:500}.filters{grid-template-columns:repeat(5,1fr)}.avoid-recent{display:flex;align-items:center;gap:8px;margin-top:15px;color:#8e8782;font-size:11px}.avoid-recent input{accent-color:var(--red)}.card[data-card-id]{cursor:pointer}.history{max-width:1080px;margin:80px auto 0;padding:0 25px}.history .heading{margin-bottom:20px}.history .heading h2{font:500 38px Georgia;margin:9px 0 0}.history-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.history-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;min-height:77px;border:1px solid #2e2b2e;border-radius:14px;background:#141416;padding:9px}.history-poster{width:48px;height:59px;border-radius:7px;background:linear-gradient(135deg,#593027,#1e1514);background-size:cover!important;background-position:center!important}.history-card h3{margin:3px 0 5px;font-size:14px}.history-card>div>span{color:#7f7874;font-size:10px}.history-card small{font-size:8px;color:#d77c5e}.history-actions{display:flex;align-items:center;gap:5px}.history-actions button{border:1px solid #3e393b;border-radius:8px;background:transparent;color:#918985;padding:7px 9px;font-size:10px}.history-actions button.done{color:#ef9c79;border-color:#694339}.history-actions button:last-child{border:0;font-size:18px}.empty.compact{min-height:100px}.detail-modal{width:min(760px,100%)}.detail-hero{display:grid;grid-template-columns:180px 1fr;gap:22px;margin:-29px -29px 25px;min-height:270px;background:#111113}.detail-backdrop{min-height:270px;background:linear-gradient(145deg,#563126,#191315);background-size:cover!important;background-position:center!important}.detail-hero>div:last-child{align-self:end;padding:25px 30px 25px 0}.detail-hero h2{font-size:36px;margin:8px 0}.detail-hero span{color:#aaa19c;font-size:12px;font-style:italic}.detail-hero p{max-height:88px;overflow:auto;color:#9b938e;font-size:12px;line-height:1.5}.detail-modal form>label{color:#918984;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.detail-modal form>label textarea{display:block;width:100%;margin-top:8px;border:1px solid #39363a;border-radius:10px;background:#1d1d20;color:white;padding:13px;outline:0}.detail-modal form>button{border:0;border-radius:11px;background:linear-gradient(135deg,var(--red),#c33832);color:#fff;padding:13px;font-weight:750}.detail-modal form{display:flex;flex-direction:column;gap:15px}.detail-modal fieldset{border:0;padding:0;display:flex;gap:18px;color:#aaa}.detail-modal fieldset label{display:flex;gap:6px}@media(max-width:1000px){.filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.quick-picks{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.history{margin-top:55px;padding:0 14px}.history-list{grid-template-columns:1fr}.history-card{grid-template-columns:44px 1fr}.history-actions{grid-column:2}.detail-hero{grid-template-columns:105px 1fr;margin:-26px -19px 22px;min-height:210px}.detail-backdrop{min-height:210px}.detail-hero>div:last-child{padding:20px 18px 20px 0}.detail-hero h2{font-size:27px}.detail-hero p{display:none}}

.detail-trailer{margin:0 0 24px;overflow:hidden;border:1px solid #373236;border-radius:15px;background:#0d0d0f}.trailer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px}.trailer-heading small{color:#ec8c68}.trailer-heading span{overflow:hidden;color:#8f8782;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.detail-trailer iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}@media(max-width:760px){.detail-trailer{margin-bottom:20px}.trailer-heading span{max-width:65%}}

.draw{gap:12px}#swipe-start{background:#201b1c;border:1px solid #6a4138;color:#f0c3b4}#swipe-start:hover{background:#30211f}.swipe-back{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#050506ed;backdrop-filter:blur(16px)}.swipe-modal{position:relative;width:min(470px,100%);max-height:96vh;overflow:auto;text-align:center}.swipe-close{position:absolute;z-index:5;right:4px;top:3px;width:40px;height:40px;border:1px solid #ffffff24;border-radius:50%;background:#171719;color:#aaa;font-size:25px}.swipe-handoff,.swipe-result{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 26px;border:1px solid #3a3334;border-radius:24px;background:radial-gradient(circle at 50% 12%,#3c201a,#151416 48%);box-shadow:0 30px 100px #000}.swipe-round{color:#ee8d69;font-size:10px;letter-spacing:.18em;font-weight:800}.handoff-icon,.result-icon{display:grid;place-items:center;width:84px;height:84px;margin:30px 0 18px;border-radius:50%;background:#2e201e;color:#ef8b68;font-size:38px}.swipe-handoff h2,.swipe-result h2{margin:0;font:500 36px Georgia}.swipe-handoff p,.swipe-result p{max-width:330px;color:#9b938e;font-size:13px;line-height:1.55}.swipe-handoff>button,.result-actions button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--red),#c33832);color:#fff;padding:14px 22px;font-weight:800}.swipe-top{display:flex;justify-content:space-between;padding:5px 52px 11px 5px;color:#a09893;font-size:12px}.swipe-top b{color:#ed8e6b}.swipe-card-wrap{width:min(330px,78vw);margin:auto;perspective:1000px}.swipe-card{overflow:hidden;border:1px solid #5e433d;border-radius:22px;background:#171719;box-shadow:0 28px 80px #000;user-select:none;touch-action:pan-y;transition:transform .2s ease,opacity .2s ease}.swipe-poster{height:min(52vh,430px);min-height:320px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 25% 15%,#985039,#251514);background-size:cover!important;background-position:center!important}.swipe-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#171719 0,transparent 48%)}.swipe-poster>strong{font:500 100px Georgia;color:#ffffff25}.swipe-copy{min-height:112px;padding:18px;text-align:left}.swipe-copy h2{margin:0 0 5px;font:500 27px/1.05 Georgia}.swipe-copy>span{display:block;color:#a9a09b;font-size:12px;font-style:italic}.swipe-copy p{margin:9px 0 0;color:#8f8782;font-size:11px}.swipe-stamp{position:absolute;z-index:3;top:35px;border:4px solid;border-radius:8px;padding:7px 10px;font-size:22px;font-weight:900;letter-spacing:.08em;opacity:0}.swipe-no-stamp{right:22px;color:#ff675e;transform:rotate(12deg)}.swipe-yes-stamp{left:22px;color:#70d49b;transform:rotate(-12deg)}.swipe-card.drag-like .swipe-yes-stamp,.swipe-card.drag-no .swipe-no-stamp{opacity:1}.swipe-card.fly-right{transform:translateX(130%) rotate(18deg)!important;opacity:0}.swipe-card.fly-left{transform:translateX(-130%) rotate(-18deg)!important;opacity:0}.swipe-actions{display:flex;justify-content:center;gap:45px;padding-top:17px}.swipe-actions button{display:grid;place-items:center;width:62px;height:62px;border:1px solid;border-radius:50%;background:#171719;font-size:29px}.swipe-actions small{display:block;margin-top:-5px;letter-spacing:0;font-size:8px}.swipe-dislike{border-color:#713b38!important;color:#f1635c}.swipe-like{border-color:#38664e!important;color:#62cf91}.match-grid{width:100%;max-height:270px;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.match-card{overflow:hidden;border:1px solid #342f31;border-radius:12px;background:#171719;text-align:left}.match-card span{display:block;height:120px;background:linear-gradient(135deg,#6b392d,#211515);background-size:cover!important;background-position:center!important}.match-card b{display:block;overflow:hidden;padding:9px;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.result-actions{display:flex;gap:10px}.result-actions button:last-child{background:#201d1e;border:1px solid #4d4140;color:#bbb}@media(max-width:760px){.draw{gap:10px}.swipe-back{padding:10px}.swipe-modal{max-height:98vh}.swipe-handoff,.swipe-result{min-height:min(620px,88vh)}.swipe-poster{height:min(50vh,400px);min-height:300px}.swipe-card-wrap{width:min(320px,82vw)}.swipe-copy{min-height:100px}.swipe-copy h2{font-size:24px}.match-grid{grid-template-columns:repeat(2,1fr)}.result-actions{width:100%;flex-direction:column}.result-actions button{width:100%}}.swipe-mode{justify-content:flex-start;padding-top:48px}.swipe-mode .handoff-icon{margin:18px 0 12px}.swipe-mode-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 8px}.swipe-mode-grid button{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:7px;padding:16px;border:1px solid #493b39;border-radius:16px;background:linear-gradient(145deg,#261b1a,#171719);color:#fff;text-align:left}.swipe-mode-grid button:first-child:before{content:"▣";color:#ef8b68;font-size:25px;margin-bottom:auto}.swipe-mode-grid button:nth-child(2):before{content:"◫";color:#ef8b68;font-size:25px;margin-bottom:auto}.swipe-mode-grid button:hover{border-color:#9d5946;transform:translateY(-2px)}.swipe-mode-grid button:disabled{opacity:.4;cursor:not-allowed;transform:none}.swipe-mode-grid b{font-size:15px}.swipe-mode-grid span{color:#9b938e;font-size:10px}.swipe-handoff>button.join-link{margin-top:12px;padding:9px 14px;background:transparent;border:0;color:#c6bcb7;font-weight:700;text-decoration:underline;text-underline-offset:4px}.room-warning{display:block;margin-top:8px;color:#d18a70}.room-code-input{width:250px;max-width:100%;margin:18px 0 10px;padding:16px;border:1px solid #694b44;border-radius:14px;background:#0f0e10;color:#fff;font:700 30px/1 monospace;letter-spacing:.22em;text-align:center}.room-code-input:focus{outline:2px solid #e7694d;outline-offset:2px}.room-code{margin:38px 0 22px;color:#f58d68;font:800 clamp(42px,12vw,66px)/1 monospace;letter-spacing:.16em;text-shadow:0 0 34px #f05d3d45}.room-lobby h2{font-size:31px}.room-lobby>button{margin-top:13px}.waiting-dots{display:flex;gap:7px;margin-top:28px}.waiting-dots i{width:8px;height:8px;border-radius:50%;background:#ef7959;animation:waitingPulse 1.1s ease-in-out infinite}.waiting-dots i:nth-child(2){animation-delay:.16s}.waiting-dots i:nth-child(3){animation-delay:.32s}.room-loader{width:52px;height:52px;margin-bottom:24px;border:4px solid #3d2925;border-top-color:#f06c4e;border-radius:50%;animation:roomSpin .8s linear infinite}@keyframes waitingPulse{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@keyframes roomSpin{to{transform:rotate(360deg)}}@media(max-width:520px){.swipe-mode-grid{grid-template-columns:1fr}.swipe-mode-grid button{min-height:92px}.swipe-mode-grid button:before{margin-bottom:5px!important}.room-code{font-size:46px}}@media(prefers-reduced-motion:reduce){.swipe-card{transition:none}.waiting-dots i,.room-loader{animation:none}}