@charset "UTF-8";.tool-page[data-v-1636bbb3]{background:var(--color-bg);background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%201200%20800'%20preserveAspectRatio='xMidYMid%20slice'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='sunset-gradient'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23f857a6'%20stop-opacity='0.25'%20/%3e%3cstop%20offset='50%25'%20stop-color='%23ff5858'%20stop-opacity='0.18'%20/%3e%3cstop%20offset='100%25'%20stop-color='%23ffb199'%20stop-opacity='0.12'%20/%3e%3c/linearGradient%3e%3cfilter%20id='sunset-blur'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20in='SourceGraphic'%20stdDeviation='60'%20/%3e%3c/filter%3e%3c/defs%3e%3cellipse%20cx='580'%20cy='290'%20rx='410'%20ry='285'%20fill='url(%23sunset-gradient)'%20filter='url(%23sunset-blur)'%20/%3e%3cellipse%20cx='880'%20cy='190'%20rx='270'%20ry='195'%20fill='%23f857a6'%20fill-opacity='0.12'%20filter='url(%23sunset-blur)'%20/%3e%3cellipse%20cx='320'%20cy='470'%20rx='240'%20ry='175'%20fill='%23ff5858'%20fill-opacity='0.10'%20filter='url(%23sunset-blur)'%20/%3e%3cellipse%20cx='860'%20cy='560'%20rx='195'%20ry='145'%20fill='%23ffb199'%20fill-opacity='0.08'%20filter='url(%23sunset-blur)'%20/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center top;background-size:100% auto;min-height:100vh;padding:32px 24px}.page-container[data-v-1636bbb3]{max-width:1200px;margin:0 auto}.page-header[data-v-1636bbb3]{text-align:center;margin-bottom:32px}.page-header .header-icon[data-v-1636bbb3]{margin-bottom:16px}.page-header .page-title[data-v-1636bbb3]{font-size:40px;font-weight:700;margin:0 0 16px}.page-header .page-title .text-gradient-sunset[data-v-1636bbb3]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header .page-description[data-v-1636bbb3]{font-size:17px;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.guide-section[data-v-1636bbb3]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin-bottom:32px;overflow:hidden}.guide-section .guide-header[data-v-1636bbb3]{display:flex;align-items:center;gap:8px;padding:16px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.guide-section .guide-header[data-v-1636bbb3]:hover{background:#3b82f60d}.guide-section .guide-header .guide-title[data-v-1636bbb3]{flex:1;font-weight:600;color:var(--color-text-primary)}.guide-section .guide-content[data-v-1636bbb3]{padding:0 24px 24px}.guide-section .guide-content .guide-description[data-v-1636bbb3]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.guide-section .guide-content .guide-steps[data-v-1636bbb3]{margin:8px 0 0 24px;color:var(--color-text-secondary);line-height:1.8}.guide-section .guide-content .guide-steps li[data-v-1636bbb3]{margin-bottom:4px}.content-grid[data-v-1636bbb3]{display:grid;grid-template-columns:1fr 1.5fr;gap:32px}@media(max-width:1024px){.content-grid[data-v-1636bbb3]{grid-template-columns:1fr}}.input-section .config-card[data-v-1636bbb3]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px}.input-section .config-group[data-v-1636bbb3]{margin-bottom:24px}.input-section .config-group[data-v-1636bbb3]:last-child{margin-bottom:0}.input-section .config-label[data-v-1636bbb3]{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;font-size:14px}.input-section .number-input[data-v-1636bbb3]{margin-bottom:16px}.input-section .player-inputs[data-v-1636bbb3],.input-section .result-inputs[data-v-1636bbb3]{display:flex;flex-direction:column;gap:8px}.input-section .action-buttons[data-v-1636bbb3]{display:flex;gap:16px;margin-top:32px}.input-section .action-buttons .start-btn[data-v-1636bbb3]{flex:1}.output-section .ladder-container[data-v-1636bbb3]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:center;min-height:600px;position:relative}.output-section .ladder-canvas[data-v-1636bbb3]{display:block;max-width:100%;height:auto;cursor:pointer}.output-section .ladder-placeholder[data-v-1636bbb3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.output-section .ladder-placeholder .placeholder-text[data-v-1636bbb3]{margin-top:16px;color:var(--color-text-secondary);font-size:17px}.output-section .result-display[data-v-1636bbb3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.output-section .result-card[data-v-1636bbb3]{background:var(--color-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--color-primary);border-radius:24px;padding:32px;text-align:center;min-width:280px;box-shadow:0 8px 32px #0003;animation:resultPop-1636bbb3 .3s ease-out}.output-section .result-card .result-title[data-v-1636bbb3]{font-size:64px;margin:16px 0;line-height:1}.output-section .result-card .result-text[data-v-1636bbb3]{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:16px 0 24px}@keyframes resultPop-1636bbb3{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}