.vrp-app,.vrp-gate{max-width:1200px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem);color:#fff}.vrp-app *{box-sizing:border-box}.vrp-shell,.vrp-intro,.vrp-gate,.vrp-loading{background:linear-gradient(145deg,rgba(102,126,234,.15),rgba(15,15,26,.9));border:1px solid rgba(255,255,255,.09);border-radius:24px;box-shadow:0 16px 48px rgba(25,18,76,.25);backdrop-filter:blur(20px)}.vrp-intro,.vrp-loading,.vrp-gate{text-align:center;padding:clamp(2rem,6vw,4.5rem)}.vrp-intro>span{font-size:2.2rem}.vrp-eyebrow,.vrp-brand p,.vrp-intro>p:first-of-type{margin:0 0 .5rem;font:700 .65rem/1 Syne,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.45)}.vrp-intro h1,.vrp-gate h1,.vrp-brand h1,.vrp-results h2{font-family:Syne,sans-serif;margin:.25rem 0}.vrp-intro>p:not(:first-of-type),.vrp-gate>p{max-width:34rem;margin:1rem auto 1.5rem;color:rgba(255,255,255,.7);line-height:1.6}.vrp-intro button,.vrp-results button,.vrp-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1.2rem;border:0;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 18px rgba(102,126,234,.35);color:#fff!important;font:700 .9rem Syne,sans-serif;text-decoration:none;cursor:pointer}.vrp-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem}.vrp-brand{display:flex;gap:.8rem;align-items:flex-start}.vrp-brand>span{font-size:1.5rem}.vrp-brand h1{font-size:1.35rem}.vrp-brand small{color:rgba(255,255,255,.6);line-height:1.4}.vrp-stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.vrp-stats span{font-size:.75rem;color:rgba(255,255,255,.6)}.vrp-stats b{display:block;font:700 1rem Syne,sans-serif;color:#fff}.vrp-stats button{padding:.45rem .7rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;cursor:pointer}.vrp-pressure{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:0 1.25rem 1.25rem;font-size:.72rem;color:rgba(255,255,255,.6)}.vrp-pressure>span{font:700 .62rem Syne,sans-serif;letter-spacing:.1em}.vrp-pressure>div{height:5px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}.vrp-pressure i{display:block;height:100%;background:linear-gradient(90deg,#667eea,#f59e0b,#ff6b6b);border-radius:inherit;transition:width .3s ease}.vrp-pressure b{font-weight:600;color:rgba(255,255,255,.8)}.vrp-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(76px,auto);gap:.55rem;min-height:480px;padding:1.25rem;background:rgba(0,0,0,.14);border-top:1px solid rgba(255,255,255,.06)}.vrp-board-empty{grid-column:1/-1;align-self:center;text-align:center;color:rgba(255,255,255,.5)}.vrp-tile{min-width:0;padding:.7rem;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.055);color:#fff;text-align:left;cursor:grab;transition:transform .2s ease,border-color .2s ease,background .2s ease}.vrp-tile:hover,.vrp-tile:focus-visible,.vrp-tile.is-selected{transform:translateY(-2px);border-color:#8fa3f3;background:rgba(102,126,234,.17);outline:none}.vrp-tile span{display:block;margin-bottom:.4rem;color:rgba(255,255,255,.45);font:700 .58rem Syne,sans-serif;letter-spacing:.11em}.vrp-tile--title span{color:#c7a8ff}.vrp-tile strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 .82rem/1.3 "DM Sans",sans-serif}.vrp-status{margin:0;padding:1rem 1.25rem;color:rgba(255,255,255,.65);font-size:.85rem}.vrp-results{padding:1.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.08)}.vrp-results p{color:rgba(255,255,255,.65)}.vrp-results a{display:block;margin-top:1rem;color:#b9c5ff;font-weight:700}.vrp-loading{margin:2rem auto;max-width:36rem;color:rgba(255,255,255,.7)}@media(max-width:1023px){.vrp-board{grid-template-columns:repeat(6,minmax(0,1fr));min-height:420px}.vrp-header{align-items:flex-start;flex-direction:column}.vrp-stats{justify-content:flex-start}}@media(max-width:679px){.vrp-app,.vrp-gate{padding:.5rem}.vrp-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(70px,auto);min-height:600px;padding:.7rem;gap:.4rem}.vrp-header{padding:1rem}.vrp-pressure{grid-template-columns:1fr;padding:0 1rem 1rem;gap:.35rem}.vrp-pressure>div{grid-row:2}.vrp-pressure b{grid-row:3}.vrp-tile{padding:.55rem}.vrp-tile strong{font-size:.76rem}.vrp-stats{width:100%}.vrp-stats span{flex:1}.vrp-stats button{margin-left:auto}}@media(prefers-reduced-motion:reduce){.vrp-app *{transition:none!important;animation:none!important}}

