:root{--ess-bg:#0f172a;--ess-text:#e2e8f0;--ess-text-muted:#94a3b8;--ess-panel-bg:#0f172af2;--ess-panel-border:#94a3b833;--ess-option-bg:#94a3b81a;--ess-option-active-bg:#ef444440;--ess-option-active-border:#ef444480;--ess-hint-bg:#0f172ab3;--ess-hint-text:#e2e8f099;--ess-btn-bg:#94a3b826;--ess-btn-hover:#94a3b840;--ess-reset-bg:#ef444433;--ess-reset-border:#ef444466;--ess-reset-hover:#ef44444d;--ess-toggle-on:#ef4444cc;--ess-toggle-off:#94a3b84d;--ess-input-bg:#94a3b81a;--ess-input-border:#94a3b84d;--ess-seismo-green:#22c55e;--ess-seismo-amber:#f59e0b;--ess-seismo-red:#ef4444;--ess-desktop-icon:#e2e8f099;--ess-window-bg:#0f172ad9;--ess-window-border:#94a3b826;--ess-taskbar-bg:#0f172ae6}._ess-container{width:100%;height:100%;min-height:100vh;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:var(--ess-bg);cursor:pointer;min-height:100dvh;position:relative;overflow:hidden}._ess-shake-layer{z-index:1;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){._ess-shake-layer{will-change:auto}}._ess-desktop{width:100%;height:100%;min-height:100vh;min-height:100dvh;position:relative}._ess-desktop-icons{gap:var(--main-space-4,1rem);padding:var(--main-space-6,1.5rem);grid-template-columns:repeat(auto-fill,80px);justify-content:start;display:grid}._ess-icon-item{align-items:center;gap:var(--main-space-1,.25rem);padding:var(--main-space-2,.5rem);border-radius:var(--main-radius,8px);color:var(--ess-desktop-icon);text-align:center;cursor:default;flex-direction:column;font-size:.6875rem;display:flex}._ess-icon-img{border-radius:var(--main-radius-lg,12px);background:#94a3b814;border:1px solid #94a3b81a;justify-content:center;align-items:center;width:48px;height:48px;display:flex}._ess-fake-window{background:var(--ess-window-bg);border-style:solid;border-width:1px;border-color:var(--ess-window-border);border-radius:var(--main-radius-lg,12px);-webkit-backdrop-filter:blur(12px);width:90%;max-width:500px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}._ess-window-titlebar{align-items:center;gap:var(--main-space-3,.75rem);background:#1e293b99;border-bottom:1px solid #94a3b81a;padding:.625rem 1rem;display:flex}._ess-window-dots{gap:6px;display:flex}._ess-dot{border-radius:50%;width:10px;height:10px}._ess-dot.--red{background:#ef4444}._ess-dot.--yellow{background:#f59e0b}._ess-dot.--green{background:#22c55e}._ess-window-title{color:var(--ess-text-muted);font-size:.8125rem;font-weight:500}._ess-window-body{font-family:var(--main-font-mono);padding:1rem;font-size:.8125rem;line-height:1.6}._ess-terminal-line{color:var(--ess-text)}._ess-terminal-output{color:var(--ess-text-muted);padding-left:1rem}._ess-prompt{color:var(--ess-seismo-green);margin-right:.5rem}._ess-cursor{color:var(--ess-seismo-green);animation:1s step-end infinite _ess-blink}@keyframes _ess-blink{0%,to{opacity:1}50%{opacity:0}}._ess-taskbar{height:40px;padding:0 1rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));background:var(--ess-taskbar-bg);-webkit-backdrop-filter:blur(12px);z-index:2;border-top:1px solid #94a3b81a;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}._ess-taskbar-left,._ess-taskbar-right{color:var(--ess-text-muted)}._ess-taskbar-center{color:var(--ess-text);font-size:.8125rem;font-weight:500}._ess-falling-objects{pointer-events:none;z-index:3;position:absolute;top:0;bottom:0;left:0;right:0}._ess-falling-item{color:var(--ess-text,currentColor);opacity:0;animation:_ess-fall var(--ess-fall-duration,2s) ease-in forwards;animation-delay:var(--ess-fall-delay,0s);justify-content:center;align-items:center;display:flex;position:absolute}._ess-falling-item svg{width:24px;height:24px}@keyframes _ess-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@media (max-width:768px){._ess-desktop-icons{gap:var(--main-space-2,.5rem);padding:var(--main-space-4,1rem);padding-bottom:calc(var(--main-space-4,1rem) + 40px + env(safe-area-inset-bottom));grid-template-columns:repeat(auto-fill,64px)}._ess-icon-img{width:40px;height:40px}._ess-icon-img svg{width:24px;height:24px}._ess-fake-window{width:calc(100% - 1.5rem);max-width:none}._ess-window-body{word-break:break-word;font-size:.75rem}._ess-terminal-output{padding-left:.5rem}}@media (max-width:480px){._ess-window-titlebar{padding:.5rem .75rem}._ess-window-body{padding:.75rem}}._ess-damage-overlay{z-index:4;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}._ess-damage-overlay.--active{opacity:1}._ess-damage-overlay.--level-1:before{content:"";background:#ffffff26;width:200px;height:1px;position:absolute;top:20%;left:10%;transform:rotate(25deg);box-shadow:0 0 4px #ffffff1a}._ess-damage-overlay.--level-2:before{content:"";background:#fff3;width:300px;height:1px;position:absolute;top:15%;left:5%;transform:rotate(30deg);box-shadow:0 0 6px #ffffff26}._ess-damage-overlay.--level-2:after{content:"";background:#ffffff2e;width:250px;height:1px;position:absolute;bottom:30%;right:10%;transform:rotate(-20deg);box-shadow:0 0 5px #ffffff1f}._ess-damage-overlay.--level-3:before{content:"";background:linear-gradient(35deg,#0000 45%,#ffffff14 45.5%,#0000 46%),linear-gradient(-25deg,#0000 55%,#ffffff0f 55.5%,#0000 56%),linear-gradient(60deg,#0000 30%,#ffffff0d 30.5%,#0000 31%);width:100%;height:100%;position:absolute;top:10%;left:0}._ess-damage-overlay.--level-3:after{content:"";background:radial-gradient(at 40%,#ef44440d 0%,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}._ess-dust-canvas{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}._ess-container.--flash:before{content:"";z-index:20;pointer-events:none;background:#ffffff0d;animation:.15s ease-out forwards _ess-flash;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes _ess-flash{0%{opacity:1}to{opacity:0}}._ess-container.--vignette:after{content:"";z-index:6;pointer-events:none;background:radial-gradient(#0000 40%,#0006 100%);animation:.5s ease-in-out infinite alternate _ess-vignette-pulse;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes _ess-vignette-pulse{0%{opacity:.6}to{opacity:1}}@media (prefers-reduced-motion:reduce){._ess-container.--vignette:after{opacity:.7;animation:none}._ess-container.--flash:before{animation-duration:50ms}._ess-falling-item{opacity:0!important;animation-duration:.1s!important}}._ess-seismograph{z-index:7;border-radius:var(--main-radius,8px);-webkit-backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #94a3b826;width:90%;max-width:600px;position:absolute;bottom:48px;left:50%;overflow:hidden;transform:translate(-50%)}._ess-seismo-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:.375rem .75rem;display:flex}._ess-seismo-label{color:var(--ess-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.625rem;font-weight:600}._ess-seismo-mag{font-family:var(--main-font-mono);color:var(--ess-seismo-green);font-size:.875rem;font-weight:700;transition:color .2s}._ess-seismo-mag.--warning{color:var(--ess-seismo-amber)}._ess-seismo-mag.--danger{color:var(--ess-seismo-red)}._ess-seismo-canvas{width:100%;height:80px;display:block}@media (max-width:768px){._ess-seismograph{width:calc(100% - 1.5rem);max-width:none;bottom:calc(96px + env(safe-area-inset-bottom))}._ess-seismo-canvas{height:56px}}@media (max-width:480px){._ess-seismograph{bottom:calc(104px + env(safe-area-inset-bottom))}._ess-seismo-canvas{height:48px}._ess-seismo-header{padding:.3125rem .625rem}}._ess-settings{z-index:10;display:none;position:absolute;top:0;bottom:0;left:0;right:0}._ess-settings.--open{justify-content:center;align-items:center;display:flex}._ess-settings-overlay{-webkit-backdrop-filter:blur(4px);background:#0009;position:absolute;top:0;bottom:0;left:0;right:0}._ess-settings-panel{width:90%;max-width:420px;max-height:80vh;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--ess-panel-bg);border-style:solid;border-width:1px;border-color:var(--ess-panel-border);border-radius:var(--main-radius-lg,12px);max-height:80dvh;padding:var(--main-space-6,1.5rem);position:relative;overflow-y:auto}._ess-settings-header{margin-bottom:var(--main-space-5,1.25rem);justify-content:space-between;align-items:center;display:flex}._ess-settings-header h3{color:var(--ess-text);margin:0;font-size:1.125rem;font-weight:600}._ess-settings-close{background:var(--ess-btn-bg);border-radius:var(--main-radius,8px);width:36px;height:36px;color:var(--ess-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0 solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._ess-settings-close:hover{background:var(--ess-btn-hover);color:var(--ess-text)}._ess-setting-group{margin-bottom:var(--main-space-5,1.25rem)}._ess-setting-group:last-child{margin-bottom:0}._ess-setting-label{color:var(--ess-text-muted);margin-bottom:var(--main-space-2,.5rem);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500;display:block}._ess-setting-options{gap:var(--main-space-2,.5rem);flex-wrap:wrap;display:flex}._ess-option-btn{background:var(--ess-option-bg);border-radius:var(--main-radius,8px);color:var(--ess-text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;min-height:36px;padding:.5rem .875rem;font-size:.8125rem}._ess-option-btn:hover{background:var(--ess-btn-hover);color:var(--ess-text)}._ess-option-btn.active{background:var(--ess-option-active-bg);border-color:var(--ess-option-active-border);color:var(--ess-text)}._ess-setting-row{align-items:center;gap:var(--main-space-3,.75rem);display:flex}._ess-magnitude-control{align-items:center;gap:var(--main-space-4,1rem);display:flex}._ess-magnitude-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--ess-seismo-green) 0%, var(--ess-seismo-amber) 50%, var(--ess-seismo-red) 100%);touch-action:pan-x;border-radius:3px;outline:none;flex:1;min-width:0;height:6px}._ess-magnitude-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ess-text);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0000004d}._ess-magnitude-slider::-moz-range-thumb{background:var(--ess-text);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0000004d}._ess-magnitude-display{flex-direction:column;align-items:center;min-width:60px;display:flex}._ess-magnitude-value{font-family:var(--main-font-mono);color:var(--ess-text);font-size:1.25rem;font-weight:700}._ess-magnitude-label{color:var(--ess-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}._ess-magnitude-scale{margin-top:var(--main-space-1,.25rem);color:var(--ess-text-muted);opacity:.6;justify-content:space-between;font-size:.625rem;display:flex}._ess-duration-slider{-webkit-appearance:none;appearance:none;touch-action:pan-x;background:#94a3b833;border-radius:2px;outline:none;flex:1;min-width:0;height:4px}._ess-duration-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ess-text);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0000004d}._ess-duration-slider::-moz-range-thumb{background:var(--ess-text);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0000004d}._ess-duration-value{font-family:var(--main-font-mono);color:var(--ess-text);text-align:right;min-width:30px;font-size:.875rem;font-weight:600}._ess-toggle-btn{background:var(--ess-toggle-off);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0 solid #0000;border-radius:13px;flex-shrink:0;width:48px;height:26px;padding:0;position:relative}._ess-toggle-btn:after{content:"";background:var(--ess-text);border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px}._ess-toggle-btn.active{background:var(--ess-toggle-on)}._ess-toggle-btn.active:after{left:25px}._ess-toggle-on,._ess-toggle-off{display:none}._ess-auto-row{gap:var(--main-space-2,.5rem)}._ess-auto-input{background:var(--ess-input-bg);border-style:solid;border-width:1px;border-color:var(--ess-input-border);border-radius:var(--main-radius,8px);width:64px;color:var(--ess-text);text-align:center;-webkit-appearance:none;appearance:none;min-height:36px;padding:.5rem;font-size:16px}._ess-auto-input:focus{border-color:var(--ess-option-active-border);outline:none}._ess-auto-unit{color:var(--ess-text-muted);font-size:.8125rem}._ess-auto-btn{background:var(--ess-option-active-bg);border-style:solid;border-width:1px;border-color:var(--ess-option-active-border);border-radius:var(--main-radius,8px);width:36px;height:36px;color:var(--ess-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}._ess-auto-btn:hover{opacity:.85}._ess-auto-btn.--running{background:var(--ess-reset-bg);border-color:var(--ess-reset-border)}._ess-reset-btn{background:var(--ess-reset-bg);border-style:solid;border-width:1px;border-color:var(--ess-reset-border);border-radius:var(--main-radius,8px);color:#ef4444;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;min-height:44px;padding:.75rem 1rem;font-size:.875rem;font-weight:500}._ess-reset-btn:hover{background:var(--ess-reset-hover)}@media (max-width:480px){._ess-settings-panel{width:calc(100% - 1rem);max-height:85vh;max-height:85dvh;padding:var(--main-space-4,1rem)}._ess-settings-header h3{font-size:1rem}._ess-magnitude-scale{font-size:.5625rem}._ess-magnitude-control{gap:var(--main-space-3,.75rem)}._ess-magnitude-display{min-width:52px}._ess-auto-row{flex-wrap:wrap}._ess-auto-btn{margin-left:0}}._ess-start-hint{z-index:8;justify-content:center;align-items:center;gap:var(--main-space-4,1rem);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._ess-start-hint.--hidden{display:none}._ess-start-hint-icon{color:#e2e8f066;animation:2s ease-in-out infinite _ess-pulse}@keyframes _ess-pulse{0%,to{opacity:.4}50%{opacity:.8}}._ess-start-hint-text{color:#e2e8f0b3;text-align:center;font-size:1.125rem;font-weight:500}._ess-start-hint-sub{color:#e2e8f059;text-align:center;font-size:.8125rem}._ess-start-hint-sub kbd{color:#e2e8f080;background:#94a3b826;border:1px solid #94a3b833;border-radius:4px;padding:.125rem .375rem;font-family:inherit;font-size:.6875rem;line-height:1.3;display:inline-block}._ess-hint-bar{z-index:9;justify-content:center;align-items:center;gap:var(--main-space-4,1rem);padding:var(--main-space-3,.75rem);padding-left:max(var(--main-space-3,.75rem), env(safe-area-inset-left));padding-right:max(var(--main-space-3,.75rem), env(safe-area-inset-right));background:var(--ess-hint-bg);-webkit-backdrop-filter:blur(8px);flex-wrap:wrap;transition:opacity .3s;display:flex;position:absolute;bottom:40px;left:0;right:0}._ess-hint-bar.--hidden{opacity:0;pointer-events:none}._ess-hint-btn{align-items:center;gap:var(--main-space-2,.5rem);color:var(--ess-hint-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0 solid #0000;min-height:40px;padding:.5rem .625rem;font-size:.8125rem;display:inline-flex}._ess-hint-btn:hover{color:var(--ess-text)}._ess-hint-btn kbd{background:#94a3b826;border:1px solid #94a3b833;border-radius:4px;padding:.125rem .375rem;font-family:inherit;font-size:.6875rem;line-height:1.3;display:inline-block}@media (max-width:768px){._ess-start-hint{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}@media (max-width:480px){._ess-start-hint-text{padding:0 1rem;font-size:1rem}._ess-start-hint-sub{padding:0 1rem;line-height:1.8}._ess-hint-bar{gap:var(--main-space-2,.5rem);padding:.5rem}._ess-hint-btn{padding:.5rem;font-size:.75rem}}
