/* ===== LULPK3X V3 | CINEMATIC LEVEL UP ===== */
:root{--console-ink:#050b13;--console-cyan:#81e9ff;--console-red:#ff3657}
.pk-entry-mark{width:max-content;max-width:100%;position:relative;display:grid;place-items:center;margin:0 0 clamp(15px,2vw,28px) 6px;isolation:isolate}
.pk-entry-mark>img{position:relative;z-index:2;object-fit:contain;width:clamp(64px,7vw,95px);height:auto;border-radius:12px;filter:drop-shadow(0 5px 28px #71ceff82);animation:pk-intro-breathe 2.8s ease-in-out infinite alternate}
.pk-entry-halo{position:absolute;border:1px solid #b6ebfa80;box-shadow:0 0 25px #54cfff20,inset 0 0 18px #9de3ff25;width:130px;height:90px;border-radius:50%;transform:rotate(-20deg);animation:pk-ring-float 6s linear infinite}
.pk-entry-halo--inner{width:120px;height:130px;border-color:#fc486c66;transform:rotate(60deg);animation-duration:8s;animation-direction:reverse}
.pk-entry-mark>span{font:800 9px/1.2 Inter,Arial,sans-serif;letter-spacing:2.4px;color:#afd6e7;margin-top:10px}
.pk-entry-mark>span b{color:#80f1bc}
@keyframes pk-intro-breathe{to{filter:drop-shadow(0 6px 38px #d4d2ff9e);transform:translateY(-5px)}}
@keyframes pk-ring-float{to{transform:rotate(340deg)}}
.pk-orbit-stage{position:relative;display:grid;justify-items:center;align-items:center;isolation:isolate;margin:18px auto -14px;min-height:200px;width:min(100%,290px);color:#a9c7da}
.pk-orbit-backdrop{position:absolute;inset:12% 4%;background:radial-gradient(ellipse,#4599c722,transparent 66%);filter:blur(12px)}
.pk-orbit-button{--pk-rx:-12deg;--pk-ry:16deg;--pk-lift:0px;border:0;background:none;color:inherit;position:relative;width:clamp(142px,15vw,190px);height:clamp(142px,15vw,190px);display:grid;place-items:center;perspective:900px;transform-style:preserve-3d;touch-action:manipulation}
.pk-orbit-disc{display:block;width:100%;height:100%;position:absolute;border-radius:14px;transform:rotateX(var(--pk-rx)) rotateY(var(--pk-ry)) translateY(var(--pk-lift));transition:transform .18s ease;filter:drop-shadow(0 16px 16px #000c) drop-shadow(0 0 20px #7cdcff5c);transform-style:preserve-3d}
.pk-orbit-disc:before{content:"";position:absolute;inset:7%;border-radius:40%;box-shadow:0 0 23px #ff536222;transform:translateZ(-10px)}
.pk-orbit-disc img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;border-radius:18px}
.pk-orbit-ring{position:absolute;width:130%;height:46%;border:1px solid #76dbff80;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 13px #a5eaff20;pointer-events:none;animation:pk-orbit-spin 12s linear infinite}
.pk-orbit-ring-2{width:115%;height:58%;transform:rotate(67deg);border-color:#ff456d60;animation-duration:17s;animation-direction:reverse}
@keyframes pk-orbit-spin{to{rotate:360deg}}
.pk-orbit-button.spinning .pk-orbit-disc{animation:pk-user-spin .95s cubic-bezier(.2,.7,.28,1)}
@keyframes pk-user-spin{0%{transform:rotateX(-12deg) rotateY(16deg)}55%{transform:rotateX(28deg) rotateY(225deg) scale(1.16)}100%{transform:rotateX(var(--pk-rx)) rotateY(var(--pk-ry))}}
.pk-orbit-label{position:absolute;bottom:-14px;left:50%;translate:-50% 0;width:max-content;max-width:200%;background:#091622eb;border:1px solid #74c6eb57;padding:6px 11px;font-size:9px;letter-spacing:2.4px;font-weight:900;color:#baf4ff}
.pk-orbit-stage>small{font:700 8px Inter,Arial,sans-serif;letter-spacing:1.8px;margin-top:27px;opacity:.72;text-align:center}
.pk-live-hud{width:var(--page);margin:4px auto 26px;padding:12px 16px;display:flex;align-items:center;gap:16px;border:1px solid #7bc7ec2e;background:linear-gradient(105deg,#111927eb,#081727a6 58%,#260f1f99);backdrop-filter:blur(14px);box-shadow:0 8px 29px #0005;position:relative;z-index:2}
.pk-live-badge{border:1px solid #85d7f077;color:#8adff7;font:900 10px Inter,Arial,sans-serif;letter-spacing:1.3px;padding:9px 13px;white-space:nowrap}
.pk-live-hud.is-live{border-color:#60f6ae70}.pk-live-hud.is-live .pk-live-badge{border-color:#43fd9a;background:#1b9d5940;color:#a8ffda;box-shadow:0 0 28px #2aff7361;animation:pk-live-throb 1.9s ease-in-out infinite alternate}
@keyframes pk-live-throb{to{box-shadow:0 0 4px #2aff7320}}
.pk-live-info{min-width:0;display:grid;gap:3px}.pk-live-info strong{font:950 clamp(12px,1.4vw,15px) Inter,Arial,sans-serif;letter-spacing:1.4px}.pk-live-info span{font:650 10px Inter,Arial,sans-serif;letter-spacing:1px;color:#9fb7cb;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.pk-live-links{display:flex;gap:10px;margin-left:auto}.pk-live-links a{border:1px solid #86aeca55;padding:12px 14px;font:900 10px Inter,Arial,sans-serif;letter-spacing:1px;white-space:nowrap;transition:background .2s,transform .2s}
.pk-live-links a:first-child{background:#e8faff;color:#08131f}.pk-live-links a:hover{transform:translateY(-2px);background:#d6f8ff;color:#091420}
.pk-latest{width:var(--page);margin:clamp(40px,8vw,95px) auto;padding:24px 0 10px;border-top:1px solid #83daff3f;position:relative;z-index:1}
.pk-latest-intro{display:flex;justify-content:space-between;align-items:end;gap:20px}.pk-latest-heading{font:900 clamp(27px,3.4vw,50px)/1.04 Impact,'Arial Black',sans-serif;letter-spacing:.4px;margin:12px 0 10px}.pk-latest-heading em{font-style:normal;color:#8be5ff}.pk-latest-intro p{color:#a3b6c8;font-size:13px;line-height:1.6;margin:0 0 15px}.pk-latest-intro>a{font:900 10px Inter,Arial,sans-serif;letter-spacing:1.5px;white-space:nowrap;border-bottom:1px solid #ff526c;padding:11px 0;margin-bottom:13px}
.pk-latest-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.pk-latest-card,.pk-latest-placeholder{position:relative;min-height:174px;border:1px solid #9bcdeb35;background:#0b192b;overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:14px 16px;transition:transform .2s,border-color .2s}
.pk-latest-card:hover,.pk-latest-placeholder:hover{transform:translateY(-5px);border-color:#81ebff93}
.pk-latest-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.70;transition:transform .4s}.pk-latest-card:hover img{transform:scale(1.05)}
.pk-latest-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07111ff7,transparent 86%)}
.pk-latest-card strong,.pk-latest-card small,.pk-latest-card span{position:relative;z-index:2;max-width:100%}.pk-latest-card strong{font:900 clamp(15px,1.6vw,19px) Impact,'Arial Black',sans-serif;letter-spacing:.5px;text-transform:uppercase}.pk-latest-card small{font:750 9px Inter,Arial,sans-serif;color:#a5e9ff;letter-spacing:1.3px;margin-bottom:8px}.pk-latest-card span{color:#ff95ab;font-size:13px;margin-top:6px}
.pk-latest-placeholder{grid-column:1/-1;min-height:130px;align-items:start;background:linear-gradient(100deg,#14293b,#150f1c);gap:10px}.pk-latest-placeholder>span{font-size:28px;color:#83eeff}.pk-latest-placeholder strong{font:900 22px Impact,'Arial Black',sans-serif;letter-spacing:.8px}.pk-latest-placeholder small{font:800 10px Inter,Arial,sans-serif;letter-spacing:2px;color:#9acbe4}
.pk-sync-note{display:block;font:650 10px/1.6 Inter,Arial,sans-serif;color:#778ba0;letter-spacing:.2px;padding-top:15px}
.pk-music-deck{margin:24px 0 0;border:1px solid #7ec5f234;background:linear-gradient(120deg,#091d2d,#0d0c20 60%,#210b20);padding:clamp(17px,2.8vw,34px);box-shadow:inset 0 0 55px #14507720}
.pk-deck-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.pk-deck-head h3{font:900 clamp(24px,3vw,37px) Impact,'Arial Black',sans-serif;letter-spacing:.7px;margin:11px 0 8px}.pk-deck-head h3 span{color:#91e1ff}.pk-deck-head p{font:500 12px/1.7 Inter,Arial,sans-serif;color:#9fb8c8;max-width:570px;margin:0 0 22px}.pk-deck-status{white-space:nowrap;font:900 10px Inter,Arial,sans-serif;letter-spacing:1px;color:#69f2a3}
.pk-track-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pk-track-selector button{border:1px solid #a9c9ec30;background:#071522b8;color:#d9e7f2;text-align:left;padding:16px;display:flex;flex-direction:column;align-items:start;gap:9px;min-height:120px;transition:.22s}
.pk-track-selector button:hover{border-color:#b7ecfd9e;transform:translateY(-2px)}.pk-track-selector button.pk-track-active{border-color:#7feaff;background:linear-gradient(120deg,#12364a,#28142c);box-shadow:inset 0 0 24px #51c8ec14,0 5px 24px #0004}
.pk-track-selector span{font:850 9px Inter,Arial,sans-serif;letter-spacing:1.5px;color:#9ae7fd}.pk-track-selector strong{font:900 clamp(18px,2.6vw,27px)/1 Impact,'Arial Black',sans-serif;letter-spacing:.8px}.pk-track-selector small{font:800 9px Inter,Arial,sans-serif;letter-spacing:1.1px;color:#8b9cab}
.pk-deck-controls{display:flex;align-items:center;gap:12px;margin-top:20px}.pk-skip,.pk-deck-play{flex:0 0 auto;background:#081725;color:#dff8ff;border:1px solid #81dbf457;min-height:45px;padding:8px 13px;font-weight:850}.pk-deck-play{color:#050b13;background:#b0efff;border-color:#b0efff;min-width:100px}.pk-skip[aria-pressed="false"]{opacity:.5}
.pk-deck-progress{min-width:0;flex:1;display:grid;gap:5px}.pk-deck-progress input{width:100%;accent-color:#75e5ff;cursor:pointer;min-height:21px}.pk-time{display:flex;justify-content:space-between;gap:12px;font:750 10px Inter,Arial,sans-serif;color:#8aabbf;letter-spacing:.4px}.pk-time span:nth-child(2){text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.pk-mobile-dock{display:none}
.pk-mode-toast{position:fixed;z-index:180;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;flex-direction:column;gap:8px;width:min(430px,calc(100vw - 40px));padding:35px 20px;background:#170715eb;border:2px solid #ff486a;box-shadow:0 0 0 100vmax #000a,0 0 80px #ff225b8c;text-align:center;animation:pk-toast-in .4s cubic-bezier(.2,.7,.2,1) both}
.pk-mode-toast[hidden]{display:none}.pk-mode-glyph{font:900 32px Impact,'Arial Black',sans-serif;color:#d8f5ff;text-shadow:0 0 24px #ff245a}.pk-mode-toast strong{font:900 clamp(30px,7vw,50px) Impact,'Arial Black',sans-serif;letter-spacing:1px}.pk-mode-toast small{font:750 10px Inter,Arial,sans-serif;letter-spacing:2px;color:#ff8fa8}.pk-mode-toast button{margin-top:16px;background:#ff4569;border:0;color:#10040a;padding:12px 24px;font-weight:900;letter-spacing:1px}
@keyframes pk-toast-in{from{opacity:0;scale:.84}to{opacity:1;scale:1}}
body.pk-mode{--cyan:#ff7895;--violet:#ff4062;--edge:#ff396a66;background:#14070e}body.pk-mode #depth{filter:hue-rotate(128deg) saturate(1.8)}body.pk-mode .hero-frame{box-shadow:0 0 80px #e72b663a}body.pk-mode .progress{background:linear-gradient(90deg,#ff3557,#fff,#ff3557)}body.pk-mode .nav{border-bottom-color:#ff376b66}
body.pk-mode .pk-orbit-disc{filter:drop-shadow(0 0 30px #ff2f5b)}body.pk-mode .pk-orbit-label{color:#ffcddd;border-color:#ff376b}
@media(max-width:950px){.pk-orbit-stage{width:min(100%,240px);min-height:170px}.pk-live-hud{flex-wrap:wrap;gap:11px}.pk-live-links{margin-left:auto}}
@media(max-width:700px){.pk-live-hud{margin:10px auto 25px;padding:12px}.pk-live-info{order:2;width:100%}.pk-live-links{order:1;flex:1;justify-content:flex-end}.pk-live-links a{padding:10px 11px;font-size:9px}.pk-live-badge{order:0}.pk-latest-intro{align-items:start;flex-wrap:wrap}.pk-latest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pk-latest-card{min-height:150px}.pk-deck-head{flex-wrap:wrap}.pk-track-selector{gap:7px}.pk-track-selector button{padding:12px 9px;min-height:110px}.pk-track-selector strong{font-size:18px}.pk-track-selector small{font-size:8px}.pk-deck-controls{gap:6px;flex-wrap:wrap}.pk-deck-progress{flex-basis:100%;order:2}.pk-time{font-size:9px}.pk-music-deck{padding:16px}.pk-mobile-dock{position:fixed;z-index:126;bottom:0;left:0;right:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));display:flex;align-items:stretch;justify-content:space-around;gap:4px;background:#05101cf1;border-top:1px solid #74d8ff61;backdrop-filter:blur(16px);box-shadow:0 -12px 26px #0008}.pk-mobile-dock a,.pk-mobile-dock button{flex:1;display:grid;justify-items:center;align-content:center;gap:3px;background:none;color:#b6cedf;border:0;min-height:50px;padding:2px;text-decoration:none;max-width:80px}.pk-mobile-dock span{font:900 23px/1 Inter,Arial,sans-serif}.pk-mobile-dock small{font:800 8px Inter,Arial,sans-serif;letter-spacing:1px}.pk-mobile-dock .active{color:#97ecff}.pk-mobile-dock #pk-dock-sound{color:#ff83aa}.pk-mobile-dock a:focus-visible,.pk-mobile-dock button:focus-visible{outline:2px solid #9fe8ff;outline-offset:-3px}.lobby-player{bottom:calc(65px + env(safe-area-inset-bottom)) !important}body{padding-bottom:calc(55px + env(safe-area-inset-bottom))}}
@media(max-width:430px){.pk-latest-list{grid-template-columns:1fr}.pk-latest-card{min-height:190px}.pk-track-selector button{min-height:108px}.pk-track-selector strong{font-size:15px}.pk-track-selector span{font-size:8px;letter-spacing:.2px}.pk-track-selector small{font-size:7px;letter-spacing:.25px}.pk-orbit-stage{min-height:170px}.pk-orbit-button{width:145px;height:145px}.pk-entry-mark>img{width:67px}.pk-live-links a{padding:9px 7px}}
@media(prefers-reduced-motion:reduce){.pk-entry-mark>img,.pk-entry-halo,.pk-orbit-ring,.pk-orbit-button.spinning .pk-orbit-disc,.pk-live-hud.is-live .pk-live-badge,.pk-mode-toast{animation:none!important}.pk-orbit-disc,.pk-latest-card,.pk-track-selector button{transition:none!important}}