:root{font-family:"DM Sans",sans-serif;color:#fff2df;background:#220e1e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#743850 0,#381426 35%,#210e1d 75%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}.shell{max-width:1450px;margin:auto;padding:0 28px 60px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand{font-family:"Yatra One",serif;font-size:34px;color:#ffcf69;letter-spacing:-1.5px;text-decoration:none;line-height:1}.brand small{display:block;font:600 9px "DM Sans",sans-serif;letter-spacing:3.3px;text-transform:uppercase;color:#f9caa9;margin-top:4px}.topright{display:flex;align-items:center;gap:12px}.topright span{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#f6be99}.mini-btn,.ghost,.pill{border:1px solid #ffffff35;color:#ffebd4;background:#ffffff0d;border-radius:999px;padding:11px 18px;font-weight:700}.mini-btn:hover,.ghost:hover,.pill:hover{background:#ffffff20}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:calc(100vh - 140px);padding:65px 20px}.eyebrow{color:#ffbd69;text-transform:uppercase;font-size:12px;letter-spacing:3px;font-weight:700}.hero h1{font-family:"Yatra One",serif;font-size:clamp(64px,8vw,128px);line-height:.91;letter-spacing:-5px;margin:23px 0;color:#ffe7ac;text-shadow:5px 7px 0 #6d1d36}.hero h1 em{display:block;font-style:normal;color:#ff9973}.lead{max-width:520px;font-size:20px;line-height:1.55;color:#ebcad0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.primary{border:0;border-radius:15px;padding:17px 25px;background:linear-gradient(135deg,#ffd469,#ee9d3d);color:#321326;font-weight:800;box-shadow:0 7px 0 #96532e,0 12px 30px #0005}.primary:hover{transform:translateY(-2px);box-shadow:0 9px 0 #96532e,0 14px 30px #0005}.secondary{border:1px solid #f7c5a460;background:#fff1dc12;color:#ffe8d6;border-radius:15px;padding:17px 25px;font-weight:700}.hero-art{position:relative;aspect-ratio:1;max-width:600px;margin:auto;display:grid;place-items:center}.orbit{position:absolute;inset:5%;border:1px dashed #f3b37a66;border-radius:50%;transform:rotate(-12deg)}.orbit.two{inset:17%;border-color:#f3b37a33;transform:rotate(27deg)}.record{width:76%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#1b121b 0 4px,#2c1a26 5px 7px,#130e16 8px 11px);box-shadow:0 30px 80px #0008,0 0 0 13px #3c182d,0 0 0 17px #e3965499;display:grid;place-items:center;animation:spin 25s linear infinite}.record-label{width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#641e35,#af3641);border:7px solid #e6a04f;display:grid;place-items:center;text-align:center;font:25px "Yatra One",serif;color:#ffdeb0;transform:rotate(-12deg)}.record-label:after{content:"";width:17px;height:17px;border-radius:50%;background:#170c18;position:absolute}.art-tag{position:absolute;background:#fff0cf;color:#471c2d;padding:12px 19px;border:2px solid #e0a050;box-shadow:6px 6px 0 #1a0c18;font-weight:800;transform:rotate(-8deg)}.art-tag.a{top:12%;left:2%}.art-tag.b{bottom:11%;right:0;transform:rotate(8deg)}.page-title{font:clamp(38px,5vw,64px) "Yatra One",serif;color:#ffe3a4;margin:26px 0 5px}.muted{color:#cdaeb9}.setup-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:30px}.panel{background:#fff5e914;border:1px solid #ffe2b035;border-radius:23px;box-shadow:0 20px 60px #10040e5c;padding:27px}.panel h2,.panel h3{margin:0 0 18px;font-size:18px}.name-row{display:flex;gap:10px;margin:10px 0}.name-row input,.field{width:100%;background:#160a17;border:1px solid #f2b77855;color:#ffefdf;border-radius:12px;padding:14px 15px;outline:none}.name-row input:focus,.field:focus{border-color:#ffcb74}.icon-btn{border:1px solid #ffffff3b;background:#ffffff15;color:#ffdfd0;width:48px;border-radius:12px}.mode-row,.target-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 25px}.choice{border:1px solid #ffcd8e47;background:#ffffff0d;color:#ffe7d1;padding:13px 16px;border-radius:12px;text-align:left}.choice.active{background:#ffd284;color:#321426;border-color:#ffd284;font-weight:800}.fine{font-size:12px;color:#cdaeb9;line-height:1.5}.game-layout{display:grid;grid-template-columns:245px minmax(0,1fr) 310px;gap:22px;padding-top:28px}.left-panel,.right-panel{align-self:start}.player-card{border:1px solid #f4c48b37;background:#ffffff0d;border-radius:16px;padding:14px;margin:10px 0}.player-card.active{border-color:#ffce76;background:#b44a4729}.player-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.avatar{display:inline-grid;place-items:center;background:#d65d45;color:#ffe8bd;border-radius:50%;width:34px;height:34px;font:20px "Yatra One";margin-right:7px}.player-meta{display:flex;gap:14px;color:#edbc84;font-size:12px;margin-top:8px;padding-left:42px}.center-stage{text-align:center}.roundbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#ebad8b;padding:5px 4px 17px}.stage-panel{min-height:500px;padding:29px;position:relative;overflow:hidden}.stage-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#f9a6421c;filter:blur(55px);left:50%;top:10%;transform:translateX(-50%);pointer-events:none}.mystery-card{position:relative;width:min(290px,80%);height:335px;margin:7px auto 20px;border-radius:18px;background:linear-gradient(155deg,#a62944,#51152e 52%,#3a102c);border:8px solid #f1b45b;box-shadow:0 14px 0 #8d502e,0 30px 50px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center}.mystery-card:before{content:"";position:absolute;inset:11px;border:1px solid #ffd18980;border-radius:9px}.question-mark{font:132px "Yatra One",serif;color:#ffe3a0;line-height:1;text-shadow:4px 5px 0 #982d46}.mystery-card span{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#ffd69d}.spin-disc{width:155px;height:155px;border-radius:50%;background:repeating-radial-gradient(circle,#281321 0 3px,#4e243b 4px 6px);border:4px solid #d99c64;display:grid;place-items:center;margin:32px auto 20px;animation:spin 8s linear infinite}.spin-disc i{background:#d75050;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-style:normal;font-size:27px}.spin-disc.paused{animation-play-state:paused}.stage-heading{font:31px "Yatra One",serif;color:#ffe2a9;margin:6px 0}.stage-copy{color:#dab6bc;font-size:14px}.audio-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.status{font-size:12px;color:#f2bf9d;min-height:20px;margin-top:14px}.question-box{margin-top:22px;background:#ffda9a12;border:1px solid #ffcf8e50;border-radius:15px;padding:17px;text-align:left}.question-box strong{color:#ffcd72;font-size:11px;letter-spacing:2px;text-transform:uppercase}.question-box p{margin:7px 0 0;font-size:17px}.timeline{display:flex;align-items:stretch;overflow-x:auto;padding:18px 0 25px;gap:0;min-height:160px}.song-tile{flex:0 0 126px;min-height:136px;border:2px solid #e5a755;border-radius:11px;padding:13px 10px;background:linear-gradient(150deg,#f7d8a2,#dfa75d);color:#35192a;box-shadow:5px 6px 0 #1a0a17;text-align:left}.song-tile .year{font:34px "Yatra One",serif;line-height:1}.song-tile .small{font-size:11px;font-weight:700;line-height:1.25;margin-top:5px}.gap{flex:0 0 51px;min-height:136px;border:1px dashed #f7c8867d;color:#ffd487;background:#ffffff08;border-radius:10px;margin:0 8px;font-size:23px}.gap:hover,.gap.selected{background:#eea94f;color:#2b1425;border-color:#ffd984}.gap.challenged{background:#d43d53;color:#fff}.right-panel .panel{padding:20px}.right-panel h3{font:21px "Yatra One",serif;color:#ffd589}.right-panel .panel{margin-bottom:17px}.rule-steps{padding-left:20px;font-size:13px;line-height:1.8;color:#e7c5c3}.result-year{font:clamp(74px,10vw,126px) "Yatra One",serif;line-height:1;color:#ffd077;text-shadow:5px 6px 0 #a63e48}.result-title{font:clamp(29px,4vw,48px) "Yatra One",serif;margin:8px 0;color:#ffe6b5}.result-badge{display:inline-block;border-radius:99px;background:#168c7a;padding:9px 15px;font-weight:800;font-size:13px}.result-badge.wrong{background:#a93c4d}.credits{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;margin:24px 0}.credit{background:#ffffff12;border:1px solid #ffffff1c;padding:13px;border-radius:12px;font-size:14px}.credit small{display:block;color:#e6a983;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}.reveal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.win{padding:40px;text-align:center}.win .garland{font-size:80px}.notice{background:#fff2d5;color:#522638;border-radius:12px;padding:11px 15px;font-size:13px}.footer-note{margin-top:25px;font-size:11px;color:#ba9ca9}.how{max-width:850px;margin:45px auto}.how-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.how-step{padding:22px;background:#ffffff12;border:1px solid #ffffff29;border-radius:17px}.how-step b{color:#ffd37b}.how-step p{line-height:1.5;color:#e4c1c6;font-size:14px}.filmstrip{height:15px;background:repeating-linear-gradient(90deg,#eab165 0 18px,transparent 18px 25px);opacity:.7;margin:25px 0}.loading{padding:50px;text-align:center;color:#eac59f}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.game-layout{grid-template-columns:1fr 260px}.left-panel{grid-column:1/-1;display:flex;gap:12px;overflow-x:auto}.left-panel .player-card{min-width:160px}.left-panel h3{display:none}}@media(max-width:760px){.shell{padding:0 15px 35px}.topbar{height:72px}.brand{font-size:26px}.topright span{display:none}.hero{grid-template-columns:1fr;padding:40px 8px 70px;gap:15px;min-height:auto}.hero h1{font-size:65px}.hero-art{width:min(85vw,420px)}.setup-grid,.game-layout{grid-template-columns:1fr}.right-panel{display:none}.left-panel{grid-column:auto}.stage-panel{padding:20px 15px;min-height:auto}.mystery-card{height:275px;width:225px}.question-mark{font-size:105px}.credits{gap:7px}.credit{font-size:12px}.how-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.hero-art{width:100%}.record{position:absolute;inset:12%;width:auto}

.player-meta{flex-wrap:wrap;gap:5px 14px}
.guess-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}
.guess-label{display:block;color:#ffe4ad;font-size:13px;font-weight:700}
.guess-label .field{display:block;width:100%;box-sizing:border-box;margin-top:6px}
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.guess-result{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;padding:13px;min-width:0;overflow-wrap:anywhere}
.guess-result b{color:#ffe4ad}
.guess-result span{font-weight:800;color:#ffcd72}
.guess-result small{color:#edd4c9}
.guess-result .mini-btn{margin-top:5px}
@media(max-width:560px){.guess-grid,.result-grid{grid-template-columns:1fr}}
.audio-controls a.primary,.audio-controls a.secondary{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}

#player-dock{position:absolute;z-index:20;overflow:hidden;border-radius:18px;border:8px solid #f1b45b;box-shadow:0 14px 0 #8d502e,0 30px 50px #0008;background:#210e1d}
#player-dock[hidden]{display:none!important}
#player-dock iframe,#yt-player{position:absolute;inset:0;width:100%;height:100%;border:0}
.player-cover{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;padding:20px 12px 15px;color:#ffdfa3;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;background:radial-gradient(circle at 50% 43%,#a64050 0,#671b38 46%,#370f2b 100%);pointer-events:auto;transition:background .25s ease}
.player-cover:disabled{opacity:1;cursor:progress}
.player-cover:before{content:"";position:absolute;inset:11px;border:1px solid #ffd18980;border-radius:9px;pointer-events:none}
.player-cover:focus-visible{outline:3px solid #fff2c9;outline-offset:-14px}
.player-cover:not(:disabled):hover .cover-action{background:#ffe7ad;transform:translateY(-2px)}
.player-cover:not(:disabled):active .cover-action{transform:translateY(2px);box-shadow:0 2px 0 #7b3e31}
.cover-eyebrow{position:relative;font-size:10px;letter-spacing:2.4px;font-weight:800;color:#ffe0ae}
.record-stage{position:relative;display:grid;place-items:center;flex:0 1 auto;width:min(172px,100%);aspect-ratio:1;min-height:0;filter:drop-shadow(0 13px 17px #17071588)}
.record-orbit{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ffcf76 var(--progress,0%),#ffe0aa42 0);box-shadow:0 0 0 1px #ffdfac52;transition:background .4s linear}
.record-core{position:relative;width:calc(100% - 13px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#21131c 0 4px,#472035 5px 7px,#1b1019 8px 11px);border:4px solid #dfa45e;box-shadow:inset 0 0 0 12px #2b1622}
.cover-center-label{display:grid;place-items:center;width:66px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffedae,#f8b95f 70%,#d97845);box-shadow:0 0 0 4px #2d1523,0 3px 8px #0007}
.cover-wave{height:26px;display:flex;align-items:center;gap:3px}
.cover-wave i{display:block;width:4px;height:11px;border-radius:3px;background:#582238;transform-origin:center}
.cover-wave i:nth-child(2),.cover-wave i:nth-child(4){height:19px}
.cover-wave i:nth-child(3){height:25px}
.cover-action{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:35px;max-width:100%;padding:6px 13px;border-radius:99px;background:#ffcf76;color:#401929;box-shadow:0 5px 0 #7b3e31;font-size:11px;font-weight:800;letter-spacing:.2px;white-space:nowrap;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.action-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#83324a}
.cover-footnote{position:relative;font-size:8px;letter-spacing:1.8px;font-weight:700;color:#f0bca9}
#player-dock.is-playing .record-core{animation:spin 7s linear infinite}
#player-dock.is-playing .cover-center-label{animation:counterspin 7s linear infinite}
#player-dock.is-playing .cover-wave i{animation:wave .72s ease-in-out infinite alternate}
#player-dock.is-playing .cover-wave i:nth-child(2){animation-delay:.12s}
#player-dock.is-playing .cover-wave i:nth-child(3){animation-delay:.3s}
#player-dock.is-playing .cover-wave i:nth-child(4){animation-delay:.18s}
#player-dock.is-playing .cover-wave i:nth-child(5){animation-delay:.42s}
#player-dock.is-playing .action-dot{background:#198566;box-shadow:0 0 0 4px #19856635}
#player-dock[data-state="error"] .cover-action,#player-dock[data-state="unavailable"] .cover-action,#player-dock[data-state="configuration-error"] .cover-action{background:#d9ada9;box-shadow:none}
@keyframes counterspin{to{transform:rotate(-360deg)}}
@keyframes wave{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
@media(max-width:760px){.player-cover{padding:17px 10px 12px;gap:6px}.record-stage{width:145px}.cover-eyebrow{font-size:9px}.cover-footnote{font-size:7px}}
.playback-state{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:17px;font-size:12px;color:#f2bf9d;text-align:left}
.playback-state time{margin-left:auto;font-variant-numeric:tabular-nums;color:#ffe2ac}
.live-dot{flex:0 0 8px;height:8px;border-radius:50%;background:#a78f9b}
.playback-state.is-playing .live-dot{background:#50e3a1;box-shadow:0 0 0 5px #50e3a12b;animation:pulse 1s ease-in-out infinite alternate}
@keyframes pulse{to{box-shadow:0 0 0 9px #50e3a108}}
.play-progress{height:5px;border-radius:99px;background:#ffffff24;overflow:hidden;margin-top:10px}
.play-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd476,#fa8e67);transition:width .4s linear}
.year-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}
.year-range label{display:block;color:#ffe4ad;font-size:13px;font-weight:700}
.year-range input{display:block;width:100%;margin-top:6px;background:#160a17;border:1px solid #f2b77855;color:#ffefdf;border-radius:12px;padding:12px 14px;outline:none}
.year-range input:focus{border-color:#ffcb74}
.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.win-rule{margin:16px 0 25px}
.winner-summary{margin:20px 0 30px;text-align:left}
.winner-summary p{color:#f7cfb5}
@media(max-width:760px){.rules-grid{grid-template-columns:1fr}.playback-state time{width:100%;margin-left:17px}}