@layer features{.standalone-game-page--zergling,.zergling-race-container{width:100%;min-width:0;min-height:100dvh}.zergling-race-container{display:flex;flex-direction:column;align-items:center;padding:var(--zergling-layout-page-padding);overflow-x:hidden;overflow-y:hidden;height:100dvh;min-height:100dvh;max-width:none;max-height:none;box-sizing:border-box;background:var(--zergling-color-page)}.app-shell__main>.zergling-race-container{width:100%;max-width:none;margin-right:0;margin-left:0}@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:var(--zergling-layout-gap);flex:1 1;width:100%;max-width:var(--zergling-layout-max-width);min-height:0}.zergling-race__footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--zergling-layout-panel-width);align-items:start;grid-gap:var(--zergling-layout-gap);gap:var(--zergling-layout-gap);width:100%}.zergling-race-bgm__area,.zergling-race-input__area{min-width:0;height:var(--zergling-layout-panel-height);padding:var(--zergling-layout-panel-padding);border-radius:var(--zergling-layout-panel-radius);box-sizing:border-box;background:var(--zergling-color-surface)}.zergling-race-input__area{display:grid;grid-template-columns:minmax(0,1fr) var(--zergling-layout-action-column-width);grid-gap:var(--zergling-layout-input-gap);gap:var(--zergling-layout-input-gap)}.zergling-race-input__fields{display:flex;flex-direction:column;min-width:0;min-height:0;gap:var(--zergling-control-gap)}.zergling-race-setting__textarea{width:100%;flex:1 1;height:auto;min-height:0;max-height:100%;padding:14px;border:1px solid var(--zergling-color-border);border-radius:15px;outline:none;box-sizing:border-box;resize:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:var(--zergling-color-alpha-white-40) var(--zergling-color-scrollbar-track);background:var(--zergling-color-surface-raised);font-size:var(--zergling-font-size-body);font-family:var(--zergling-font-family);line-height:1.4;color:var(--zergling-color-text-inverse);transition:all .3s ease}.zergling-race-setting__textarea::-webkit-scrollbar{width:10px;height:10px}.zergling-race-setting__textarea::-webkit-scrollbar-track{background:var(--zergling-color-scrollbar-track);border-radius:5px}.zergling-race-setting__textarea::-webkit-scrollbar-thumb{background:var(--zergling-color-alpha-white-40);border-radius:5px}.zergling-race-setting__textarea::-webkit-scrollbar-thumb:hover{background:var(--zergling-color-alpha-white-60)}.zergling-race-setting__textarea::placeholder{color:var(--zergling-color-placeholder)}.zergling-race-setting__textarea:focus,.zergling-race-setting__textarea:focus-visible{border-color:var(--zergling-color-border);background:var(--zergling-color-surface-raised);outline:none;box-shadow:none}.zergling-race-winner-mode{display:flex;align-items:center;flex-flow:row nowrap;gap:6px;height:var(--zergling-action-height);min-height:var(--zergling-action-height);width:max-content;max-width:100%;margin:0;padding:0;border:0;box-sizing:border-box;color:var(--zergling-color-text-inverse);white-space:nowrap;overflow-x:auto;scrollbar-width:none}.zergling-race-winner-mode::-webkit-scrollbar{display:none}.zergling-race-winner-mode__label{flex-shrink:0;margin:0 4px 0 0;padding:0;font-size:var(--zergling-font-size-body);font-weight:var(--zergling-font-weight-title)}.zergling-race-winner-mode label{display:inline-flex;align-items:center;flex-shrink:0;gap:5px;height:var(--zergling-action-height);min-height:var(--zergling-action-height);padding:0 8px;border:1px solid var(--zergling-color-border);border-radius:8px;background:var(--zergling-color-surface-raised);font-size:var(--zergling-font-size-body);font-weight:var(--zergling-font-weight-body);box-sizing:border-box;cursor:pointer;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.zergling-race-winner-mode label:has(input:checked){border-color:var(--zergling-color-finish);background:var(--zergling-color-winner-background)}.zergling-race-winner-mode label:has(input:disabled){cursor:not-allowed;opacity:.5}.zergling-race-winner-mode input{width:13px;height:13px;margin:0;accent-color:var(--zergling-color-finish)}.zergling-race-action__buttons{display:flex;flex-direction:column;gap:var(--zergling-control-gap);justify-content:flex-start}.zergling-race-bgm-player{width:100%;height:100%;min-width:0;box-sizing:border-box}.zergling-race-bgm-player .bgm-player__track--active{background:var(--zergling-color-bgm-active)}.zergling-race-action__buttons .zergling-race__button{width:var(--zergling-action-width);height:var(--zergling-action-height);flex:none}.zergling-race-animation__area{overflow:hidden;width:var(--zergling-layout-panel-width);min-width:0;height:var(--zergling-layout-panel-height);align-self:start;justify-self:stretch;border-radius:var(--zergling-layout-animation-radius);background:var(--zergling-color-canvas-background)}.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:100px;height:auto}.zergling-race-animation__shadow{position:absolute;bottom:-10px;left:50%;z-index:1;width:120px;height:30px;border-radius:50%;background:var(--zergling-color-shadow);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) var(--zergling-layout-panel-width);align-items:stretch;grid-gap:var(--zergling-layout-gap);gap:var(--zergling-layout-gap);width:100%}.zergling-race__canvas{display:block;grid-column:1;width:100%;min-width:0;height:auto;max-width:100%;aspect-ratio:var(--zergling-canvas-ratio);border-radius:var(--zergling-layout-canvas-radius);background:var(--zergling-color-canvas-background)}.zergling-race-result__area{display:flex;flex-direction:column;flex-shrink:0;width:100%;grid-column:2;min-width:0;height:100%;min-height:0;max-height:none;align-self:stretch;padding:var(--zergling-layout-panel-padding);overflow:hidden;box-sizing:border-box;border-radius:var(--zergling-layout-panel-radius);background:var(--zergling-color-result-panel)}.zergling-race-result__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.zergling-race-result__list{flex:1 1;min-height:0;padding:8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border-radius:var(--zergling-layout-result-list-radius);scrollbar-width:auto;scrollbar-color:var(--zergling-color-alpha-white-40) var(--zergling-color-scrollbar-track);background:var(--zergling-color-result-list)}.zergling-race-result__list::-webkit-scrollbar{width:10px;height:10px}.zergling-race-result__list::-webkit-scrollbar-track{background:var(--zergling-color-scrollbar-track);border-radius:5px}.zergling-race-result__list::-webkit-scrollbar-thumb{background:var(--zergling-color-alpha-white-40);border-radius:5px}.zergling-race-result__list::-webkit-scrollbar-thumb:hover{background:var(--zergling-color-alpha-white-60)}.zergling-race-result-item{display:flex;align-items:center;height:36px;padding:0 10px;background:transparent;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:var(--zergling-color-surface);font-size:var(--zergling-font-size-rank);font-weight:var(--zergling-font-weight-title);color:var(--zergling-color-text-primary)}.zergling-race-result-item__name{overflow:hidden;font-size:var(--zergling-font-size-body);font-weight:var(--zergling-font-weight-name);white-space:nowrap;text-overflow:ellipsis}.zergling-race-result-item--first .zergling-race-result-item__name,.zergling-race-result-item__name{color:var(--zergling-color-text-inverse)}.zergling-race-result-item--last{border-radius:8px;background:var(--zergling-color-winner-background)}.zergling-race-result-item--last .zergling-race-result-item__name{color:var(--zergling-color-finish);font-weight:var(--zergling-font-weight-title)}.zergling-race-result-item--winner{border-radius:8px;background:var(--zergling-color-winner-background-strong)}.zergling-race-result-item--winner .zergling-race-result-item__name,.zergling-race-result-item--winner .zergling-race-result-item__rank{color:var(--zergling-color-finish);font-weight:var(--zergling-font-weight-title)}.zergling-race-result-item__winner{flex-shrink:0;margin-left:auto;padding:2px 6px;border-radius:6px;background:var(--zergling-color-finish);font-size:var(--zergling-font-size-winner);font-weight:var(--zergling-font-weight-winner);color:var(--zergling-color-winner-text)}.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:var(--zergling-color-alpha-white-20);box-shadow:0 4px 6px var(--zergling-color-shadow-soft);font-size:var(--zergling-font-size-result);font-weight:var(--zergling-font-weight-body);color:var(--zergling-color-text-inverse);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.zergling-race-home-link:hover{background:var(--zergling-color-alpha-white-30);transform:translateY(-2px);box-shadow:0 6px 12px var(--zergling-color-alpha-black-20)}.zergling-race__button{width:var(--zergling-button-width);height:var(--zergling-button-height);border:1px solid var(--zergling-color-border);border-radius:8px;background:var(--zergling-color-surface-raised);font-size:var(--zergling-font-size-body);font-weight:var(--zergling-font-weight-body);color:var(--zergling-color-text-inverse);cursor:pointer;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.zergling-race__button:hover:not(:disabled){border-color:var(--zergling-color-border)}.zergling-race__button:active,.zergling-race__button:hover:not(:disabled){background:var(--zergling-color-surface-raised)}.zergling-race__button:disabled{cursor:not-allowed;opacity:.42;transform:none;box-shadow:none}.zergling-race__button--shuffle{border-color:var(--zergling-color-button-shuffle-border);background:var(--zergling-color-button-shuffle-background)}.zergling-race__button--shuffle:active,.zergling-race__button--shuffle:hover:not(:disabled){background:var(--zergling-color-button-shuffle-hover)}.zergling-race__button--start{border-color:var(--zergling-color-button-start-border);background:var(--zergling-color-button-start-background)}.zergling-race__button--start:active,.zergling-race__button--start:hover:not(:disabled){background:var(--zergling-color-button-start-hover)}.zergling-race__button--fast-forward{border-color:var(--zergling-color-button-fast-forward-border);background:var(--zergling-color-button-fast-forward-background);font-size:var(--zergling-font-size-body)}.zergling-race__button--fast-forward:active,.zergling-race__button--fast-forward:hover:not(:disabled){background:var(--zergling-color-button-fast-forward-hover)}.zergling-race__button--reset{border-color:var(--zergling-color-button-reset-border);background:var(--zergling-color-button-reset-background)}.zergling-race__button--reset:active,.zergling-race__button--reset:hover:not(:disabled){background:var(--zergling-color-button-reset-hover)}.zergling-race__button--close{background:var(--zergling-gradient-primary)}@media (max-width:1100px){.zergling-race__main{width:100%}.zergling-race-container{height:auto;min-height:100dvh;overflow-y:auto;padding:var(--zergling-spacing-xl) var(--zergling-page-gutter)}.zergling-race-game__area,.zergling-race__footer{grid-template-columns:minmax(0,1fr)}.zergling-race-result__area,.zergling-race__canvas{grid-column:auto}.zergling-race__canvas{width:100%}.zergling-race-result__area{width:100%;height:var(--zergling-stacked-result-height);min-height:0;max-height:var(--zergling-stacked-result-height)}.zergling-race-animation__area{max-width:var(--zergling-animation-max-width);justify-self:center}}@media (min-width:1101px) and (max-height:800px){.zergling-race-container{height:auto;overflow-y:visible}}@media (max-width:680px){.zergling-race-result__area{min-height:var(--zergling-mobile-result-min-height);max-height:var(--zergling-mobile-result-max-height);height:var(--zergling-mobile-result-max-height)}.zergling-race-animation__area{width:min(var(--zergling-layout-animation-size),100%)}.zergling-race-bgm__area,.zergling-race-input__area{padding:var(--zergling-spacing-lg)}.zergling-race-bgm-player .bgm-player__footer{flex-wrap:wrap}.zergling-race-bgm-player .volume-control{flex-basis:100%;margin:0}}:where(button,textarea,input):focus{outline:none;outline-offset:0;box-shadow:none}:where(button,textarea,input):focus-visible{outline:2px solid var(--zergling-color-focus);outline-offset:2px;box-shadow:none}}