.vrp-intro h2,.vrp-gate h2,.vrp-brand h2{margin:.25rem 0;font-family:Syne,sans-serif}.vrp-brand h2{font-size:1.35rem}.vrp-play-layout{display:grid;grid-template-columns:176px minmax(0,1fr);border-top:1px solid rgba(255,255,255,.07)}.vrp-tracker{display:flex;flex-direction:column;gap:.8rem;padding:1.1rem;border-right:1px solid rgba(255,255,255,.08);background:rgba(4,4,12,.2)}.vrp-tracker>div:not(.vrp-fill){padding:.7rem .75rem;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}.vrp-tracker span{display:block;color:rgba(255,255,255,.42);font:700 .58rem Syne,sans-serif;letter-spacing:.12em}.vrp-tracker b{display:block;margin-top:.25rem;font:700 1.25rem Syne,sans-serif}.vrp-fill{margin-top:auto;padding:.8rem 0 0}.vrp-fill strong{display:block;margin:.35rem 0;font:700 1rem Syne,sans-serif}.vrp-fill>div{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.vrp-fill i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#667eea,#f59e0b,#ff6b6b);transition:width .3s ease}.vrp-fill small{display:block;margin-top:.35rem;color:rgba(255,255,255,.55);font-size:.7rem}.vrp-board-wrap{min-width:0}.vrp-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(12,minmax(72px,1fr));grid-auto-rows:auto;min-height:760px;border-top:0}.vrp-tile--artist{border-color:rgba(111,154,255,.32);border-radius:14px 14px 8px 14px;background:linear-gradient(145deg,rgba(67,110,210,.3),rgba(28,35,83,.3))}.vrp-tile--title{border-color:rgba(205,150,255,.28);border-radius:14px 14px 14px 8px;background:linear-gradient(145deg,rgba(133,73,175,.3),rgba(61,30,91,.26))}.vrp-tile span{display:flex;align-items:center;gap:.35rem}.vrp-tile span i{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.14);color:#dce4ff;font-style:normal;font-size:.55rem}.vrp-tile--title span i{border-radius:4px;color:#efdcff}.vrp-tile--artist:hover,.vrp-tile--artist:focus-visible,.vrp-tile--artist.is-selected{border-color:#8ba7ff;background:rgba(75,111,221,.34)}.vrp-tile--title:hover,.vrp-tile--title:focus-visible,.vrp-tile--title.is-selected{border-color:#d4a7ff;background:rgba(143,78,191,.35)}@media(max-width:1023px){.vrp-play-layout{grid-template-columns:1fr}.vrp-tracker{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.vrp-fill{margin:0;padding:0}.vrp-board{min-height:680px}}@media(max-width:679px){.vrp-tracker{grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.75rem}.vrp-tracker>div:not(.vrp-fill){padding:.55rem}.vrp-fill{grid-column:1/-1}.vrp-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(12,minmax(68px,1fr));min-height:690px}.vrp-tile span{font-size:.52rem}.vrp-tile strong{font-size:.72rem}}
.vrp-tile{padding:.9rem .8rem}.vrp-tile span{margin-bottom:.5rem;font-size:.66rem}.vrp-tile strong{font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.35}@media(max-width:1023px){.vrp-board{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(16,minmax(78px,1fr));min-height:1040px}.vrp-tile strong{font-size:.95rem}}@media(max-width:679px){.vrp-board{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(16,minmax(76px,1fr));min-height:1220px}.vrp-tile{padding:.7rem .6rem}.vrp-tile span{font-size:.6rem}.vrp-tile strong{font-size:.88rem;line-height:1.3}}
.vrp-board{position:relative}.vrp-board.is-paused .vrp-tile{opacity:.38;filter:saturate(.35)}.vrp-paused-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:rgba(10,10,20,.5);backdrop-filter:blur(5px);text-align:center}.vrp-paused-overlay span{font-size:1.5rem}.vrp-paused-overlay strong{font:700 1.1rem Syne,sans-serif}.vrp-paused-overlay small{color:rgba(255,255,255,.68);font-size:.82rem}

.vrp-tile--artist,.vrp-tile--title{border-color:var(--vrp-cue,rgba(255,255,255,.18))}.vrp-tile--artist{background:linear-gradient(145deg,color-mix(in srgb,var(--vrp-cue) 24%,rgba(15,20,55,.78)),rgba(28,35,83,.3))}.vrp-tile--title{background:linear-gradient(145deg,color-mix(in srgb,var(--vrp-cue) 18%,rgba(54,25,74,.8)),rgba(61,30,91,.26))}.vrp-tile span .vrp-cue{width:18px;height:18px;background:var(--vrp-cue,#dce4ff);box-shadow:0 0 0 2px rgba(255,255,255,.12),0 0 12px color-mix(in srgb,var(--vrp-cue) 55%,transparent);color:rgba(10,10,20,.74);font-size:.48rem;font-weight:800}.vrp-tile--title span .vrp-cue{border-radius:4px}.vrp-tile:hover,.vrp-tile:focus-visible,.vrp-tile.is-selected{border-color:var(--vrp-cue,#b9c5ff);background:linear-gradient(145deg,color-mix(in srgb,var(--vrp-cue) 32%,rgba(26,20,54,.84)),rgba(20,20,40,.7))}