:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#app{width:100%!important;margin:0 auto}.sadmag-container{text-align:center;padding-top:30px;font-family:Segoe UI,sans-serif;background-color:#fff;color:#2c3e50;min-height:100vh;min-width:100%;width:100%!important;margin:0}.title{font-size:2.5em;color:#2c3e50;font-weight:700}.tear{font-size:.9em;animation:drop 2s infinite;position:relative;top:0;left:4px}@keyframes drop{0%{top:0;opacity:1}50%{top:10px;opacity:.5}to{top:0;opacity:1}}.subtitle{margin-bottom:30px;font-size:1em;color:#555}.name-entry{max-width:500px;margin:0 auto 40px}.name-entry input{width:70%;padding:10px 14px;font-size:1em;margin-right:10px;border:2px solid #3498db;border-radius:12px;outline:none;transition:border-color .3s}.name-entry input:focus{border-color:#2980b9}.name-entry button{padding:10px 16px;font-size:1em;background-color:#3498db;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s}.name-entry button:hover{background-color:#2980b9}.name-list{list-style:none;padding:0;font-size:1.1em;text-align:left;max-width:500px;margin:20px auto;color:#34495e}.start-button{margin-top:10px;padding:10px 22px;font-size:1em;background-color:#27ae60;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s}.start-button:disabled{background-color:#95a5a6;cursor:not-allowed}.start-button:not(:disabled):hover{background-color:#1e8449}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto;padding:20px;align-items:start}.raffle-column{text-align:left;padding-right:20px}.raffle-entry{display:flex;justify-content:space-between;background:#f9f9f9;padding:12px 16px;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:all .3s ease-in-out}.topScore{background:#ffeaa7;border:2px solid #f1c40f;font-weight:700;transform:scale(1.03)}.secondPlace{border:2px solid #f39c12}.thirdPlace{border:2px solid #d35400}.ranking-column{text-align:left;padding-left:20px}.ranking-column h2{margin-bottom:12px}.ranking-item{font-size:1.1em;margin-bottom:10px;padding:8px;border-radius:6px;background:#ecf0f1;transition:background .3s}.ranking-item.first{background:#f1c40f;font-weight:700;color:#2c3e50;border:2px solid #d4ac0d}.ranking-item.second{background:#f7dc6f}.ranking-item.third{background:#fad7a0}.restart-button{margin-top:20px;padding:10px 20px;background:#3498db;color:#fff;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:background .3s}.restart-button:hover{background:#2980b9}