:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--field:#f6edd9;--ink:#3a3a3a;--accent:#e8443a;--panel:#fffffff0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--field)}body{color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.6}.app{width:100%;height:100dvh;position:relative;overflow:hidden}.play-field{touch-action:none;width:100%;height:100%;display:block}.hint{white-space:nowrap;pointer-events:none;background:#ffffffb8;border-radius:999px;margin:0;padding:10px 22px;font-size:clamp(15px,2.6vw,20px);font-weight:600;position:absolute;top:12%;left:50%;transform:translate(-50%)}.gear{color:var(--ink);font:inherit;cursor:pointer;background:#ffffffe6;border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 16px #3a3a3a29}.controls{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;width:min(360px,100% - 24px);max-height:calc(100% - 24px);padding:14px 18px 16px;font-size:14px;position:absolute;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 8px 32px #3a3a3a2e}.controls__header{justify-content:space-between;align-items:center;display:flex}.controls__header h2{margin:0;font-size:15px}.controls__close{width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:20px;line-height:1}.presets{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.preset{color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #3a3a3a33;border-radius:999px;padding:6px 12px;font-size:13px}.preset--active{border-color:var(--accent);background:var(--accent);color:#fff}.controls__note{color:#3a3a3ab8;min-height:2.6em;margin:8px 0 4px;font-size:12px}.slider{margin-top:12px;display:block}.slider__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.slider__label{font-weight:600}.slider__value{font-variant-numeric:tabular-nums}.slider__value small{color:#3a3a3a99;font-size:11px}.slider input[type=range]{width:100%;accent-color:var(--accent);touch-action:pan-y;margin:4px 0 2px}.slider__hint{color:#3a3a3aa8;font-size:11.5px;line-height:1.5;display:block}.controls__wmx3{background:#e8443a14;border-radius:10px;margin:16px 0 0;padding:10px 12px;font-size:12px;line-height:1.65}.controls__footer{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ghost{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #3a3a3a33;border-radius:8px;flex:auto;padding:8px 10px;font-size:12px}