body[data-page-id=surf-planet]{overflow:hidden;background:#000}#sp-bg{position:fixed;inset:0;z-index:0;overflow:hidden;cursor:pointer}.sp-bg-layer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}.sp-bg-layer.active{opacity:1}#sp-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0,rgba(0,0,0,.1) 35%,rgba(0,0,0,.25) 65%,rgba(0,0,0,.7) 100%);z-index:1;pointer-events:none}.sp-selector{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:15;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:0 16px}.sp-planet-btn{font-family:var(--font-mono);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;background:rgba(0,0,0,.55);border:1px solid rgba(0,200,255,.3);color:rgba(0,200,255,.7);padding:6px 14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sp-planet-btn:hover{background:rgba(0,200,255,.12);color:#00c8ff;border-color:rgba(0,200,255,.6)}.sp-planet-btn.active{background:rgba(0,200,255,.18);color:#fff;border-color:rgba(0,200,255,.9)}.sp-planet-btn:disabled{opacity:.4;cursor:not-allowed}.sp-gallery{position:fixed;bottom:55px;left:0;right:0;z-index:15;padding:0 20px;opacity:0;pointer-events:none;transition:opacity .35s ease}.sp-gallery.visible{opacity:1;pointer-events:all}.sp-gallery-inner{display:flex;gap:8px;overflow-x:auto;padding:6px 0;scrollbar-width:none}.sp-gallery-inner::-webkit-scrollbar{display:none}.sp-thumb{flex-shrink:0;width:80px;height:60px;cursor:pointer;border:1px solid rgba(0,200,255,.2);overflow:hidden;transition:border-color .15s,transform .15s}.sp-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sp-thumb:hover{border-color:rgba(0,200,255,.7);transform:scale(1.06)}.sp-thumb.active{border-color:#00c8ff;border-width:2px}.sp-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none;opacity:0;transition:opacity .2s}.sp-loading.visible{opacity:1}.sp-loading-text{font-family:var(--font-mono);font-size:.72rem;letter-spacing:3px;color:rgba(0,200,255,.75);animation:tv-signal-blink 1.2s infinite}.sp-error{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);z-index:20;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.sp-error.visible{opacity:1}.sp-error-text{font-family:var(--font-mono);font-size:.68rem;letter-spacing:2px;color:rgba(255,80,80,.85)}.sp-detail{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.sp-detail.active{opacity:1;pointer-events:all}.sp-detail-close{position:absolute;top:18px;right:22px;background:0 0;border:1px solid rgba(0,200,255,.35);color:rgba(0,200,255,.8);font-family:var(--font-mono);font-size:1rem;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.sp-detail-close:hover{background:rgba(0,200,255,.12);color:#00c8ff}.sp-detail-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:1px solid rgba(0,200,255,.25);color:rgba(0,200,255,.7);font-size:2.5rem;width:48px;height:80px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;z-index:10;line-height:1}.sp-detail-nav:hover{background:rgba(0,200,255,.1);color:#00c8ff}.sp-detail-prev{left:16px}.sp-detail-next{right:16px}.sp-detail-img-wrap{max-width:90vw;max-height:72vh;display:flex;align-items:center;justify-content:center}.sp-detail-img{max-width:90vw;max-height:72vh;object-fit:contain;display:block;box-shadow:0 0 60px rgba(0,200,255,.08)}.sp-detail-caption{margin-top:16px;text-align:center;font-family:var(--font-mono);max-width:70vw;padding:0 16px}.sp-detail-title{font-size:.78rem;letter-spacing:2px;color:rgba(255,255,255,.9);margin-bottom:6px}.sp-detail-meta{font-size:.6rem;letter-spacing:1.5px;color:rgba(0,200,255,.55);line-height:1.7}.surf-header{position:fixed;left:0;right:0;z-index:20;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0,transparent 100%);backdrop-filter:none}.surf-hud{position:fixed;inset:0;pointer-events:none;z-index:10;font-family:var(--font-mono);color:rgba(0,200,255,.85)}.hud-top-left{position:absolute;top:90px;left:24px}.hud-top-right{position:absolute;top:90px;right:24px;text-align:right}.hud-bottom-left{position:absolute;bottom:58px;left:24px}.hud-bottom{position:absolute;bottom:28px;left:50%;transform:translateX(-50%)}.hud-label{font-size:.58rem;letter-spacing:.18em;opacity:.5;text-transform:uppercase;margin-bottom:4px}.hud-value{font-size:.82rem;letter-spacing:.08em}.hud-controls{font-size:.56rem;letter-spacing:.2em;opacity:.4;white-space:nowrap}.hud-corner{position:absolute;width:36px;height:36px;border-color:rgba(0,200,255,.25);border-style:solid}.hud-corner--tl{top:70px;left:16px;border-width:1px 0 0 1px}.hud-corner--tr{top:70px;right:16px;border-width:1px 1px 0 0}.hud-corner--bl{bottom:16px;left:16px;border-width:0 0 1px 1px}.hud-corner--br{bottom:16px;right:16px;border-width:0 1px 1px 0}@media (max-width:600px){.hud-top-left,.hud-top-right{top:76px}.hud-corner--tl,.hud-corner--tr{top:58px}.sp-selector{top:64px;gap:5px}.sp-planet-btn{font-size:.56rem;padding:5px 10px}.sp-detail-nav{width:36px;height:60px;font-size:1.8rem}.sp-detail-caption{max-width:90vw}.sp-thumb{width:64px;height:48px}.hud-bottom-left{bottom:52px}}