#zerglingRaceContainer{display:flex;flex-direction:column;align-items:center;padding:40px 80px;overflow:hidden;width:100vw;height:100vh;max-width:100vw;max-height:100vh;box-sizing:border-box;background:#eee}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.zergling-race__main{display:flex;flex-direction:column;align-items:center;gap:20px;flex:1 1;min-height:0;overflow:hidden}.zergling-race__footer{display:flex;flex-direction:row;align-items:flex-start;gap:20px;width:100%}.zergling-race-setting__area{width:550px;border-radius:30px}.zergling-race-setting__header{position:relative;display:flex;align-items:center;justify-content:center;height:80px;padding:20px;border-radius:30px 30px 0 0;background:linear-gradient(135deg,#667eea,#764ba2)}.zergling-race-setting__title{margin:0;font-size:24px;font-weight:700;letter-spacing:5px;color:#fff}.zergling-race-bgm__container{position:absolute;right:20px;width:36px;height:36px;cursor:pointer}.zergling-race-bgm__gauge{position:absolute;top:0;left:0;width:36px;height:36px;transform:rotate(-90deg)}.zergling-race-bgm__gauge-bg{fill:none;stroke:hsla(0,0%,100%,.15);stroke-width:3}.zergling-race-bgm__gauge-fill{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:65.975;transition:stroke-dashoffset .1s ease}.zergling-race-bgm__button{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:none;border-radius:50%;background:hsla(0,0%,100%,.2);color:#fff;cursor:pointer;transform:translate(-50%,-50%);transition:background .3s ease}.zergling-race-bgm__button:hover{background:hsla(0,0%,100%,.3)}.zergling-race-bgm__button .material-symbols-outlined{font-size:16px}.zergling-race-bgm__pause,.zergling-race-bgm__play{display:flex;align-items:center;justify-content:center}.zergling-race-bgm__container.dragging{cursor:-webkit-grabbing;cursor:grabbing}.zergling-race-bgm__container.dragging .zergling-race-bgm__button{pointer-events:none}.zergling-race-setting__body{display:flex;flex-direction:column;gap:15px;padding:40px 40px 0;background:#fff}.zergling-race-setting__textarea{width:100%;height:110px;padding:20px;border:1px solid #e9ecef;border-radius:15px;outline:none;box-sizing:border-box;resize:none;background:#f8f9fa;font-size:16px;font-family:Pretendard,sans-serif;line-height:1.4;color:var(--text-primary);transition:all .3s ease}.zergling-race-setting__textarea::placeholder{color:#ccc}.zergling-race-setting__footer{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:30px 40px;border-radius:0 0 30px 30px;background:#fff}.zergling-race-description__area{width:550px;border-radius:30px}.zergling-race-description__header{position:relative;display:flex;align-items:center;justify-content:center;height:80px;padding:20px;border-radius:30px 30px 0 0;background:linear-gradient(135deg,#667eea,#764ba2)}.zergling-race-description__title{margin:0;font-size:24px;font-weight:700;letter-spacing:5px;color:#fff}.zergling-race-description__body{display:flex;flex-direction:column;gap:20px;height:250px;padding:40px;border-radius:0 0 30px 30px;background:#fff}.zergling-race-description__text{margin:0;font-size:18px;line-height:1.6;font-weight:700}.zergling-race-description__copyright-line{font-size:18px;line-height:1.6;font-weight:700;white-space:nowrap}.zergling-race-description__link{display:inline;font-size:inherit;line-height:inherit;font-weight:inherit;color:#667eea;text-decoration:none}.zergling-race-description__link:hover{text-decoration:none}.zergling-race-description__list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.zergling-race-description__item{position:relative;padding-left:15px;font-size:18px;line-height:1.2}.zergling-race-description__item:before{content:"•";position:absolute;left:0;font-weight:700;color:#667eea}.zergling-race-animation__area{overflow:hidden;width:340px;height:330px;border-radius:40px;background:#7c2828}.zergling-race-animation__area,.zergling-race-animation__container{position:relative;display:flex;align-items:center;justify-content:center}.zergling-race-animation__image{position:relative;z-index:2;width:150px;height:auto}.zergling-race-animation__shadow{position:absolute;bottom:-10px;left:50%;z-index:1;width:120px;height:30px;border-radius:50%;background:rgba(0,0,0,.5);opacity:0;transform:translateX(-50%);transition:opacity .1s ease,width .1s ease,height .1s ease}.zergling-race-game__area{display:flex;align-items:flex-start;justify-content:center;gap:20px}#zerglingRaceCanvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:30px;background:#7c2828}.zergling-race-result__area{flex-shrink:0;width:340px;height:530px;padding:40px;overflow:hidden;border-radius:30px;background:#2b304d}.zergling-race-result__list{height:450px;overflow-y:auto}.zergling-race-result__list::-webkit-scrollbar{width:8px}.zergling-race-result__list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.zergling-race-result__list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:4px}.zergling-race-result__list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.6)}.zergling-race-result-item{display:flex;align-items:center;height:45px;padding:0 15px;background:#41455f;transition:background .2s ease}.zergling-race-result-item__rank{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;height:26px;margin:0 15px 0 0;border-radius:25px;background:#fff;font-size:14px;font-weight:700;color:#000}.zergling-race-result-item__name{overflow:hidden;font-size:16px;font-weight:500;color:#fff;white-space:nowrap;text-overflow:ellipsis}.zergling-race-result-item--first .zergling-race-result-item__name{color:gold}.zergling-race-footer{display:flex;justify-content:center;flex-shrink:0;margin-top:10px;padding:10px 0}.zergling-race-home-link{padding:12px 32px;border-radius:8px;background:hsla(0,0%,100%,.2);box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:18px;font-weight:600;color:var(--text-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.zergling-race-home-link:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.zergling-race-speed__buttons{display:flex;align-items:center;flex-shrink:0;gap:2px;height:40px;padding:0 5px;border-radius:10px;background:#f0f0f0}.zergling-race-speed__button{width:40px;height:30px;border:none;border-radius:8px;background:#eee;font-size:14px;font-weight:600;color:#2b304d;cursor:pointer}.zergling-race-speed__button--active,.zergling-race-speed__button:active,.zergling-race-speed__button:hover{background:#2b304d;color:#fff}.zergling-race-setting__footer>.zergling-race__button:first-of-type{margin-left:auto}.zergling-race__button{width:70px;height:40px;border:none;border-radius:10px;background:var(--gradient-primary);font-size:14px;font-weight:600;color:var(--text-white);cursor:pointer;transition:all .3s ease}.zergling-race__button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.zergling-race__button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.2)}.zergling-race__button--speed{background:#eee;color:#2b304d}.zergling-race__button--speed-active{background:#2b304d;color:#fff}.zergling-race__button--shuffle{background:linear-gradient(to bottom right,#75f08a,#3eb652)}.zergling-race__button--start{background:linear-gradient(to bottom right,#85d2ff,#2196f3)}.zergling-race__button--reset{background:linear-gradient(to bottom right,#fa9797,#e05050)}.zergling-race__button--close{background:var(--gradient-primary)}