.cosplay-page{color:#e2e8f0;min-height:100vh;position:relative}.hero-cosplay-section{align-items:center;min-height:500px;padding:60px 20px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;background-image:url(/images/cosplay/back.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#0000 100%)}.hero-content{z-index:1;justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:flex;position:relative}.hero-text{text-align:left;flex:1;max-width:50%}.cosplay-page .hero-title{background:linear-gradient(#b72f74 0%,#54fedd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px 30px;font-family:Sonic HUD C Italic,sans-serif;font-size:80px;line-height:1.2}.cosplay-page .hero-description-back{z-index:3;background:linear-gradient(90deg,#01121c00 0%,#01121c 25.24%,#011011 73.38%,#01121c00 100%);flex-direction:column;justify-content:center;align-items:center;width:562px;height:103px;margin:30px auto 60px;display:flex;position:relative}.cosplay-page .hero-description{color:#cbd5e1;max-width:500px;font-family:VCR OSD Mono Nova,monospace;font-size:18px;line-height:1.6}.btn-blue{margin-left:35px}.cosplay-page .hero-image{flex-shrink:0;justify-content:flex-end;width:45%;display:flex}.cosplay-image{aspect-ratio:598/837;width:100%;max-width:598px;height:auto;image-rendering:pixelated;background-image:url(/images/cosplay/hero.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.section-pixel{padding:80px 20px}.container-pixel{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;color:#fff;margin:0 auto 35px;font-family:Sonic HUD C Italic,sans-serif;font-size:35px}.section-subtitle{text-align:center;color:#94a3b8;max-width:790px;margin:0 auto 50px;font-family:VCR OSD Mono Nova,sans-serif;font-size:24px}.description-text{color:#cbd5e1;text-align:center;max-width:800px;margin:0 auto;font-family:VCR OSD Mono Nova,monospace;font-size:20px;line-height:1.8}.winners-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.winner-card{image-rendering:pixelated;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12121a99;border:2px solid #1a1a24;transition:all .2s;overflow:hidden}.winner-card:hover{border-color:#f0f;transform:translateY(-4px);box-shadow:0 8px #f0f3}.winner-place{text-align:center;background:linear-gradient(135deg,#ff00ff20,#0000);padding:16px;font-family:Sonic HUD C Italic,sans-serif;font-size:35px}.winner-place.first{color:gold}.winner-place.second{color:silver}.winner-place.third{color:#cd7f32}.winner-image{aspect-ratio:3/4;background-position:50%;background-repeat:no-repeat;background-size:cover;border-top:2px solid #1a1a24;border-bottom:2px solid #1a1a24;width:100%}.winner-info{text-align:center;padding:20px}.winner-name{color:#fff;margin-bottom:8px;font-family:Sonic HUD C Italic,sans-serif;font-size:24px}.winner-character{color:#f0f;font-family:VCR OSD Mono Nova,monospace;font-size:16px}.rules-grid{max-width:800px;margin:0 auto}.rule-item{image-rendering:pixelated;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12121a99;border:2px solid #1a1a24;gap:20px;margin-bottom:16px;padding:20px;transition:all .2s;display:flex}.rule-item:hover{border-color:#f0f;transform:translate(4px)}.rule-number{color:#f0f;text-align:center;min-width:50px;font-family:Sonic HUD C Italic,sans-serif;font-size:35px}.rule-text{color:#cbd5e1;flex:1;font-family:VCR OSD Mono Nova,monospace;font-size:16px;line-height:1.6}.template-block{color:#94a3b8;image-rendering:pixelated;background:#0d0d14;border:2px solid #f0f;margin-top:24px;padding:20px;font-family:VCR OSD Mono Nova,monospace;font-size:16px}.template-title{color:#f0f;margin-bottom:12px;font-family:Sonic HUD C Italic,sans-serif;font-size:20px}.template-code{white-space:pre-wrap;word-break:break-word;background:#0a0a0f;border:1px solid #1a1a24;margin-top:12px;padding:16px;font-family:VCR OSD Mono Nova,monospace;font-size:12px;overflow-x:auto}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.gallery-item{aspect-ratio:3/4;image-rendering:pixelated;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#12121a99;border:2px solid #1a1a24;justify-content:center;align-items:center;transition:all .2s;display:flex;overflow:hidden}.gallery-item:hover{border-color:#f0f;transform:scale(1.02)}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-item:hover .gallery-image{transform:scale(1.1)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{cursor:default;background:0 0;border:none;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-close-btn{color:#fff;cursor:pointer;width:40px;height:40px;image-rendering:pixelated;background:#f0f;border:none;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex;position:absolute;top:-40px;right:-40px}.modal-image{object-fit:contain;max-width:90vw;max-height:85vh;image-rendering:pixelated;border:3px solid #f0f}.modal-caption{color:#cbd5e1;text-align:center;margin-top:16px;font-family:VCR OSD Mono Nova,monospace;font-size:16px}@media (max-width:1024px){.cosplay-page .hero-title{margin-left:0;font-size:60px}.cosplay-page .hero-description-back{width:400px;height:auto;min-height:80px;margin:20px auto 40px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media (max-width:900px){.hero-content{text-align:center;flex-direction:column}.hero-text{text-align:center;max-width:100%}.hero-image{justify-content:center;width:60%;margin-top:30px}.cosplay-page .hero-title{margin-left:0;font-size:48px}.cosplay-page .hero-description-back{width:100%;max-width:500px;margin:20px auto}.btn-blue{margin:0 auto}.winners-grid{grid-template-columns:repeat(2,1fr);gap:20px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.section-pixel{padding:60px 16px}.section-title{font-size:30px}.section-subtitle{font-size:18px}.description-text{font-size:16px}}@media (max-width:768px){.hero-cosplay-section{min-height:auto;padding:40px 16px}.cosplay-page .hero-title{margin-bottom:15px;font-size:36px}.cosplay-page .hero-description-back{width:200px;margin:15px auto 30px}.cosplay-page .hero-description{font-size:14px}.section-pixel{padding:40px 16px}.section-title{margin-bottom:20px;font-size:24px}.section-subtitle{margin-bottom:30px;font-size:14px}.description-text{font-size:14px}.winners-grid{grid-template-columns:1fr;gap:25px;max-width:350px;margin:0 auto}.winner-name{font-size:20px}.winner-character{font-size:14px}.winner-place{padding:12px;font-size:28px}.rule-item{text-align:center;flex-direction:column;padding:16px}.rule-number{text-align:center;font-size:28px}.rule-text{text-align:center;font-size:14px}.template-block{margin-top:20px;padding:15px}.template-title{text-align:center;font-size:16px}.template-code{padding:12px;font-size:10px}.gallery-grid{gap:15px;max-width:500px;margin:0 auto}.modal-close-btn{width:35px;height:35px;font-size:20px;top:-35px;right:-5px}.modal-caption{font-size:12px}}@media (max-width:480px){.hero-cosplay-section{padding:30px 12px}.cosplay-page .hero-title{font-size:28px}.cosplay-page .hero-description{font-size:12px}.section-pixel{padding:30px 12px}.section-title{font-size:20px}.section-subtitle,.description-text{font-size:12px}.winner-name{font-size:18px}.winner-character{font-size:12px}.winner-info{padding:12px}.rule-number{min-width:40px;font-size:24px}.rule-text{font-size:12px}.template-title{font-size:14px}.template-code{padding:10px;font-size:9px}.modal-image{border-width:2px}.modal-close-btn{width:30px;height:30px;font-size:18px;right:-10px}.cosplay-image{max-width:280px}}@media (min-width:769px) and (max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}.winners-grid{grid-template-columns:repeat(2,1fr)}}