:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0b10;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100dvh;position:relative}canvas{outline:none}.settings-overlay{z-index:1000;touch-action:auto;-webkit-user-select:auto;user-select:auto;background:#080504b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-overlay[hidden]{display:none}.settings-card{color:#fff4c2;background:#181018;border:2px solid #ff6a1a;border-radius:18px;width:100%;max-width:420px;max-height:90dvh;padding:28px 20px 20px;font-family:Arial,sans-serif;position:relative;overflow-y:auto}.settings-card h2{color:#ffd23f;margin:0 0 6px;font-size:20px}.settings-hint{color:#c9b8a8;margin:0 0 16px;font-size:13px;line-height:1.4}.settings-subheading{color:#ffb23f;text-transform:uppercase;letter-spacing:1px;border-top:1px dashed #4a3020;margin:4px 0 6px;padding-top:14px;font-size:14px}.settings-duration-row{background:#0b0b10;border:1px solid #3a2418;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.settings-duration-label{color:#fff4c2;flex:auto;min-width:0;font-size:13px;line-height:1.3}.settings-duration-row input.settings-input-duration{text-align:center;flex:0 0 72px;width:72px;margin-bottom:0}.icon-btn{color:#fff4c2;cursor:pointer;background:#2a1a10;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;position:absolute;top:12px;right:12px}.settings-input{box-sizing:border-box;color:#fff4c2;background:#0b0b10;border:1px solid #4a3020;border-radius:10px;width:100%;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:15px}.settings-input:focus{outline:2px solid #ff8a3d}.settings-input-pin{text-align:center;letter-spacing:6px;font-size:22px}.btn-primary{color:#0b0b10;cursor:pointer;background:#ff6a1a;border:2px solid #ffd23f;border-radius:14px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:700}.btn-primary:active{background:#ff8a3d}.btn-link{color:#ffb23f;cursor:pointer;background:0 0;border:none;padding:6px;font-size:13px;text-decoration:underline}.btn-danger{color:#ff6a6a}.settings-error{color:#ff6a6a;text-align:center;margin:0 0 10px;font-size:13px}.settings-tier-list{flex-direction:column;gap:8px;max-height:40vh;margin-bottom:14px;display:flex;overflow-y:auto}.tier-row{background:#0b0b10;border:1px solid #3a2418;border-radius:10px;grid-template-columns:1fr 72px 72px 30px;align-items:center;gap:6px;padding:6px;display:grid}.tier-row input{text-align:center;margin:0;padding:8px 6px;font-size:13px}.tier-row input.tier-label{text-align:left}.tier-remove{color:#ff8a8a;cursor:pointer;background:#3a1a14;border:none;border-radius:50%;width:26px;height:26px;font-size:13px;line-height:1}.settings-add-form{border-top:1px dashed #4a3020;margin-bottom:4px;padding-top:12px}.settings-add-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:6px;display:grid}.settings-add-row .settings-input{margin-bottom:0}.btn-add{color:#fff4c2;cursor:pointer;white-space:nowrap;background:#2f6a2f;border:2px solid #ffd23f;border-radius:10px;padding:10px 12px;font-weight:700}.settings-footer-actions{justify-content:space-between;margin-bottom:4px;display:flex}