@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:#f0f4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b0f1a;font-family:Noto Sans KR,system-ui,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(80% 60% at 50% 0,#1a2340 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#1a1030 0%,#0000 50%),#0b0f1a;min-height:100vh}#root{min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.app-root{min-height:100vh;padding:24px 32px}.app-root-game{box-sizing:border-box;flex-direction:column;height:100vh;padding:6px 12px 8px;display:flex;overflow:hidden}.app-root-game .game-layout{flex:1;width:100%;min-height:0}.setup-screen{flex-direction:column;gap:28px;max-width:720px;margin:0 auto;display:flex}.setup-header h1{background:linear-gradient(135deg,#ffe66d,#ff6b6b,#4ecdc4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800}.setup-header p{color:#8a9bbf;margin-top:8px;font-size:1.15rem}.count-control span{margin-bottom:10px;font-size:1.1rem;font-weight:600;display:block}.count-input-row{align-items:center;gap:16px;display:flex}.count-input-row input[type=range]{accent-color:#4ecdc4;flex:1;height:6px}.count-input-row input[type=number]{text-align:center;color:#f0f4ff;background:#151c2e;border:2px solid #2a3555;border-radius:8px;width:72px;padding:8px 12px;font-size:1.2rem;font-weight:700}.label-grid{background:#111827;border:1px solid #1e2d4a;border-radius:14px;overflow:hidden}.label-grid-header{color:#6b7fa0;background:#0d1424;grid-template-columns:64px 1fr;gap:12px;padding:12px 20px;font-size:.95rem;font-weight:600;display:grid}.label-row{border-top:1px solid #1a2540;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding:10px 20px;display:grid}.label-number{color:#4ecdc4;text-align:center;font-size:1.3rem;font-weight:800}.label-textarea{resize:vertical;color:#f0f4ff;background:#0b1020;border:2px solid #243050;border-radius:8px;width:100%;min-height:58px;padding:10px 14px;font-size:1.05rem;line-height:1.35;transition:border-color .2s}.label-textarea:focus{border-color:#4ecdc4;outline:none}.label-textarea::placeholder{color:#4a5568}.primary-btn{color:#0b0f1a;background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-radius:12px;padding:14px 28px;font-size:1.2rem;font-weight:700;transition:transform .15s,box-shadow .15s}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #4ecdc466}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.secondary-btn{color:#c8d6f0;background:#1a2540;border:1px solid #2a3a5c;border-radius:10px;padding:10px 20px;font-size:1rem;font-weight:600;transition:background .15s}.secondary-btn:hover{background:#243050}.setup-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;display:flex}.setup-init-btn{padding:14px 28px;font-size:1.1rem}.setup-start-btn{padding:16px 48px;font-size:1.35rem}.game-layout{flex-direction:column;flex:1;gap:6px;width:100%;max-width:100%;min-height:0;margin:0 auto;display:flex}.game-toolbar{background:#111827;border:1px solid #1e2d4a;border-radius:12px;flex-wrap:nowrap;flex-shrink:0;align-items:stretch;gap:0;min-height:52px;padding:8px 12px;display:flex}.toolbar-buttons{flex-shrink:0;align-items:center;gap:10px;padding:4px 8px 4px 4px;display:flex}.toolbar-btn{white-space:nowrap;padding:10px 24px;font-size:1rem}.toolbar-timer{border-left:1px solid #2a3555;flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex}.toolbar-results{background:#0a1020;border-left:2px solid #3d4f7a;border-radius:0 8px 8px 0;flex:1;align-items:center;gap:12px;min-width:120px;margin-left:16px;padding:6px 12px 6px 16px;display:flex;overflow:auto hidden}.toolbar-section-label{color:#c8d4f0;white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:800}.timer-status{color:#8a9bbf;white-space:nowrap;font-size:.95rem}.results-inline{flex-wrap:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.result-chip{white-space:nowrap;background:#151d33;border-left:4px solid;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:1rem;font-weight:700;box-shadow:0 1px #ffffff0f}.timer-display.compact{align-items:center;gap:8px;padding:6px 12px;display:flex}.timer-display.compact .timer-label{font-size:.85rem;display:inline}.timer-display.compact .timer-value{font-size:1.4rem;display:inline}.timer-display{text-align:center;background:#0d1424;border:2px solid #2a3555;border-radius:10px;padding:12px}.timer-display.timer-urgent{border-color:#ff6b6b;animation:.6s infinite alternate pulse-border}@keyframes pulse-border{0%{box-shadow:0 0 #ff6b6b00}to{box-shadow:0 0 16px #ff6b6b99}}.timer-label{color:#6b7fa0;font-size:.9rem;display:block}.timer-value{color:#ffe66d;font-size:2.4rem;font-weight:800;display:block}.timer-urgent .timer-value{color:#ff6b6b}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.board-area{border-radius:12px;flex:1;justify-content:stretch;align-items:flex-start;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.final-results-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;pointer-events:auto;background:#080c18c7;justify-content:center;align-items:center;animation:.35s fade-in;display:flex;position:absolute;inset:0}.final-results-panel{background:#111827;border:2px solid #4ecdc4;border-radius:14px;min-width:280px;max-width:90%;max-height:80%;padding:24px 28px;animation:.4s slide-up;overflow:auto;box-shadow:0 12px 40px #0000008c}.final-results-title{text-align:center;color:#ffe66d;margin-bottom:16px;font-size:1.5rem;font-weight:800}.final-results-table{border-collapse:collapse;width:100%}.final-results-table tr{border-top:1px solid #243050}.final-results-table th{text-align:center;color:#8a9bbf;width:72px;padding:10px 12px;font-size:1.1rem;font-weight:800}.final-results-table td{text-align:left;padding:10px 12px;font-size:1.15rem;font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.error-fallback{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.error-fallback h2{color:#ff6b6b;font-size:1.4rem}.error-fallback p{color:#8a9bbf;word-break:break-all;max-width:480px}.board-confetti-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.ladder-svg{z-index:1;border-radius:12px;width:100%;height:100%;display:block;position:relative;box-shadow:0 4px 24px #00000073}.board-bg{fill:#0a1020}.vertical-line{stroke:#3d5278;stroke-width:3px;stroke-linecap:round;opacity:.95}.horizontal-line{stroke:#5eead4;stroke-width:3.5px;stroke-linecap:round;opacity:.92;filter:drop-shadow(0 0 2px #5eead459);transition:stroke .2s,stroke-width .2s,opacity .2s}.horizontal-line.rung-shuffle-flash{stroke:#ffe66d;stroke-width:5px;opacity:1;filter:drop-shadow(0 0 8px #ffe66dd9)}.top-node{fill:#1a2540;stroke:#5eead4;stroke-width:2.5px;transition:fill .2s,stroke .2s}.top-node:hover:not(.started){fill:#243050;stroke:#ffe66d}.top-used .top-node.started{fill:#1a2035;stroke:#3a4560;opacity:.35}.top-used .top-node.done{stroke:#06d6a0;opacity:.5}.top-label{fill:#f0f4ff;-webkit-user-select:none;user-select:none;font-weight:800;transition:opacity .25s,fill .25s}.top-label.started{fill:#5a6a88;opacity:.35}.bottom-box{fill:#151c2e;stroke:#3a4f7a;stroke-width:1px}.bottom-label-wrap{text-align:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;padding:2px 6px;display:flex;overflow:hidden}.bottom-label-wrap>span{-webkit-line-clamp:2;color:#f0f4ff;text-align:center;word-break:keep-all;overflow-wrap:anywhere;-webkit-box-orient:vertical;width:100%;max-height:100%;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.label-settled-inner>span{animation:.25s label-lock}@keyframes label-lock{0%{opacity:.6;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.label-bounce{animation:.5s box-bounce}@keyframes box-bounce{0%,to{transform:translateY(0)}35%{transform:translateY(-10px)}55%{transform:translateY(-3px)}75%{transform:translateY(-6px)}}.roulette-viewport{width:100%;height:100%;position:relative;overflow:hidden}.roulette-strip{flex-direction:column;animation:.12s linear infinite roulette-scroll;display:flex}.roulette-item{color:#f0f4ff;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;justify-content:center;align-items:center;height:1.05em;font-weight:700;line-height:1.05;display:flex;overflow:hidden}@keyframes roulette-scroll{0%{transform:translateY(0)}to{transform:translateY(-33.333%)}}.label-spinning .bottom-box{stroke:#c77dff;filter:drop-shadow(0 0 4px #c77dff80)}.path-trail{transition:none}.path-trail-done{animation:.45s path-pulse}@keyframes path-pulse{0%{stroke-width:7px;opacity:.7}50%{stroke-width:12px;opacity:1}to{stroke-width:9px;opacity:1}}