.sp-page{min-height:100vh;padding-top:72px;color:var(--sp-text);font-family:var(--sp-font-body);background-color:var(--sp-bg);background-image:var(--sp-backdrop);background-size:cover;background-position:50%;background-attachment:fixed;position:relative}.sp-page:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);pointer-events:none;z-index:0}.sp-container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:0 20px 80px}.sp-back-link{display:inline-block;margin:2rem 0 0;color:rgba(255,255,255,.85);text-decoration:none;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.sp-back-link:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.sp-header{text-align:center;margin:3rem 0 4rem;animation:sp-fade-in-down .8s ease}.sp-title{font-family:var(--sp-font-heading);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem;background:linear-gradient(135deg,#ffffff,rgba(255,255,255,.8));-webkit-background-clip:text;background-clip:text;color:transparent}.sp-subtitle{font-size:1.2rem;color:rgba(255,255,255,.85);font-weight:500;margin:0}.spotlight-glass-masonry-grid{column-count:3;column-gap:24px}@media (max-width:1100px){.spotlight-glass-masonry-grid{column-count:2}}@media (max-width:700px){.spotlight-glass-masonry-grid{column-count:1;column-gap:16px}}.spotlight-card-glass{break-inside:avoid;page-break-inside:avoid;margin-bottom:24px;display:flex;flex-direction:column;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);transition:all .3s cubic-bezier(.16,1,.3,1);color:var(--sp-text)}.spotlight-card-glass:hover{transform:translateY(-6px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);box-shadow:0 12px 30px rgba(0,0,0,.3)}.spotlight-card-image{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111;cursor:pointer}.spotlight-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.spotlight-card-glass:hover .spotlight-card-image img{transform:scale(1.05)}.spotlight-card-image-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.spotlight-card-image:hover .spotlight-card-image-overlay{opacity:1}.spotlight-card-featured{position:absolute;top:12px;right:12px;background:rgba(255,193,7,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:600;color:#ffd700;border:1px solid rgba(255,193,7,.3);display:flex;align-items:center;gap:4px}.spotlight-card-content{padding:20px;display:flex;flex-direction:column;flex:1 1}.spotlight-card-category{display:inline-flex;align-items:center;gap:6px;background:var(--sp-primary-soft);border:1px solid var(--sp-primary-glow);padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;color:var(--sp-primary);margin-bottom:12px;align-self:flex-start}.spotlight-card-title{font-family:var(--sp-font-heading);font-size:1.2rem;font-weight:700;color:rgba(255,255,255,.95);margin:0 0 10px;line-height:1.3}.spotlight-card-date{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.5);font-size:.75rem;margin:0 0 12px}.spotlight-card-description{color:rgba(255,255,255,.7);font-size:.85rem;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spotlight-card-description.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.spotlight-card-readmore-btn{background:none;border:none;padding:0;margin:0 0 12px;color:var(--sp-primary);font-size:.8rem;font-weight:600;cursor:pointer;align-self:flex-start}.spotlight-card-readmore-btn:hover{text-decoration:underline;filter:brightness(1.2)}.spotlight-card-players{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;font-size:.8rem;color:rgba(255,255,255,.6)}.spotlight-card-players strong{color:rgba(255,255,255,.8);font-weight:600}.spotlight-card-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.spotlight-card-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:500;color:rgba(255,255,255,.7)}.sp-empty{text-align:center;padding:80px 20px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:32px;border:1px solid rgba(255,255,255,.1);max-width:600px;margin:0 auto}.sp-empty h3{font-size:1.5rem;color:rgba(255,255,255,.9);margin:0 0 12px}.sp-empty p{color:rgba(255,255,255,.6);margin:0}@keyframes sp-fade-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.spotlight-modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain}.spotlight-modal-glass{width:100%;max-width:1100px;height:75vh;background:rgba(20,25,45,.96);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:28px;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 60px -15px rgba(0,0,0,.7);display:flex;flex-direction:column;overflow:hidden}.spotlight-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.spotlight-modal-title{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:.9rem;font-weight:600}.spotlight-modal-close{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.spotlight-modal-close:hover{background:rgba(255,255,255,.2);transform:scale(1.05);border-color:rgba(255,255,255,.3)}.spotlight-modal-toolbar{display:flex;align-items:center;gap:12px;padding:12px 24px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.spotlight-modal-tool-btn{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.spotlight-modal-tool-btn:hover{background:rgba(80,100,220,.6);border-color:rgba(80,100,220,.8);transform:translateY(-2px);color:white}.spotlight-modal-zoom-level{margin-left:auto;padding:6px 12px;background:rgba(0,0,0,.5);border-radius:20px;color:rgba(255,255,255,.9);font-size:.75rem;font-weight:600;font-family:monospace}.spotlight-modal-image-wrapper{flex:1 1;overflow:hidden;position:relative;background:#0a0a0a;min-height:0}.spotlight-modal-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.spotlight-modal-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.spotlight-modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}.spotlight-modal-footer{padding:12px 24px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.spotlight-modal-instructions{display:flex;justify-content:center;gap:24px;color:rgba(255,255,255,.5);font-size:.7rem;flex-wrap:wrap}.spotlight-modal-instructions span{display:inline-flex;align-items:center;gap:6px}@media (max-width:768px){.spotlight-modal-glass{width:92vw;height:85vh}}@media (max-width:480px){.spotlight-modal-glass{width:96vw;height:88vh}.spotlight-modal-toolbar{padding:8px 16px;gap:8px}.spotlight-modal-tool-btn{width:32px;height:32px}}