:root{height:100%;width:100%;margin:0;padding:0;background-color:#0d0d0d;color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{overflow:hidden;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,25px);justify-content:center;gap:5px;padding:20px}.cross{font-size:16px;color:#3b3b3b;width:25px;height:25px;text-align:center;line-height:25px;transition:transform .15s ease;will-change:transform;-webkit-user-select:none;user-select:none}.home-stage{position:relative;height:100vh;width:100%;background:#0b0b0c;overflow:hidden}.phi-floating{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:system-ui,Inter,Segoe UI,Roboto,sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(48px,10vw,160px);color:#fd3;filter:saturate(1.05);will-change:transform,text-shadow;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-block}.long-phrase{max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.home-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 3px;mix-blend-mode:overlay;opacity:.35}@keyframes letterPop{0%{transform:scale(1.05)}to{transform:scale(1)}}.phi-floating.pop{animation:letterPop .08s ease}:where(.quicklinks) a{color:gold;text-decoration:none;font-weight:700;font-family:Helvetica,sans-serif;cursor:pointer;display:inline-block;transition:transform .2s ease;transform-origin:left;white-space:nowrap;margin:0;padding:0;overflow-x:hidden}:where(.quicklinks) a:hover{color:#b8860b;transform:scale(1.2)}:root{--bg:#0a0f1c;--panel:#10141f;--border:#1b2233;--red:#ff3b3b;--green:#00ff88;--blue:#3b82f6;--text:gold;--muted:#b0b193;--radius:14px}.GamePage{background:var(--bg);color:var(--text)}.game-frame{width:100%;max-width:800px;margin:0 auto 16px}.pp-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:12px 0 24px}.pp-card{background:var(--panel);border:2px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:0 0 0 1px #ffffff05 inset;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pp-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000059}.pp-card.red{border-color:#ff3b3b59}.pp-card.green{border-color:#00ff8859}.pp-card.blue{border-color:#3b82f659}.pp-card.gold{border-color:gold}.pp-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pp-card__headernomargin{display:flex;align-items:center;justify-content:space-between}.pp-card__header h3{margin:0;letter-spacing:.5px;text-transform:uppercase;font-weight:800;font-size:.95rem}.pp-badge{font-size:.7rem;font-weight:800;letter-spacing:.6px;padding:3px 8px;border-radius:8px;background:#222a3a;color:var(--text);border:1px solid var(--border)}.pp-badge.danger{background:#ff3b3b1f;color:#ffb3b3;border-color:#ff3b3b59}.pp-badge.ok{background:#00ff881a;color:#b6ffe0;border-color:#00ff8859}.pp-badge.info{background:#3b82f61a;color:#b9d8ff;border-color:#3b82f659}.pp-card__body{display:flex;flex-direction:column;gap:10px}.pp-chip-row{display:flex;flex-wrap:wrap;gap:8px}.pp-chip{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.pp-chip:hover{border-color:#3d4a66;background:#0f1523}.pp-chip:active{transform:scale(.98)}.pp-input-row{display:flex;gap:8px;align-items:center}.pp-input{flex:1 1 auto;background:#0e1421;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px;outline:none}.pp-input:focus{border-color:#3d4a66}.pp-button{display:inline-block;text-decoration:none;font-weight:700;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#1a2133,#131a2a);color:var(--text);transition:filter .15s ease,transform .08s ease}.pp-button:hover{filter:brightness(1.15)}.pp-button:active{transform:translateY(1px)}.pp-muted{color:var(--muted);font-size:.8rem;margin:2px 0 0}.pp-scroll{max-height:220px;overflow:auto;padding-right:2px;scrollbar-width:thin}.search-container{display:flex;justify-content:center;margin:2rem 0}.search-input{width:60%;max-width:600px;padding:1rem 1.5rem;border:none;border-radius:9999px;font-size:1.25rem;outline:none;background:#181818;color:#fff;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s ease,background .2s ease}.search-input:focus{background:#222;box-shadow:0 0 0 2px gold}.search-button{margin-left:-80px;padding:.75rem 1.25rem;border:none;border-radius:9999px;background:gold;color:#000;font-weight:700;cursor:pointer;transition:background .2s ease}.search-button:hover{background:#daa520}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:2rem}.result-card{background:#181818;border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:transform .2s,background .2s}.result-card:hover{background:#222;transform:scale(1.05)}.result-cover{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;margin-bottom:.75rem}.result-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.result-artist{font-size:.9rem;color:#aaa}html,body{overflow-y:auto}p{text-align:left;font-family:Helvetica,sans-serif;font-size:20px}.AlbumTitle{font-size:3rem;font-weight:600;color:#fff;margin-bottom:.25rem;text-align:center}.AlbumCover{display:block;margin:0 auto 1rem;border-radius:10px;width:250px;height:250px;object-fit:cover;box-shadow:0 0 20px #ffd70099;transition:transform .2s ease,box-shadow .2s ease}.AlbumCover:hover{transform:scale(1.05);box-shadow:0 0 35px gold}.AlbumPage{max-width:700px;margin:0 auto;padding:1.5rem;color:#fff}.BackLink{color:gold;text-decoration:none}.BackLink:hover{text-decoration:underline}.AlbumHeader{margin:1.5rem 0 2rem;text-align:center}.TrackInfo{display:flex;align-items:center;gap:.5rem;overflow:hidden}.AlbumArtist{font-size:1rem;color:#aaa;margin-bottom:1rem}.Tracklist{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.TrackRow{display:flex;align-items:center;justify-content:space-between;background:#181818;padding:.5rem 1rem;border-radius:8px;transition:background .2s}.TrackRow:hover{background:#222}.TrackIndex{color:gold;margin-right:.5rem;font-weight:700;width:2rem}.TrackName{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.TrackAudio{width:150px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;width:100%;background-color:#0d0d0d;color:#fff;font-family:sans-serif}body{overflow:hidden}body.loaded{overflow-y:auto}#root{display:flex;flex-direction:column}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0d0d;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s ease}.CenterTitle{text-align:center;font-family:Helvetica,sans-serif}.HeadingBigLeft{text-align:left;font-family:Helvetica,sans-serif;font-size:35px;color:gold;text-shadow:0 0 5px gold}.HeadingLeft{text-align:left;font-family:Helvetica,sans-serif;font-size:30px;color:gold}.ClickableHeadingLeft{text-align:left;font-family:Helvetica,sans-serif;font-size:30px;color:gold;cursor:pointer;transition:transform .2s ease;transform-origin:left;overflow-x:hidden}.SpaceDiv{height:2rem}.BigSpaceDiv{height:5rem}.MegaSpaceDiv{height:10rem}.BodyTextLeft{text-align:left;font-family:Helvetica,sans-serif;font-size:20px}.BodyTextCentre{text-align:center;font-family:Helvetica,sans-serif;font-size:20px}.FancyLink{color:#b8860b;text-decoration:none;font-weight:700;font-family:Helvetica,sans-serif;cursor:pointer;display:inline-block;transition:transform .2s ease;transform-origin:left;white-space:nowrap;margin:0;padding:0;overflow-x:hidden}.DropdownArrow{margin-left:5px;transition:transform .2s ease;transform-origin:left}.ClickableHeadingLeft:hover{transform:scale(1.2)}.GamePage{overflow-x:hidden}.FancyLink:hover{transform:scale(1.1)}.Home{justify-content:center;text-align:center}.phi path{fill:none;stroke:gold;stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 2.5s ease forwards,scaleDraw 2.5s ease forwards;transform-origin:center;filter:drop-shadow(0 0 4px gold)}.page{width:100%;flex:1;min-height:100vh;min-height:100dvh;padding:0;display:flex;flex-direction:column}@keyframes draw{to{stroke-dashoffset:0}}@keyframes scaleDraw{0%{transform:scale(.75)}to{transform:scale(1)}}@keyframes scaleFade{0%{transform:scale(1)}to{transform:scale(1.2)}}.loaded #loader{opacity:0;pointer-events:none}.loaded #main-site{opacity:1;padding:4rem;transition:opacity 1s ease;flex-grow:1}header.site-header{display:flex;align-items:center;padding:.75rem 1rem;background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.logo{font-size:1.8rem;font-weight:bolder;color:gold;text-decoration:none;text-shadow:0 0 5px gold}.logo:hover{text-shadow:0 0 10px gold;color:gold;text-decoration:none}nav a{margin-left:2rem;color:#fff;text-decoration:none;font-weight:500;text-shadow:0 0 0px gold;position:relative;transition:color .2s}.dot{height:1px;width:1px}nav a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background:gold;transition:width .3s ease}nav a:hover{color:gold;text-shadow:0 0 20px gold}nav a:hover:after{width:100%}#main-site{opacity:0;transition:opacity 1s ease;min-height:100vh;background-color:#000;display:flex;flex-direction:column;flex-grow:1}.sidebar{position:fixed;top:0;right:0;width:min(280px,85vw);height:100vh;background:#141418f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .22s ease;z-index:1200;padding:14px;overflow:hidden}.sidebar.open{transform:translate(0)}@media (max-width: 900px){.sidebar{width:100vw}}.sidebar-nav .sidebar-mobile-only{display:contents}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:gold;font-weight:700}.close-btn{background:none;border:none;color:gold;font-size:22px;cursor:pointer}.sidebar-nav{display:flex;flex-direction:column;gap:14px}.sidebar-nav a{display:block;color:gold;text-decoration:none;font-weight:600}.sidebar-nav a:hover{color:#b8860b}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1100}.overlay.show{opacity:1;pointer-events:auto}.topnav{display:flex;gap:18px;margin-left:auto}.topnav a{white-space:nowrap}.menu-btn{display:inline-flex;margin-left:auto;font-size:22px;background:none;border:none;color:gold;cursor:pointer}.menu-btn{position:static;margin-left:12px;font-size:20px;background:none;border:none;color:gold;cursor:pointer}@media (min-width: 901px){.topnav{display:flex;gap:18px}.sidebar-mobile-only{display:none}}@media (max-width: 900px){.topnav{display:none}.sidebar-mobile-only{display:block}.menu-btn{display:inline-flex;margin-left:auto;font-size:22px;background:none;border:none;color:gold;cursor:pointer}}.body--lock{overflow:hidden!important}@media (min-width: 901px){.sidebar-mobile-only{display:none!important}}@media (max-width: 900px){.sidebar-mobile-only{display:contents}}.gameshow-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(90deg,#ff0080,#ff8c00,#40e0d0);background-size:300% 300%;animation:gradientShift 6s ease infinite;animation:gradientShift 6s ease infinite,glowPulse 2s ease-in-out infinite;padding:16px;border-radius:16px;position:relative;text-align:center;gap:8px;cursor:pointer}.gameshow-banner:hover{filter:brightness(1.1);transform:scale(1.02);transition:all .15s ease}.gameshow-text,.gameshow-divider{flex:0 0 auto;width:100%}.gameshow-text{font-family:Bebas Neue,sans-serif;font-size:1.7rem;color:#fff;text-shadow:2px 2px 0 #000,-2px -2px 0 #000}.gameshow-divider{font-family:Comic Neue;font-weight:400;font-style:normal;font-size:1.5rem;color:#ff0;text-shadow:0 0 2px #000,2px 2px 0 #000,-2px -2px 0 #000}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff0080b3}50%{box-shadow:0 0 40px #ffff00e6}}.statcard{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.statlabel{opacity:.8;font-size:.85rem}.statvalue{font-weight:700;margin-top:2px}.statsub{opacity:.7;font-size:.85rem;margin-top:2px}