@layer tokens{:root{--zergling-color-page:#11141d;--zergling-color-surface:#1c2230;--zergling-color-surface-raised:#273044;--zergling-color-text-primary:#f5f7ff;--zergling-color-text-secondary:#c5cee4;--zergling-color-text-inverse:#ffffff;--zergling-color-placeholder:#c5cee4;--zergling-color-border:#2d2d2d;--zergling-color-shuffle:#57c785;--zergling-color-start:#5d9cff;--zergling-color-fast-forward:#b487ff;--zergling-color-reset:#ff7772;--zergling-color-selected:#f0cc79;--zergling-color-surface-inverse:#23283d;--zergling-color-result-panel:#2b304d;--zergling-color-result-list:#323757;--zergling-color-canvas-background:#7c2828;--zergling-color-animation-background:#7c2828;--zergling-color-bgm-active:#2d2d2d;--zergling-color-winner-text:#23283d;--zergling-color-button-shuffle-border:#75f08a;--zergling-color-button-start-border:#85d2ff;--zergling-color-button-fast-forward-border:#a984fd;--zergling-color-button-reset-border:#fa9797;--zergling-color-button-shuffle-background:rgb(117 240 138/16%);--zergling-color-button-shuffle-hover:rgb(117 240 138/24%);--zergling-color-button-start-background:rgb(133 210 255/16%);--zergling-color-button-start-hover:rgb(133 210 255/24%);--zergling-color-button-fast-forward-background:rgb(169 132 253/16%);--zergling-color-button-fast-forward-hover:rgb(169 132 253/24%);--zergling-color-button-reset-background:rgb(250 151 151/16%);--zergling-color-button-reset-hover:rgb(250 151 151/24%);--zergling-color-winner-background:rgb(255 189 46/16%);--zergling-color-winner-background-strong:rgb(255 189 46/20%);--zergling-color-home-background:rgb(255 255 255/20%);--zergling-color-home-hover:rgb(255 255 255/30%);--zergling-color-shadow:rgb(0 0 0/50%);--zergling-color-shadow-soft:rgb(0 0 0/10%);--zergling-color-alpha-black-20:rgb(0 0 0/20%);--zergling-color-alpha-white-20:rgb(255 255 255/20%);--zergling-color-alpha-white-30:rgb(255 255 255/30%);--zergling-color-alpha-white-40:rgb(255 255 255/40%);--zergling-color-alpha-white-60:rgb(255 255 255/60%);--zergling-color-scrollbar-track:rgb(255 255 255/10%);--zergling-color-scrollbar-thumb:rgb(255 255 255/40%);--zergling-color-scrollbar-thumb-hover:rgb(255 255 255/60%);--zergling-gradient-primary:linear-gradient(135deg,#57c785,#5d9cff);--zergling-color-finish:#ffbd2e;--zergling-color-overlay:rgb(0 0 0/42%);--zergling-color-finish-overlay:rgb(255 189 46/90%);--zergling-color-result-overlay:rgb(0 0 0/45%);--zergling-color-animation-shadow:rgb(0 0 0/50%);--zergling-color-focus:#85d2ff;--zergling-button-width:58px;--zergling-button-height:36px;--zergling-action-width:70px;--zergling-action-height:40px;--zergling-layout-max-width:1440px;--zergling-layout-gap:20px;--zergling-layout-panel-width:240px;--zergling-layout-panel-height:240px;--zergling-layout-panel-padding:16px;--zergling-layout-panel-radius:30px;--zergling-layout-canvas-radius:30px;--zergling-layout-animation-radius:40px;--zergling-layout-animation-size:240px;--zergling-layout-result-list-radius:20px;--zergling-layout-input-gap:12px;--zergling-layout-action-column-width:70px;--zergling-layout-page-padding:clamp(16px,2vw,32px);--zergling-canvas-ratio:1160/530;--zergling-stacked-result-height:400px;--zergling-mobile-result-min-height:260px;--zergling-mobile-result-max-height:360px;--zergling-animation-max-width:260px;--zergling-control-radius:8px;--zergling-control-gap:16px;--zergling-page-gutter:16px;--zergling-spacing-lg:16px;--zergling-spacing-xl:20px;--zergling-font-size-body:14px;--zergling-font-size-rank:12px;--zergling-font-size-winner:10px;--zergling-font-size-result:18px;--zergling-font-weight-body:600;--zergling-font-weight-name:500;--zergling-font-weight-title:700;--zergling-font-weight-winner:800;--zergling-font-weight-result:700;--zergling-font-family:"Pretendard Variable",system-ui,sans-serif}}