#zerglingRaceContainer{display:flex;flex-direction:column;align-items:center;padding:0 clamp(20px,3vw,40px) clamp(20px,3vw,40px);overflow:clip;width:100%;min-width:0;height:100%;min-height:100vh;max-width:none;max-height:none;box-sizing:border-box;background:var(--color-surface-page)}@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;width:100%;max-width:none;min-height:0}.zergling-race__footer{display:grid;grid-template-columns:minmax(0,390px) minmax(0,370px) minmax(216px,1fr);align-items:start;grid-gap:12px;gap:12px;width:100%}.zergling-race-setting__area{width:auto;min-width:0;border-radius:30px}.zergling-race-setting__header{position:relative;display:flex;align-items:center;justify-content:center;height:68px;padding:16px;border-radius:30px 30px 0 0;background:linear-gradient(135deg,#667eea,#764ba2)}.zergling-race-setting__title{margin:0;font-size:21px;font-weight:700;letter-spacing:5px;color:#ffffff}.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:rgba(255,255,255,.15);stroke-width:3}.zergling-race-bgm__gauge-fill{fill:none;stroke:#ffffff;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:rgba(255,255,255,.2);color:#ffffff;cursor:pointer;transform:translate(-50%,-50%);transition:background .3s ease}.zergling-race-bgm__button:hover{background:rgba(255,255,255,.3)}.zergling-race-bgm__pause,.zergling-race-bgm__play{display:flex;align-items:center;justify-content:center}.zergling-race-bgm__pause svg,.zergling-race-bgm__play svg{width:16px;height:16px;fill:currentColor}.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:12px;padding:24px 24px 0;background:var(--color-surface)}.zergling-race-setting__textarea{width:100%;height:92px;padding:14px;border:1px solid var(--color-border);border-radius:15px;outline:none;box-sizing:border-box;resize:none;background:var(--color-surface-raised);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:#cccccc}.zergling-race-setting__footer{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:20px 24px;border-radius:0 0 30px 30px;background:#ffffff}.zergling-race-description__area{width:auto;min-width:0;border-radius:30px}.zergling-race-description__header{position:relative;display:flex;align-items:center;justify-content:center;height:68px;padding:16px;border-radius:30px 30px 0 0;background:linear-gradient(135deg,#667eea,#764ba2)}.zergling-race-description__title{margin:0;font-size:21px;font-weight:700;letter-spacing:5px;color:#ffffff}.zergling-race-description__body{display:flex;flex-direction:column;gap:20px;min-height:208px;height:100%;padding:24px;box-sizing:border-box;border-radius:0 0 30px 30px;background:#ffffff}.zergling-race-description__text{margin:0;font-size:15px;line-height:1.6;font-weight:700}.zergling-race-description__copyright-line{font-size:15px;line-height:1.6;font-weight:700;white-space:normal}.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:15px;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:100%;min-width:0;height:auto;aspect-ratio:1/1;align-self:start;justify-self:stretch;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:grid;grid-template-columns:minmax(0,1fr) 216px;align-items:stretch;grid-gap:16px;gap:16px;width:100%}#zerglingRaceCanvas{display:block;width:100%;min-width:0;height:auto;max-width:none;aspect-ratio:1160/530;border-radius:30px;background:#7c2828}.zergling-race-result__area{display:flex;flex-direction:column;flex-shrink:0;width:auto;min-width:0;min-height:0;height:auto;padding:16px;overflow:hidden;box-sizing:border-box;border-radius:30px;background:var(--color-surface-inverse)}.zergling-race-result__list{flex:1 1;min-height:0;overflow-y:auto}.zergling-race-result__list::-webkit-scrollbar{width:8px}.zergling-race-result__list::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.zergling-race-result__list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:4px}.zergling-race-result__list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.6)}.zergling-race-result-item{display:flex;align-items:center;height:36px;padding:0 10px;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:34px;height:22px;margin:0 10px 0 0;border-radius:25px;background:#ffffff;font-size:12px;font-weight:700;color:#000000}.zergling-race-result-item__name{overflow:hidden;font-size:14px;font-weight:500;color:#ffffff;white-space:nowrap;text-overflow:ellipsis}.zergling-race-result-item--first .zergling-race-result-item__name{color:#ffd700}.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:rgba(255,255,255,.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:rgba(255,255,255,.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:36px;padding:0 4px;border-radius:10px;background:#f0f0f0}.zergling-race-speed__button{width:36px;height:28px;border:none;border-radius:8px;background:#eeeeee;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:#ffffff}.zergling-race-setting__footer>.zergling-race__button:first-of-type{margin-left:auto}.zergling-race__button{width:58px;height:36px;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:#eeeeee;color:#2b304d}.zergling-race__button--speed-active{background:#2b304d;color:#ffffff}.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)}@media (max-width:1100px){#zerglingRaceContainer{min-height:calc(100vh - 128px);padding:var(--spacing-xl) var(--page-gutter)}.zergling-race__footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.zergling-race-animation__area{grid-column:1/-1;max-width:260px;justify-self:center}.zergling-race-description__body,.zergling-race-setting__body{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.zergling-race-setting__footer{flex-wrap:wrap;padding:var(--spacing-lg)}}@media (max-width:680px){.zergling-race-game__area,.zergling-race__footer{grid-template-columns:minmax(0,1fr)}.zergling-race-result__area{min-height:260px}.zergling-race-animation__area{grid-column:auto}.zergling-race-description__body{min-height:0}}:where(button,textarea,input):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:var(--focus-ring)}