.App{text-align:center;color:#2b2118;background:#fdf6ec;flex-direction:column;align-items:center;gap:.5rem;min-height:100vh;padding:2rem 1rem 3rem;display:flex}.App h1{margin:0;font-size:2.25rem}.subtitle{color:#6b5c4d;margin:0 0 1rem}.wheel-wrapper{width:100%;max-width:440px;position:relative}.wheel-wrapper canvas{width:100%;height:auto;display:block}.pointer{filter:drop-shadow(0 2px 2px #00000040);z-index:2;border-top:28px solid #d1495b;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.spin-button{color:#fff;cursor:pointer;background:#d1495b;border:none;border-radius:999px;margin-top:1.5rem;padding:.75rem 2.5rem;font-size:1.1rem;font-weight:600;transition:background .15s,transform .1s}.spin-button:hover:not(:disabled){background:#b83a4a}.spin-button:active:not(:disabled){transform:scale(.97)}.spin-button:disabled{cursor:not-allowed;background:#d9c9b8}.result{margin-top:1.25rem;font-size:1.25rem}.names-editor{width:100%;max-width:440px;margin-top:2.5rem}.names-editor h2{color:#6b5c4d;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:1rem;font-weight:600}.names-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;display:grid}.names-grid input{color:#2b2118;background:#fff;border:1px solid #d9c9b8;border-radius:8px;padding:.5rem .75rem;font-size:.95rem}.names-grid input:focus{outline-offset:1px;outline:2px solid #d1495b}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}