.header{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:64px;position:fixed}@media (width<=756px){.header{height:58px}}.header-inner{align-items:center;height:100%;padding:0 16px;display:flex;position:relative}.header .logo{color:#333;font-size:1.2rem;font-weight:700;text-decoration:none}.header .logo:hover{opacity:.6}.header .nav{position:absolute;left:50%;transform:translate(-50%)}@media (width<=756px){.header .nav{background:#fff;width:100%;transition:transform .3s;position:fixed;top:58px;left:0;transform:translateY(-150%)}}.header .nav-ul{gap:clamp(16px,4vw,40px);list-style:none;display:flex}@media (width<=756px){.header .nav-ul{flex-direction:column;gap:16px;padding:16px}}.header .nav a{color:#333;padding:8px 12px;text-decoration:none;transition:all .2s}.header .nav a:hover{opacity:.6}.header .hamburger{cursor:pointer;z-index:3;background:0 0;border:none;width:28px;height:20px;margin-left:auto;font-size:large;display:none;position:relative}@media (width<=756px){.header .hamburger{display:block}.header .nav.open{transform:translateY(0)}}.hero{background-image:url(https://vcode-esia.com/creative_awards/hero/hero.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:100dvh;display:flex;position:relative}.hero-overlay{background:#0006;position:absolute;inset:0}.hero-inner{text-align:center;color:#fff;z-index:1;position:relative}.hero-title{margin-bottom:24px;font-size:clamp(32px,6vw,72px);font-weight:700;line-height:1.2}.hero .cta-button{color:#fff;background:#4f46e5;border-radius:999px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.hero .cta-button:hover{opacity:.9;transform:scale(1.05)}.concept-section{text-align:center;padding:64px 24px;font-size:clamp(18px,1.1vw,22px)}.concept-section .concept-text{max-width:800px;margin:16px auto 32px;line-height:1.8}.concept-section .category-cards{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=756px){.concept-section .category-cards{grid-template-columns:1fr}}.concept-section .category-card{border-radius:12px;padding:24px}.concept-section .category-card.game{background:#ffe1aa}.concept-section .category-card.world{background:#aae1ff}.works-section{padding:80px 24px;font-size:clamp(18px,1.1vw,22px)}.works-section .section-header h2{justify-self:center}.works-section .section-header p{justify-self:center;margin-bottom:28px}.works-section .work-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.works-section .work-grid :hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.works-section .work-grid .work-card{color:#333;background:#f5f5f5;border-radius:12px;width:100%;max-width:320px;margin:0 auto;text-decoration:none;transition:all .2s;display:block;overflow:hidden}.works-section .work-grid .work-card .thumbnail{aspect-ratio:16/9;pointer-events:none;overflow:hidden}.works-section .work-grid .work-card .thumbnail img{object-fit:cover;pointer-events:none;width:100%;height:100%}.works-section .work-grid .work-card .work-info{pointer-events:none;padding:12px}.works-section .work-grid .work-card .work-info .work-title{pointer-events:none;margin-bottom:4px}.works-section .work-grid .work-card .work-info .work-meta{color:#666}.works-section .work-grid .work-card .work-link{color:#4f46e5;padding:0 12px 12px;font-size:14px;display:block}.works-section .more-button-wrap{text-align:center;margin-top:40px}.works-section .more-button-wrap .more-button{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:999px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block;box-shadow:0 6px 16px #4f46e540}.works-section .more-button-wrap .more-button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #4f46e559}.works-section .more-button-wrap .more-button:active{transform:translateY(0);box-shadow:0 4px 10px #4f46e533}@media (width<=756px){.works-section .more-button-wrap .more-button{width:100%;max-width:320px}}.modal{z-index:2000;font-size:clamp(18px,1.1vw,22px);display:none;position:fixed;inset:0}.modal.open{display:block}.modal-overlay{background:#0009;position:absolute;inset:0}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:60%;max-height:80vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=756px){.modal-content{width:90%}}.modal-content .modal-close{cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:12px;right:12px}.modal-content img{object-fit:cover;border-radius:12px;width:100%;max-height:300px;margin:16px 0}.modal-content .modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.modal-content .modal-body .modal-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=756px){.modal-content .modal-body .modal-columns{grid-template-columns:1fr}}.modal-content .modal-body .detail-button{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:999px;margin:5px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:block;position:relative;box-shadow:0 6px 16px #4f46e540}.modal-content .modal-body .detail-button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #4f46e559}.modal-content .modal-body .detail-button:active{transform:translateY(0);box-shadow:0 4px 10px #4f46e533}@media (width<=756px){.modal-content .modal-body .detail-button{width:100%;max-width:320px;left:50%;transform:translate(-50%)}}.modal-content .modal-body .rating{background-color:#faebd7;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px 16px;margin:20px 0;padding:10px 5px;display:grid}.detail{padding:120px 24px 80px;font-size:clamp(18px,1.1vw,22px)}.detail-header-nav{margin-bottom:24px}.detail-header-nav .back-button{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;transition:all .2s}.detail-header-nav .back-button:hover{color:#111;transform:translate(-2px)}.detail-container{max-width:80vw;margin:0 auto}.detail-top{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:20px;display:grid}@media (width<=756px){.detail-top{grid-template-columns:1fr}}.detail-media{width:100%;height:100%}.detail-media img{object-fit:cover;object-position:center;border-radius:12px;width:100%;height:100%}.detail-info{width:100%;height:100%}.detail-info .rating{background-color:#faebd7;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px 16px;padding:10px 5px;display:grid}.detail-title{margin-bottom:8px;font-size:28px}.detail-meta{color:#666;margin-bottom:16px}.detail-description{margin-bottom:20px;line-height:1.8}.detail-comment{background-color:#bbecd6;border-radius:12px;padding:10px}.detail-image .images{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=756px){.detail-image .images{grid-template-columns:1fr}}.detail-image .images img{object-fit:cover;object-position:center;border-radius:8px;width:100%;max-height:60vh}.detail-program{aspect-ratio:16/9;width:100%;position:relative;left:50%;transform:translate(-50%)}.detail-program .program-frame,.detail-program .program-frame iframe{width:100%;height:100%}@media (width<=756px){.detail-program{display:none}}.detail-share{margin-top:64px}.detail-share h2{margin-bottom:24px}.detail-share .share-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.detail-share .share-button{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;text-decoration:none;transition:all .25s;display:flex}.detail-share .share-button:hover{transform:translateY(-4px)scale(1.08)}.detail-share .share-button.x{background:#111}.detail-share .share-button.line{background:#06c755}.detail-share .share-button.copy{background:#6366f1}.detail-share .share-button.copied{animation:.5s copiedPop}@keyframes copiedPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.download-buttons{flex-wrap:wrap;gap:16px;display:flex}.download-btn{color:#fff;background:#4f46e5;border-radius:999px;padding:12px 20px;text-decoration:none}.share-button{position:relative}.share-button .copy-toast{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#141414eb;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(8px)}.share-button .copy-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.works-page{padding:96px 24px 80px}@media (width<=756px){.works-page{padding-top:82px}}.works-page .works-hero{text-align:center;margin-bottom:40px}.works-page .works-hero .works-title{margin-bottom:12px;font-size:clamp(2rem,4vw,3.5rem);font-weight:700}.works-page .works-hero .works-description{color:#666;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.8}.works-page .works-toolbar{grid-template-columns:minmax(240px,1fr) 180px 180px 180px;gap:16px;margin-bottom:24px;display:grid}@media (width<=756px){.works-page .works-toolbar{grid-template-columns:1fr}}.works-page .works-toolbar .search-input,.works-page .works-toolbar .toolbar-select{background:#fff;border:1px solid #ddd;border-radius:14px;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.works-page .works-toolbar .search-input:focus,.works-page .works-toolbar .toolbar-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11f}.works-page .works-toolbar .search-input{background:linear-gradient(90deg,#fafafa,#fff)}.works-page .works-toolbar .toolbar-select{cursor:pointer}.works-page .works-count-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.works-page .works-count-row .works-count{color:#666;margin-bottom:0;font-size:.95rem}.works-page .view-toggle{background:#f5f5f7;border:1px solid #ddd;border-radius:12px;flex-shrink:0;gap:4px;padding:4px;display:flex}.works-page .view-toggle-button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:.9rem;transition:background .2s,color .2s}.works-page .view-toggle-button.is-active{color:#4f46e5;background:#fff;font-weight:700;box-shadow:0 1px 4px #0000001a}.works-page .view-toggle-button:hover:not(.is-active){color:#222}.works-page .view-toggle-button:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.works-page .works-list{flex-direction:column;gap:12px;display:flex}.works-page .works-list .work-item{box-sizing:border-box;cursor:pointer;text-align:left;background:#fff;border:1px solid #eee;border-radius:16px;width:100%;min-width:0;padding:20px;transition:transform .2s,box-shadow .2s}.works-page .works-list .work-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.works-page .works-list .work-item.award-gold{background:linear-gradient(135deg,#ffd7001f,#fff);border-color:#ffd70066}.works-page .works-list .work-item.award-silver{background:linear-gradient(135deg,#c0c0c01f,#fff);border-color:#c0c0c066}.works-page .works-list .work-item.award-bronze{background:linear-gradient(135deg,#cd7f321f,#fff);border-color:#cd7f3266}.works-page .works-list .work-row{grid-template-columns:minmax(0,1.5fr) minmax(160px,220px) auto;align-items:center;gap:20px;display:grid}.works-page .works-list .work-row .work-item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;overflow:hidden}.works-page .works-list .work-row .work-item-meta{color:#666;font-size:clamp(.85rem,1.5vw,.95rem)}.works-page .works-list .work-row .work-item-side{align-items:center;gap:12px;display:flex}@media (width<=756px){.works-page .works-list .work-row{grid-template-columns:1fr;gap:12px}.works-page .works-list .work-row .work-item-title{white-space:normal}.works-page .works-list .work-row .work-item-side{flex-wrap:wrap}}.works-page .works-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:24px;display:grid}.works-page .works-grid .work-card{color:#333;width:100%;max-width:320px;padding:unset;background:#f5f5f5;border:none;border-radius:12px;flex-flow:column wrap;align-content:flex-start;margin:0 auto;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.works-page .works-grid .work-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.works-page .works-grid .work-card .work-card-thumbnail{pointer-events:none;flex-shrink:0;width:100%;height:152px;overflow:hidden}.works-page .works-grid .work-card .work-card-thumbnail img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.works-page .works-grid .work-card .work-card-info{flex-direction:column;flex:1;min-width:0;padding:16px;display:flex}.works-page .works-grid .work-card .work-card-title{overflow-wrap:anywhere;min-height:3em;margin:0 0 8px;font-size:1.05rem;font-weight:700;line-height:1.5}.works-page .works-grid .work-card .work-card-meta{color:#666;margin:0 0 16px;font-size:.9rem}.works-page .works-grid .work-card .work-card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.works-page .work-category{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.works-page .work-category.category-game{color:#b46e00;background:#ffedcc}.works-page .work-category.category-world{color:#0064aa;background:#dcf2ff}.works-page .work-award{flex-shrink:0;justify-content:center;width:28px;font-size:1.2rem;display:inline-flex}.works-page .work-award.empty{opacity:0}.works-page .work-arrow{color:#999;font-size:.9rem}@media (width<=900px){.works-page .works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=756px){.works-page .works-count-row{align-items:center;gap:8px}.works-page .works-grid{grid-template-columns:1fr}.works-page .view-toggle-button{padding:8px 10px;font-size:.85rem}}.results-page{color:#1e293b;background:linear-gradient(#f8fbff 0%,#eef4ff 45%,#fdfcff 100%);min-height:100vh;overflow:hidden}.results-page .results-hero{background:radial-gradient(circle at top,#ffd7002e,#0000 45%),linear-gradient(135deg,#7c9cff,#c6d6ff);justify-content:center;align-items:center;height:clamp(280px,45vh,520px);display:flex;position:relative;overflow:hidden}.results-page .results-hero-overlay{background:linear-gradient(#ffffff26,#fff6);position:absolute;inset:0}.results-page .results-hero-inner{z-index:1;text-align:center;padding:24px;position:relative}.results-page .results-hero .results-title{letter-spacing:.08em;color:#fff;text-shadow:0 6px 20px #00000026;margin-bottom:12px;font-size:clamp(2rem,6vw,5rem);font-weight:900}.results-page .results-hero .results-description{color:#fff;opacity:.95;font-size:clamp(1rem,2vw,1.6rem);font-weight:600}.results-page .results-select{max-width:1200px;margin:0 auto;padding:clamp(40px,6vw,80px) 24px;display:none}.results-page .results-select.active{display:block}.results-page .results-select .section-title{text-align:center;margin-bottom:40px;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.results-page .results-select .category-buttons{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=756px){.results-page .results-select .category-buttons{grid-template-columns:1fr}}.results-page .results-select .category-button{cursor:pointer;text-align:left;color:#fff;border:none;border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:240px;padding:32px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.results-page .results-select .category-button:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}.results-page .results-select .category-button:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.results-page .results-select .category-button.category-game{background:linear-gradient(135deg,#ffb84d,#ff8a5b)}.results-page .results-select .category-button.category-world{background:linear-gradient(135deg,#63c7ff,#5b8cff)}.results-page .results-select .category-button .category-label{z-index:1;margin-bottom:8px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;line-height:1.3;position:relative}.results-page .results-select .category-button .category-sub{z-index:1;opacity:.9;font-size:clamp(.95rem,1.8vw,1.1rem);position:relative}.results-page .results-intro{z-index:200;background:radial-gradient(circle,#ffffffeb,#e6eefff5);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.results-page .results-intro.active{display:flex}.results-page .results-intro .intro-content{z-index:2;text-align:center;animation:2.4s forwards introFade;position:relative}.results-page .results-intro .intro-small{letter-spacing:.3em;color:#64748b;margin-bottom:16px;font-size:clamp(.8rem,1.5vw,1rem)}.results-page .results-intro .intro-category{letter-spacing:.08em;color:#334155;margin-bottom:20px;font-size:clamp(2rem,7vw,6rem);font-weight:900}.results-page .results-intro .intro-title{color:#f59e0b;text-shadow:0 0 24px #f59e0b40;font-size:clamp(2.4rem,9vw,8rem);font-weight:900}.results-page .results-stage{max-width:1280px;margin:0 auto;padding:clamp(48px,7vw,96px) 24px 120px;display:none}.results-page .results-stage.active{display:block}.results-page .results-stage .gold-stage{justify-content:center;margin-bottom:72px;display:flex}.results-page .results-stage .gold-stage .gold-card{background:#fff;border:1px solid #0000000d;border-radius:32px;width:min(100%,760px);animation:.8s goldAppear;overflow:hidden;box-shadow:0 24px 60px #6366f11f}.results-page .results-stage .gold-stage .gold-card .gold-badge{text-align:center;letter-spacing:.08em;color:#fff;isolation:isolate;background:linear-gradient(135deg,#facc15,#f59e0b);padding:18px;font-size:xx-large;font-weight:900;animation:.6s badgePop;position:relative;overflow:hidden}.results-page .results-stage .gold-stage .gold-card .gold-badge:before{content:"";z-index:-2;background:conic-gradient(#fff0,#ffffff59,#fff0);animation:4s linear infinite shineRotate;position:absolute;inset:-120%}.results-page .results-stage .gold-stage .gold-card .gold-badge:after{content:"";pointer-events:none;opacity:0;background:#fff;width:4px;height:4px;animation:2s ease-out infinite particleFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:-120px -18px #ffffffe6,-80px 12px #ffffffb3,-40px -10px #fffc,0 18px #ffffffe6,48px -20px #ffffffb3,90px 8px #fffc,130px -14px #ffffffe6}.results-page .results-stage .gold-stage .gold-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.results-page .results-stage .gold-stage .gold-card .gold-title{padding:32px 32px 8px;font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1.2}.results-page .results-stage .gold-stage .gold-card .gold-author{color:#64748b;padding:0 32px;font-size:clamp(1rem,2vw,1.2rem)}.results-page .results-stage .gold-stage .gold-card .gold-detail-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:999px;width:calc(100% - 64px);margin:32px;padding:18px;font-size:clamp(1rem,2vw,1.1rem);font-weight:700;transition:transform .2s,box-shadow .2s}.results-page .results-stage .gold-stage .gold-card .gold-detail-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #6366f140}.results-page .results-stage .other-awards{grid-template-columns:repeat(auto-fit,minmax(320px,420px));justify-content:center;gap:28px;animation:.8s fadeUp;display:grid}.results-page .results-stage .other-awards .award-card{background:#fff;border:1px solid #0000000d;border-radius:28px;flex-direction:column;width:min(100%,700px);transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 14px 36px #00000014}.results-page .results-stage .other-awards .award-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0000001f}.results-page .results-stage .other-awards .award-card .award-badge{text-align:center;letter-spacing:.12em;color:#fff;padding:16px;font-family:Bebas Neue,sans-serif;font-size:1.4rem}.results-page .results-stage .other-awards .award-card.award-silver .award-badge{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.results-page .results-stage .other-awards .award-card.award-bronze .award-badge{background:linear-gradient(135deg,#d97706,#92400e)}.results-page .results-stage .other-awards .award-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.results-page .results-stage .other-awards .award-card .award-title{padding:24px 24px 8px;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:800;line-height:1.4}.results-page .results-stage .other-awards .award-card .award-author{color:#64748b;padding:0 24px;font-size:clamp(.95rem,1.4vw,1rem)}.results-page .results-stage .other-awards .award-card .award-detail-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:999px;margin:auto 24px 24px;padding:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.results-page .results-stage .other-awards .award-card .award-detail-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #6366f140}@keyframes introFade{0%{opacity:0;transform:scale(.92)}20%{opacity:1}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes goldAppear{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes shineRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-12px)}}