@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#f5efe2;--muted:#b9b8b5;--gold:#dcc18e;--line:#ddc29338;--glass:#111b24da;--accent:#e4c88f;--paper:#f0e7d5;--dark:#121b22;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#101720;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(48px,5.4vw,78px);line-height:1.02;letter-spacing:-1.8px}h1 em{font-weight:400;color:var(--gold)}h2{font-size:32px;line-height:1.12}h3{font-size:30px;line-height:1.15}p{line-height:1.7}#world,.world-shade{position:fixed;inset:0;pointer-events:none}#world{z-index:-3;background-size:cover;background-position:center;transition:background-image .6s;background-color:#101720}.world-shade{z-index:-2;background:linear-gradient(180deg,#07101765,#0b142488 65%,#09121be8)}body[data-theme="giardino"]{--glass:#0c211ee3;--accent:#b9d4aa}body[data-theme="mare"]{--glass:#0c2633e0;--accent:#a6d4de}body[data-theme="deserto"]{--glass:#281718df;--accent:#edb48d}body[data-theme="luna"]{--glass:#221b30df;--accent:#d5b7d4}.shell{width:min(1440px,94%);margin:auto;padding:24px 0 35px}#header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:24px;border-bottom:1px solid var(--line);min-height:92px}.brand{display:flex;align-items:center;gap:13px;font:500 26px/.97 'Cormorant Garamond',Georgia,serif;flex-shrink:0}.brand em{display:block;font-style:normal}.brand-seal{display:grid;place-items:center;width:51px;height:58px;border:1px solid var(--gold);border-radius:50% 50% 44% 44%;color:var(--gold);font-size:29px}.top-pills{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);padding:9px 13px;border-radius:30px;font-size:10px;letter-spacing:1.6px;background:#0d17235e;white-space:nowrap}.pill.accent{color:var(--gold)}.eyebrow{display:block;font-size:10px;letter-spacing:2.4px;font-weight:600;color:var(--gold);line-height:1.6}.btn{border:1px solid var(--line);border-radius:8px;min-height:46px;padding:12px 20px;display:inline-flex;justify-content:center;align-items:center;gap:18px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn.primary{background:var(--gold);color:#1c2327;border-color:var(--gold);box-shadow:0 5px 20px #0002}.btn.ghost{background:#121c2970;color:var(--ink);backdrop-filter:blur(10px)}.btn.small{font-size:11px;min-height:36px;padding:8px 13px;gap:8px}.btn.full{width:100%}.text-btn{border:0;background:none;color:var(--gold);padding:13px 8px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.glass{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 22px 60px #0002;backdrop-filter:blur(20px)}.quiet{font-size:12px;line-height:1.7;color:var(--muted);margin:15px 0}.tiny{font-size:10px;color:var(--muted)}label{display:block;font-size:11px;letter-spacing:.4px;margin:18px 0 8px;color:var(--muted)}input:not([type=range]),textarea,select{width:100%;border:1px solid #b9c5cf44;border-radius:8px;background:#101b27c9;color:var(--ink);padding:14px;outline:none;font-size:14px}textarea{min-height:90px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.notice{padding:17px 22px;border:1px solid var(--line);border-radius:10px;background:#aab99a15;font-size:13px;margin:20px 0}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.landing-hero{padding:88px 4% 65px;text-align:center;max-width:1000px;margin:auto}.landing-hero .eyebrow{margin-bottom:23px}.landing-hero h1{font-size:clamp(54px,6.3vw,92px);text-shadow:0 4px 25px #0005}.landing-hero p{margin:23px auto 28px;color:#e1dfdc;font-size:15px}.landing-hero .hero-actions{justify-content:center}.feature-line{display:flex;justify-content:center;gap:25px;margin:35px auto 0;font-size:11px;color:#cfccca}.feature-line span+span:before{content:'✦';font-size:8px;color:var(--gold);margin-right:25px}.entrance-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:850px;margin:0 auto 45px;scroll-margin-top:25px}.entrance-grid h2{margin:8px 0 23px}.entrance-grid .btn{margin-top:20px}.theme-picker{margin:25px 0}.theme-picker>.eyebrow{text-align:center;margin-bottom:14px}.theme-options{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.theme-option{position:relative;width:150px;height:86px;background-size:cover;background-position:center;border:1px solid #ddd5;border-radius:10px;overflow:hidden;padding:0;color:white;transition:transform .2s,border .2s}.theme-option:hover{transform:translateY(-4px)}.theme-option.selected{border:2px solid var(--gold);box-shadow:0 0 0 3px #dcc18e25}.theme-option span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#090e18e8);padding:22px 3px 9px;font-size:10px;letter-spacing:.2px}.landing-hero~.quiet{text-align:center;max-width:750px;margin:25px auto}.curator-badge{position:relative;display:flex;align-items:center;gap:15px;margin:23px auto 18px;padding:15px 22px;border:1px solid #e1c78e70;background:linear-gradient(100deg,#1b2739e8,#192331ad);border-radius:11px;box-shadow:0 10px 30px #0002}.curator-emblem{font-size:30px;color:var(--gold)}.curator-badge strong{display:block;font:500 27px 'Cormorant Garamond',Georgia,serif;margin-top:3px}.curator-badge .eyebrow{font-size:9px;letter-spacing:2px}.you-tag{font:600 8px 'DM Sans',sans-serif;letter-spacing:1px;padding:4px 8px;border:1px solid var(--line);border-radius:20px;vertical-align:middle;margin-left:9px;color:var(--gold)}.round-mark{margin-left:auto;font:400 36px 'Cormorant Garamond',Georgia,serif;color:#dcc18e80}.phase-steps{display:flex;justify-content:center;gap:36px;margin:20px auto 35px;font-size:11px;color:#c0bab080}.phase-steps span{display:flex;align-items:center;gap:9px}.phase-steps b{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-weight:400;font-size:10px}.phase-steps .active{color:var(--gold)}.phase-steps .active b{background:var(--gold);color:#15202c;border-color:var(--gold)}.phase-steps .done{color:#b5cbb1}.choice-scene,.reveal-scene{max-width:950px;margin:auto}.scene-title{text-align:center;margin-bottom:15px}.scene-title .eyebrow{margin-bottom:13px}.scene-title p{max-width:580px;margin:17px auto 20px;color:#d3d0ca;font-size:13px}.hand-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;max-width:830px;margin:35px auto 0}.hand-heading>span:last-child{color:var(--muted);font-size:10px}.hand-scroll{overflow-x:auto;padding:45px 12px 23px;margin:0 -10px;scrollbar-width:thin;scrollbar-color:#dcc18e50 transparent}.hand{display:flex;justify-content:center;align-items:flex-start;min-width:570px;min-height:295px;padding:10px 40px 18px}.hand-card{position:relative;flex:0 0 185px;min-width:0;height:266px;padding:11px;background:var(--paper);border:1px solid #baab8c;border-radius:13px;color:var(--dark);box-shadow:0 12px 25px #0006;transform:translateY(var(--offset)) rotate(var(--angle));transform-origin:50% 110%;transition:transform .24s,box-shadow .24s;z-index:var(--layer);text-align:left}.hand-card+.hand-card{margin-left:-29px}.hand-card:hover,.hand-card:focus-visible{transform:translateY(-15px) rotate(0);z-index:15}.hand-card.lifted{transform:translateY(-28px) rotate(0);z-index:20;box-shadow:0 0 0 3px var(--gold),0 22px 40px #0008}.card-index{display:flex;justify-content:space-between;font-size:9px;color:#6c6356;margin:0 1px 8px;letter-spacing:1px}.card-index span{color:#8c7955}.card-art{height:162px;background:#d8cebb;display:flex;align-items:center;justify-content:center;border:1px solid #d0c2a9;border-radius:4px;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:contain}.card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 17px/1.02 'Cormorant Garamond',Georgia,serif;margin-top:9px}.card-author{display:block;font-size:8px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6d6558}.detail-empty{display:flex;gap:18px;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:12px;padding:25px;margin:5px auto 20px;max-width:830px;color:var(--muted);font-size:12px}.detail-empty>span{font:45px Georgia;color:var(--gold)}.art-detail{display:grid;grid-template-columns:minmax(130px,.68fr) 1.4fr;gap:26px;padding:24px;background:var(--glass);border:1px solid var(--line);border-radius:15px;max-width:830px;margin:8px auto 22px}.detail-image{background:#e6ddc6;padding:10px;border-radius:6px;display:grid;place-items:center;min-height:200px}.detail-image img{max-width:100%;width:100%;height:100%;max-height:330px;object-fit:contain}.art-detail .eyebrow{font-size:8px;margin-bottom:9px}.artist{color:var(--gold);font-size:13px;margin:7px 0 13px}dl{margin:12px 0;font-size:10px;line-height:1.65}dl>div{display:grid;grid-template-columns:82px 1fr;gap:10px;margin:5px 0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.source-link,.source-links a{font-size:10px;text-decoration:underline;text-underline-offset:4px;color:var(--gold)}.submit-panel{max-width:630px;margin:15px auto 35px;text-align:center}.submit-panel label{text-align:left}.submit-panel .btn{margin-top:15px}.hint{font:italic 500 32px/1.25 'Cormorant Garamond',Georgia,serif;color:#f3e8cd;text-align:center;margin:22px auto;padding:15px 25px;max-width:850px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-wrap:anywhere}.sound-bar{display:flex;align-items:center;gap:16px;padding:15px 18px;background:#0e1829c4;border:1px solid var(--line);border-radius:10px;margin-top:20px;backdrop-filter:blur(15px)}.equalizer{display:flex;align-items:center;gap:3px;flex-shrink:0;height:25px}.equalizer i{width:3px;background:var(--gold);height:7px;border-radius:2px}.equalizer i:nth-child(2){height:22px}.equalizer i:nth-child(3){height:14px}.playing .equalizer i{animation:equalize 1.1s ease-in-out infinite alternate}.playing .equalizer i:nth-child(2){animation-delay:-.4s}.playing .equalizer i:nth-child(3){animation-delay:-.7s}.playing .equalizer i:nth-child(4){animation-delay:-.1s}.sound-title{flex:1;min-width:0}.sound-title strong{display:block;font-size:11px;color:var(--gold)}.sound-title>span{display:block;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:700px;margin:3px 0}.sound-title small{font-size:9px;color:var(--muted)}.volume-label{margin:0;font-size:9px;display:flex;align-items:center;gap:8px}.volume-label input{width:85px;accent-color:var(--gold)}.tv-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:25px;align-items:start}.tv-main{min-width:0}.tv-instruction{text-align:center;margin:0 auto 18px;padding:0 15px}.tv-instruction p{font:400 23px/1.3 'Cormorant Garamond',Georgia,serif;margin-top:6px}.table-panel{background:linear-gradient(145deg,#122027c9,#1321308f);border:1px solid #d7be8e69;border-radius:28px;padding:25px 26px 20px;box-shadow:inset 0 0 0 6px #dfc18a08,inset 0 0 75px #0005,0 30px 60px #0003;backdrop-filter:blur(10px)}.table-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.table-heading .eyebrow{font-size:9px}.table-panel h2{text-align:center;margin:20px 0 25px;font-size:31px}.table-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:22px 15px;max-width:1100px;margin:20px auto 10px;justify-content:center}.table-slot{min-width:0;perspective:1100px;max-width:220px;width:100%;justify-self:center}.card-flipper{position:relative;aspect-ratio:2/3;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.card-back,.card-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;overflow:hidden}.card-back{background:repeating-linear-gradient(35deg,transparent 0 16px,#c2ad7d10 17px 18px),linear-gradient(150deg,#22374a,#111a28);border:1px solid #ddc18a8c;padding:10px;box-shadow:0 12px 25px #0006}.back-ring{height:100%;border:1px solid #d7bd8155;outline:1px solid #d7bd8122;outline-offset:-5px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:12px}.back-ring:before,.back-ring:after{content:'';position:absolute;width:75%;aspect-ratio:1;border:1px solid #d7bd8130;border-radius:50%}.back-ring:after{width:55%}.back-ring>span{font-size:22px;color:var(--gold)}.back-ring b{font:400 45px 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.back-ring small{font-size:5px;letter-spacing:1.5px;color:var(--gold);text-align:center}.card-front{transform:rotateY(180deg);background:var(--paper);border:1px solid #e5d3b1;padding:10px;display:grid;place-items:center;box-shadow:0 10px 25px #0004}.card-front img{width:100%;height:100%;object-fit:contain}.empty .card-back{background:#192b332a;border:1px dashed #d6c39544;box-shadow:none}.empty .back-ring{opacity:0}.empty:before{content:'✧';position:absolute;font:40px Georgia;color:#c8b89150}.empty .card-flipper:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:#dcc18e50;font:30px Georgia}.faceup .card-flipper{transform:rotateY(180deg)}.opening .card-flipper{animation:turnCard 1.3s both;animation-delay:var(--delay)}.occupied:not(.faceup) .card-back{animation:arrive .5s both}.slot-label{display:block;text-align:center;font-size:8px;letter-spacing:1.7px;color:#d5c8a8;margin-top:12px}.slot-number{font:40px Georgia;color:#8d7a5e}.table-letter{position:absolute;bottom:11px;left:11px;background:#152435e8;color:#e9d1a4;width:29px;height:29px;border:1px solid #d9c39a;border-radius:50%;display:grid;place-items:center;font-size:12px}.table-caption{text-align:center;font-size:10px;color:var(--muted);margin:24px auto 2px;line-height:1.6}.table-status{text-align:center;font-size:12px;letter-spacing:.4px;color:var(--gold);margin:20px}.tv-sidebar{display:flex;flex-direction:column;gap:18px}.music-story{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(15px)}.music-heading{display:flex;gap:14px;align-items:center}.vinyl{width:46px;height:46px;border-radius:50%;flex-shrink:0;background:repeating-radial-gradient(circle,#182336 0 2px,#2c3846 3px 4px);display:grid;place-items:center;border:1px solid #8b7a5a}.vinyl span{display:grid;place-items:center;background:var(--gold);color:#172637;width:19px;height:19px;border-radius:50%;font-size:13px}.music-heading .eyebrow{font-size:7px;letter-spacing:1.7px}.music-heading h2{font-size:27px;margin:7px 0 8px}.music-heading p{font-size:11px;line-height:1.5;color:#d3d0c8}.music-tags{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.music-tags span{font-size:8px;padding:5px 8px;border:1px solid var(--line);border-radius:20px;color:var(--gold)}.music-curiosity{border-left:1px solid var(--gold);padding-left:13px;font-size:11px;line-height:1.75;margin:20px 0}.music-curiosity>span{display:block;font-size:8px;letter-spacing:1.8px;color:var(--gold);margin-bottom:7px}.music-story details{border-top:1px solid var(--line);padding-top:13px}.music-story summary{font-size:10px;color:var(--muted);cursor:pointer}.music-story dl>div{grid-template-columns:70px 1fr}.source-links{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap}.score-panel{padding:20px}.scores{margin:13px 0;display:flex;flex-direction:column;gap:8px}.scores>div{display:flex;align-items:center;gap:10px;font-size:11px;padding:10px 0;border-bottom:1px solid #dcc18e16}.scores strong{margin-left:auto;color:var(--gold);font-size:16px;font-weight:500}.scores em{color:var(--gold);font-style:normal}.player-avatar{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:18px Georgia}.tv-answer{margin-top:20px;text-align:center;padding:20px;background:var(--glass);border:1px solid var(--line);border-radius:15px}.tv-answer h2{margin:6px 0}.tv-answer p{font-size:12px;color:var(--muted)}.tv-answer .btn{margin-top:12px}.tv-hint{font-size:33px;margin-top:0}.sent-confirmation{text-align:center;max-width:650px;margin:25px auto}.sent-confirmation h1{font-size:52px;margin:12px 0}.sent-confirmation p{font-size:12px;color:var(--muted)}.sent-seal{width:50px;height:50px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);margin:0 auto 22px}.table-panel.compact{max-width:800px;margin:25px auto 30px}.compact .table-grid{max-width:650px}.compact .card-flipper{aspect-ratio:3/4}.compact .back-ring b{font-size:24px}.compact .back-ring>span,.compact .back-ring small{display:none}.vote-grid{max-width:900px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px auto}.vote-card{border:2px solid transparent;background:var(--paper);padding:9px;border-radius:10px;position:relative;color:var(--dark);transition:transform .2s,box-shadow .2s;text-align:left}.vote-card img{width:100%;height:190px;object-fit:contain;background:#dfd6c3;border-radius:4px}.vote-card>span{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.4;margin-top:8px}.vote-card b{font-size:17px;font-family:Georgia}.vote-card.selected{transform:translateY(-9px);box-shadow:0 0 0 3px var(--gold),0 10px 35px #0005}.vote-card:disabled{opacity:.62}.vote-second{max-width:680px;margin:25px auto}.vote-second h2{font-size:29px;margin:8px 0 20px}.resonance-options{display:flex;gap:10px;flex-wrap:wrap}.resonance-options .btn{min-width:50px}.mobile-music{max-width:830px;margin:30px auto}.mobile-music>summary{font-size:12px;color:var(--gold);cursor:pointer;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--glass)}.mobile-music .music-story{margin-top:10px}.host-controls{max-width:830px;margin:25px auto;border:1px solid var(--line);border-radius:12px;background:var(--glass);padding:17px 20px}.host-controls>summary{font-size:11px;color:var(--muted);cursor:pointer}.host-controls>summary span{float:right;color:var(--gold);font-size:8px;letter-spacing:1px}.host-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.host-players>div{font-size:12px;border-top:1px solid var(--line);padding:8px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.host-players .text-btn{font-size:10px}.host-controls .theme-option{width:115px;height:70px}.host-controls .theme-option span{font-size:8px}.lobby-mobile{max-width:750px;margin:40px auto}.lobby-mobile h1{font-size:65px;margin:15px 0}.room-code{font-size:40px;letter-spacing:9px;color:var(--gold);margin:25px 0;font-weight:500}.lobby-mobile .scores{display:grid;grid-template-columns:1fr 1fr;gap:5px 25px;margin:30px 0}.lobby-mobile>.btn{margin-top:18px}.lobby-tv{display:grid;grid-template-columns:1fr 450px;gap:90px;align-items:center;min-height:72vh;max-width:1100px;margin:auto}.lobby-tv h1{font-size:100px;margin:25px 0}.lobby-tv p{color:var(--muted)}.join-panel{text-align:center}.join-panel .qr{width:155px;background:white;padding:9px;border-radius:8px}.join-panel .eyebrow{margin-top:25px}.join-panel p{font-size:12px;margin-top:18px}.reveal-scene>.eyebrow,.reveal-scene>h1{text-align:center}.reveal-scene>.notice{max-width:830px;margin:20px auto}.reveal-scene>.scores{max-width:700px;margin:25px auto}.reveal-scene>.btn{max-width:700px;display:flex;margin:auto}.final-scene{text-align:center;max-width:850px;margin:30px auto}.final-scene h1{font-size:65px;margin:20px 0 35px}.final-scene .scores{max-width:550px;margin:20px auto 30px;text-align:left}.final-star{display:block;font:70px Georgia;color:var(--gold);margin-bottom:22px}.modal-cover{position:fixed;inset:0;z-index:100;background:#050c17df;backdrop-filter:blur(12px);display:grid;place-items:center;padding:25px}.modal{max-width:470px;text-align:center}.modal h2{font-size:42px}.modal p{margin:20px 0}.modal .btn{margin-top:10px}#toast{position:fixed;z-index:110;bottom:25px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;transition:.2s;background:#efe4cc;color:#152132;border:1px solid #a99a7c;border-radius:10px;padding:13px 22px;max-width:90vw;font-size:12px;box-shadow:0 10px 40px #0005}#toast.show{transform:translate(-50%,0);opacity:1}#footer{font-size:9px;letter-spacing:1px;color:#c5bca880;text-align:center;border-top:1px solid var(--line);padding-top:22px;margin-top:45px;line-height:1.8}#footer span{margin:0 9px}.tv-view .shell{width:94%;max-width:1800px}.tv-view .curator-badge{max-width:750px}.tv-view .phase-steps{margin-bottom:22px}.tv-view .sound-bar{max-width:1100px;margin:15px auto}.tv-view #header{min-height:80px;padding-bottom:15px}.tv-view .shell{padding-top:20px}.missing{min-height:120px;color:#443d35;font-size:12px}.tv-view .table-slot{max-width:220px}
@keyframes equalize{to{transform:scaleY(.35)}}@keyframes arrive{from{transform:translateY(-24px) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes turnCard{0%,25%{transform:rotateY(0) translateX(-8px)}45%{transform:rotateY(0) translateX(8px)}100%{transform:rotateY(180deg)}}
@media(min-width:1500px){.tv-view .table-grid{gap:24px}.tv-view .music-heading h2{font-size:32px}.tv-view .tv-layout{grid-template-columns:minmax(0,1fr) 360px}.tv-view .table-panel h2{font-size:38px}}
@media(max-width:1000px){.tv-layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.music-story{padding:18px}.music-heading{display:block}.vinyl{display:none}.tv-view .table-panel{padding:20px 15px}.tv-view .table-grid{gap:18px 10px}.lobby-tv{gap:35px;grid-template-columns:1fr 360px}.lobby-tv h1{font-size:75px}.hand-card{flex-basis:166px;height:251px}.card-art{height:150px}.art-detail{max-width:800px}.table-panel h2{font-size:27px}}
@media(max-width:700px){.shell{width:92%;padding-top:16px}#header{min-height:65px;padding-bottom:16px;gap:8px}.brand{font-size:21px;gap:9px}.brand-seal{width:37px;height:43px;font-size:23px}.top-pills{gap:5px;max-width:58%}.pill{font-size:7px;padding:7px 9px;letter-spacing:1px}.top-pills .btn.small{font-size:9px;padding:6px 9px;min-height:30px}.landing-hero{padding:58px 0 38px}.landing-hero h1{font-size:51px}.landing-hero p{font-size:12px}.feature-line{gap:10px;font-size:8px}.feature-line span+span:before{margin-right:10px}.entrance-grid{grid-template-columns:1fr;gap:15px}.glass{padding:22px}.theme-options{gap:8px}.theme-option{width:calc(33.333% - 7px);height:75px}.theme-option span{font-size:8px}.curator-badge{position:sticky;top:8px;z-index:35;margin:15px 0;padding:11px 15px;backdrop-filter:blur(20px);background:#142335ef}.curator-badge strong{font-size:23px}.curator-badge .eyebrow{font-size:7px;letter-spacing:1.4px}.curator-emblem{font-size:24px}.round-mark{font-size:30px}.phase-steps{gap:19px;font-size:9px;margin:20px auto 30px}.phase-steps span{gap:5px}.phase-steps b{width:18px;height:18px;font-size:8px}.scene-title h1{font-size:46px}.scene-title p{font-size:12px;margin:15px auto;max-width:340px}.scene-title .eyebrow{font-size:8px}.hand-heading{margin-top:27px}.hand-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.hand-heading>span:last-child{font-size:8px}.hand-scroll{margin:0 -4.35%;padding:39px 10px 18px;scroll-snap-type:x proximity}.hand{min-width:520px;justify-content:flex-start;padding-left:23px;padding-right:24px;min-height:245px}.hand-card{flex-basis:135px;height:213px;padding:8px;border-radius:10px;scroll-snap-align:center}.hand-card+.hand-card{margin-left:-24px}.card-art{height:126px}.card-title{font-size:15px;margin-top:8px}.card-author{font-size:7px}.card-index{font-size:7px;margin-bottom:6px}.hand-card.lifted{transform:translateY(-23px) rotate(0)}.art-detail{grid-template-columns:105px minmax(0,1fr);gap:15px;padding:16px}.detail-image{padding:5px;min-height:145px;align-self:start}.detail-image img{max-height:220px}.art-detail h3{font-size:25px}.art-detail .artist{font-size:10px}.art-detail .eyebrow{font-size:6px;letter-spacing:1.2px}.art-detail dl>div{display:block;margin:7px 0}.art-detail dt{font-size:8px}.art-detail dd{font-size:9px}.source-link{font-size:8px}.detail-empty{font-size:11px;padding:18px}.submit-panel{margin-top:5px}.hint{font-size:27px;padding:13px 8px;margin:18px 0}.sound-bar{padding:10px 12px;gap:10px;margin-top:15px}.sound-title strong{font-size:9px}.sound-title>span{font-size:8px;max-width:210px}.sound-title small{font-size:7px}.sound-bar .btn{font-size:9px;min-height:32px;padding:7px 9px;white-space:nowrap}.volume-label{display:none}.equalizer{gap:2px}.equalizer i{width:2px}.table-panel{padding:17px 13px;border-radius:18px}.table-heading .eyebrow{font-size:7px;letter-spacing:1px}.table-grid{gap:15px 9px}.table-panel h2{font-size:26px;margin:15px 0}.slot-label{font-size:6px;letter-spacing:1px}.back-ring{gap:5px}.back-ring b{font-size:27px}.back-ring>span{font-size:14px}.back-ring small{font-size:4px;letter-spacing:.6px}.card-back{padding:5px;border-radius:8px}.card-front{padding:5px;border-radius:8px}.table-caption{font-size:8px;margin-top:16px}.table-letter{width:21px;height:21px;font-size:9px;left:7px;bottom:7px}.tv-layout{display:block}.tv-sidebar{margin-top:25px}.tv-instruction p{font-size:22px}.tv-view .curator-badge{position:relative;top:0}.tv-view .table-panel{padding:18px 12px}.tv-view .table-grid{grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:12px 8px}.tv-view .tv-hint{font-size:27px}.tv-view .table-panel h2{font-size:25px}.tv-view .table-status{font-size:10px}.tv-view .music-heading{display:flex}.tv-view .vinyl{display:grid}.scores>div{font-size:11px}.vote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.vote-card img{height:180px}.vote-card>span{font-size:9px}.vote-second h2{font-size:28px}.sent-confirmation h1{font-size:43px}.sent-confirmation p{font-size:11px}.sent-confirmation{margin:25px 0}.sent-seal{margin-bottom:15px}.host-controls{padding:16px}.host-controls .theme-option{width:calc(33.33% - 7px)}.lobby-mobile{margin:25px 0}.lobby-mobile h1{font-size:51px}.room-code{font-size:35px;letter-spacing:7px}.lobby-mobile .hero-actions .btn{flex:1;font-size:10px;padding:10px}.lobby-tv{display:block;text-align:center;padding:30px 0}.lobby-tv h1{font-size:65px}.join-panel{margin-top:30px}.reveal-scene h1{font-size:46px}.final-scene h1{font-size:43px}.final-star{font-size:55px}.sound-title{min-width:0}#footer{font-size:7px;letter-spacing:.5px}.mobile-music>summary{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.opening .card-flipper{transform:rotateY(180deg)}}
@media(min-width:701px){.tv-view .table-slot{max-width:min(18vw,200px)}.tv-view .card-flipper{height:min(27vh,290px);aspect-ratio:auto}.tv-view .multi-row .card-flipper{height:min(18vh,190px)}.tv-view .multi-row .table-slot{max-width:145px}.tv-view .table-panel h2{margin:13px 0;font-size:28px}.tv-view .table-grid{margin-top:15px}.tv-view .table-panel{padding:18px 20px}.tv-view .table-caption{margin-top:15px}.tv-view .curator-badge{margin:14px auto;padding:9px 18px}.tv-view .phase-steps{margin:15px auto}.tv-view .tv-hint{margin:0 0 13px;padding:10px 15px;font-size:27px}.tv-view .tv-instruction{margin-bottom:13px}}
@media(min-width:701px){
 .tv-view .shell{padding-top:12px}.tv-view #header{min-height:60px;padding-bottom:12px}.tv-view .brand{font-size:23px}.tv-view .brand-seal{width:39px;height:44px;font-size:25px}
 .tv-view .sound-bar{margin:12px auto;padding:9px 15px;max-width:none}.tv-view .sound-title>span{display:none}.tv-view .sound-title small{display:block;margin-top:3px}
 .tv-view .turn-topline{display:flex;align-items:center;gap:30px;margin:12px 0 18px}.tv-view .curator-badge{flex:1;max-width:none;margin:0;padding:9px 17px}.tv-view .phase-steps{flex:1;margin:0;gap:22px}.tv-view .curator-badge strong{font-size:25px}
 .tv-view .table-panel h2{display:none}.tv-view .table-grid{gap:18px 20px}.tv-view .table-caption{margin-top:13px}.tv-view .table-panel{padding:16px 20px}
 .tv-view .tv-layout{grid-template-columns:minmax(0,1fr) 325px}.tv-view .music-story{padding:19px}.tv-view .music-heading h2{font-size:26px}.tv-view .music-story dl{font-size:9px;line-height:1.5}.tv-view .music-story .tiny{font-size:8px}.tv-view .music-curiosity{margin:15px 0;font-size:10px}.tv-view .music-tags{margin:13px 0}.tv-view .music-story details{padding-top:10px}
 .tv-view .score-panel .scores{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.tv-view .score-panel .scores>div{padding:5px 0;font-size:9px}.tv-view .score-panel .player-avatar{display:none}.tv-view .score-panel{padding:13px 17px}.tv-view .table-status{margin:13px}
 .tv-view #footer{margin-top:24px;padding-top:15px}
}

@media(min-width:701px) and (max-height:800px){
.tv-view .shell{padding-top:8px}.tv-view #header{min-height:46px;padding-bottom:7px}.tv-view .brand{font-size:19px}.tv-view .brand-seal{height:35px;width:31px;font-size:21px}
.tv-view .sound-bar{margin:8px auto;padding:6px 12px}.tv-view .turn-topline{margin:8px 0 12px}.tv-view .curator-badge{padding:6px 15px}.tv-view .curator-badge strong{font-size:22px}.tv-view .tv-hint{font-size:24px;line-height:1.2;padding:8px;margin-bottom:10px}
.tv-view .table-grid{gap:12px 16px;margin-top:10px}.tv-view .table-panel{padding:12px 16px}.tv-view .table-caption{margin-top:8px}.tv-view .multi-row .table-slot{max-width:110px}.tv-view .table-status{margin:8px}.tv-view #footer{margin-top:12px;padding-top:8px}
}

.collection-picker{max-width:470px;margin:24px auto;text-align:left}.collection-picker label{font-size:10px;letter-spacing:2px;color:var(--gold)}.collection-picker p{font-size:11px;margin:10px 0 22px;color:var(--muted)}

/* Full-screen artwork inspection, with a persistent action bar. */
.preview-open{overflow:hidden}.card-preview{position:fixed;inset:0;z-index:120;background:#101923;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);isolation:isolate}.preview-scroll{overflow-y:auto;flex:1;min-height:0;padding:18px max(20px,calc((100vw - 700px)/2));text-align:center}.preview-scroll h2{font-size:30px;margin:7px 0 12px}.preview-art{height:52dvh;min-height:170px;display:flex;justify-content:center}.preview-art img{max-width:100%;width:auto;height:100%;object-fit:contain;border-radius:8px}.preview-author{font-size:11px;color:var(--muted);margin:12px}.preview-details{text-align:left;font-size:12px}.preview-details summary{cursor:pointer;padding:12px 0;color:var(--gold)}.preview-details .art-detail{margin:0;grid-template-columns:1fr;padding:16px}.preview-details .detail-image{display:none}.preview-scroll textarea{text-align:left;min-height:70px}.preview-scroll label{text-align:left;margin-top:12px}.preview-actions{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px max(18px,calc((100vw - 700px)/2)) max(12px,env(safe-area-inset-bottom));background:#162331;border-top:1px solid var(--line)}
@media(max-width:700px){
body.has-hand .shell{padding-bottom:230px}body.has-hand .scene-title h1{font-size:36px;line-height:1.06}body.has-hand .scene-title p{font-size:12px;margin:12px auto}body.has-hand .scene-title .eyebrow{margin-bottom:7px}body.has-hand .phase-steps{margin:12px auto 20px}body.has-hand .curator-badge{margin-top:12px;padding:9px 12px}body.has-hand #footer{display:none}
.hand-dock{position:fixed;bottom:0;left:0;right:0;z-index:35;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#0b1424 70%,#0b1424ed);border-top:1px solid var(--line)}.hand-dock .hand-heading{margin:0 0 2px;gap:8px}.hand-dock .hand-heading .eyebrow{font-size:8px;letter-spacing:1px}.hand-dock .hand-heading>span:last-child{font-size:8px}.hand-dock .hand-scroll{overflow:visible;margin:0;padding:20px 8px 5px}.hand-dock .hand{min-width:0;width:100%;min-height:0;padding:0 0 7px;gap:0;align-items:center}.hand-dock .hand-card{flex:0 0 calc(100% / var(--count));width:calc(100% / var(--count));height:auto;aspect-ratio:2/3;padding:4px;border-radius:6px;transform:translateY(calc(var(--offset)*.35)) rotate(var(--angle));transform-origin:center bottom;box-shadow:0 3px 8px #0008}.hand-dock .hand-card+.hand-card{margin-left:0}.hand-dock .card-art{height:auto;aspect-ratio:3/4;border-radius:3px}.hand-dock .card-title{font-size:9px;line-height:1.05;margin-top:4px;-webkit-line-clamp:2}.hand-dock .card-author{display:none}.hand-dock .card-index{font-size:6px;margin-bottom:3px}.hand-dock .hand-card:hover,.hand-dock .hand-card:focus-visible{transform:translateY(-7px);z-index:20}.hand-dock .hand-card.lifted{transform:translateY(-7px)}.preview-scroll{padding:14px 16px}.preview-scroll h2{font-size:28px}.preview-art{height:48dvh}.preview-actions .btn{min-height:48px}.preview-scroll .eyebrow{font-size:8px}.preview-open .hand-dock{visibility:hidden}
}

#toast{z-index:250}