body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.App-nav{z-index:100;background-color:#1a1c22;border-bottom:1px solid #333;justify-content:center;gap:20px;padding:1rem;display:flex;position:sticky;top:0}.App-nav button{color:#888;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:1.1rem;font-weight:700;transition:color .3s,border-bottom .3s}.App-nav button.active{color:#61dafb;border-bottom:2px solid #61dafb}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px;display:flex}.game-box{background:#ffffff0d;border-radius:20px;width:100%;max-width:600px;padding:40px;box-shadow:0 10px 30px #00000080}.lotto-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;min-height:80px;margin:40px 0;display:flex}.lotto-ball{color:#fff;text-shadow:1px 1px 2px #00000080;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:inset -5px -5px 10px #0000004d,3px 3px 10px #0003}.ladder-setup{flex-direction:column;gap:20px;display:flex}.setup-controls{justify-content:center;gap:10px;display:flex}.setup-controls button{color:#fff;cursor:pointer;background:#444;border:none;border-radius:5px;padding:5px 15px}.input-grid{justify-content:center;gap:20px;display:flex}.input-column{flex-direction:column;flex:1;gap:10px;display:flex}.input-column h3{color:#aaa;margin-bottom:5px;font-size:1rem}.input-column input{color:#fff;background:#333;border:1px solid #444;border-radius:5px;padding:10px;font-size:1rem}.ladder-result{flex-direction:column;align-items:center;gap:30px;display:flex}.result-grid{flex-direction:column;gap:15px;width:100%;max-width:400px;display:flex}.result-item{background:#ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:15px;font-size:1.2rem;display:flex}.p-name{color:#61dafb;font-weight:700}.p-result{color:#ff7272;font-weight:700}.arrow{color:#888}.generate-btn{cursor:pointer;background-color:#61dafb;border:none;border-radius:8px;margin-top:20px;padding:15px 40px;font-size:1.2rem;font-weight:700;transition:transform .1s,background-color .2s}.generate-btn:hover{background-color:#4fa8c7}.generate-btn:active{transform:scale(.95)}.generate-btn.secondary{background-color:#666}.placeholder-text{color:#888;font-style:italic}