:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center;background-color:#fdb7c8;overflow:hidden}#app{width:100vw;height:100vh;display:flex!important;align-items:flex-start!important;justify-content:center!important;position:relative;overflow:hidden;padding-top:20px}#scale-wrapper{display:flex!important;align-items:flex-start!important;justify-content:center!important;transform-origin:center top!important;transition:transform .1s ease-out;width:100%;height:100%}.game-wrapper{position:relative;display:flex!important;flex-direction:row!important;align-items:flex-start;justify-content:center;gap:30px;width:100%}canvas{display:block}.sidebar{display:flex;flex-direction:column;gap:40px;padding-top:10px;margin-top:180px}.sidebar-section{display:flex;flex-direction:column;align-items:center;gap:15px}.sidebar-label{color:#9703b4;font-size:16px;font-weight:700;letter-spacing:2px}.score-container{background:#000;padding:10px 30px;min-width:100px;text-align:center;border-radius:50px;color:#fff;font-size:32px;font-weight:700;box-shadow:0 4px 15px #00000080}.next-member-preview{width:90px;height:90px;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#000;border-radius:12px;box-shadow:0 4px 15px #00000080;border:2px solid #9703b4ff}#game-over{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffa0;display:none;flex-direction:row;align-items:center;justify-content:center;gap:40px;padding:20px;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box}.game-over-left{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-100%);margin-right:40px;white-space:nowrap}#game-over h2{font-size:48px;color:#9703b4;margin-bottom:20px}#game-over button{padding:15px 40px;font-size:20px;background:#2ed573;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:transform .2s,background .2s;margin-top:20px}#game-over button:hover{transform:scale(1.05);background:#7bed9f}#share{margin-bottom:20px}#share a{font-size:17px;color:#9703b4}.leaderboard{width:100%;max-width:520px;background:#fff;border:2px solid #9703b4ff;border-radius:12px;box-shadow:0 8px 24px #0000001a;overflow:hidden;flex-shrink:0;position:relative;left:350px;margin-left:40px;display:block}.leaderboard.hidden{display:none}.leaderboard-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:0;margin-left:auto;padding:6px 10px!important;border-radius:6px!important;margin-top:0!important;background:#fff!important;color:#9703b4!important}.leaderboard-close-btn:hover{color:#ff9ff3}.leaderboard-title{background:#9703b4;color:#fff;text-align:left;padding:10px 12px;font-weight:700;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.leaderboard-row{display:grid;grid-template-columns:50px 1fr 1.1fr 1.2fr;align-items:center;gap:8px;padding:10px 14px}.leaderboard-body{max-height:500px;overflow-y:auto;background:#fff}.leaderboard-row{border-bottom:1px solid #f1e6ff;color:#3c2e40;font-weight:600}.leaderboard-row.empty{grid-template-columns:1fr;justify-items:center;color:#6b5570}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row .score{font-size:18px;color:#9703b4}.leaderboard-row .mode,.leaderboard-row .date{font-size:14px;color:#6b5570}.leaderboard-row.is-new{background:#fff7d9;animation:flash-highlight 1.2s ease-in-out 2}@keyframes flash-highlight{0%{background:#fff7d9}50%{background:#ffe4a8}to{background:#fff7d9}}.danger-timer{position:absolute;top:15%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:900;color:#9703b4;text-shadow:0 0 20px rgba(255,71,87,.8);pointer-events:none;display:none;z-index:50;font-family:Inter,sans-serif;animation:pulse 1s infinite alternate}.mode-select{width:100%;padding:8px;font-size:16px;border-radius:8px;border:2px solid #5a3d5c;background-color:#fff0f5;color:#5a3d5c;font-weight:700;cursor:pointer;outline:none}.mode-select:focus{border-color:#9703b4}.settings-btn{width:100%;padding:10px;background-color:#9703b4;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-top:10px;font-family:Inter,sans-serif;transition:transform .1s}.settings-btn:active{transform:scale(.95)}.show-leaderboard-link{margin-top:10px;color:#9703b4;font-size:14px;text-decoration:underline;cursor:pointer;font-weight:700}.show-leaderboard-link:hover{color:#bd10df}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:200;font-family:Inter,sans-serif}.settings-content{position:relative;background:#fff;color:#333;padding:20px;border-radius:12px;max-width:500px;width:90%;text-align:center;max-height:90vh;overflow-y:auto}.close-modal-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#555;line-height:1}.close-modal-btn:hover{color:#000}.setting-section{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px}.setting-section:last-of-type{border-bottom:none}.setting-section h3{margin-top:0;margin-bottom:10px;color:#5a3d5c}.shape-options{display:flex;justify-content:center;gap:20px}.shape-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;padding:10px;background:#f8f9fa;border-radius:8px;border:2px solid transparent;transition:all .2s}.shape-option:hover{background:#e9ecef}.shape-option input[type=radio]{accent-color:#9703b4ff;transform:scale(1.2)}.member-section{width:100%;display:block}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.member-item{border:2px solid #ddd;border-radius:8px;padding:5px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center}.member-item img{width:60px;height:60px;object-fit:contain;border-radius:50%}.member-item.selected{border-color:#9703b4;background-color:#fff0f5;transform:scale(1.05)}.settings-actions{display:flex;justify-content:space-between;gap:10px}.primary-btn,.secondary-btn{padding:10px 20px;border-radius:8px;cursor:pointer;border:none;font-weight:700}.primary-btn{background-color:#9703b4;color:#fff}.secondary-btn{background-color:#ddd;color:#333}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}@media(max-width:1200px){#game-over{flex-direction:column;gap:20px}.game-over-left{position:static;transform:none;margin-right:0}.leaderboard{position:static;left:auto;margin-left:0;max-width:80%}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}