:root{--ecsk-safe-top: 0px;--ecsk-safe-right: 0px;--ecsk-safe-bottom: 0px;--ecsk-safe-left: 0px}@media(max-width:900px),(pointer:coarse){:root{--ecsk-safe-top: env(safe-area-inset-top, 0px);--ecsk-safe-right: env(safe-area-inset-right, 0px);--ecsk-safe-bottom: env(safe-area-inset-bottom, 0px);--ecsk-safe-left: env(safe-area-inset-left, 0px)}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;min-height:100dvh;overflow:hidden;background:#000;color:#aaa;font:12px/1.4 monospace}@supports (height: 100dvh){html,body{height:100dvh}}canvas{display:block;width:100%;height:100%}canvas.ecsk-interaction-canvas-active{cursor:none}.ecsk-interaction-cursor{--ecsk-cursor-color: #ff6633;--ecsk-cursor-core: rgba(255, 102, 51, .96);--ecsk-cursor-glow: rgba(255, 102, 51, .72);--ecsk-cursor-soft-glow: rgba(255, 102, 51, .42);--ecsk-cursor-size: 8px;position:fixed;left:0;top:0;z-index:900;width:var(--ecsk-cursor-size);height:var(--ecsk-cursor-size);border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0) translate(-50%,-50%) scale(1);background:var(--ecsk-cursor-core);border:1px solid rgba(255,255,255,.7);box-shadow:0 0 4px var(--ecsk-cursor-glow),0 0 13px var(--ecsk-cursor-soft-glow);filter:saturate(1.2) brightness(1.2);mix-blend-mode:screen;will-change:transform,opacity,background-color;transition:opacity .18s ease}.ecsk-interaction-cursor:after{content:none}.ecsk-interaction-cursor.is-visible{opacity:.9}.ecsk-interaction-trackpad{position:fixed;right:calc(18px + var(--ecsk-safe-right, 0px));bottom:calc(92px + var(--ecsk-safe-bottom, 0px));z-index:850;width:clamp(96px,28vw,152px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:radial-gradient(circle at center,rgba(255,255,255,.2) 0 2px,transparent 3px),radial-gradient(circle at center,rgba(255,255,255,.08),rgba(255,255,255,.02) 54%,transparent 70%);box-shadow:inset 0 0 18px #ffffff14,0 0 22px #00000073;opacity:0;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;transition:opacity .28s ease,transform .22s ease,border-color .22s ease}.ecsk-interaction-trackpad:before,.ecsk-interaction-trackpad:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff2e;border-radius:999px}.ecsk-interaction-trackpad:before{width:54%;height:1px}.ecsk-interaction-trackpad:after{width:1px;height:54%}.ecsk-interaction-trackpad.is-hinting{opacity:.42}.ecsk-interaction-trackpad.is-active{opacity:.5;transform:scale(1.025);border-color:#ffffff70}@supports (color: color(display-p3 1 1 1)){.ecsk-interaction-cursor{background:var(--ecsk-cursor-core)}}#info{position:absolute;top:calc(10px + var(--ecsk-safe-top, 0px));left:calc(10px + var(--ecsk-safe-left, 0px));color:#aaa;font:12px/1.4 monospace;pointer-events:none;text-shadow:0 0 4px #000}.ecsk-bottom-bar{position:fixed;bottom:calc(16px + var(--ecsk-safe-bottom, 0px));left:calc(16px + var(--ecsk-safe-left, 0px));z-index:1100;display:flex;gap:8px;align-items:center;transition:opacity .3s ease}.ecsk-bar-btn{width:40px;height:40px;border:1px solid #333;border-radius:50%;background:#0009;color:#999;font-size:18px;line-height:40px;text-align:center;cursor:pointer;transition:opacity .3s ease,background .2s ease;opacity:.5;-webkit-tap-highlight-color:transparent;user-select:none;display:flex;align-items:center;justify-content:center}.ecsk-bar-btn:hover{opacity:1;background:#1e1e1ecc;color:#ddd}.ecsk-bar-btn:active{background:#323232e6}body.ui-hidden .ecsk-panel,body.ui-hidden #info,body.ui-hidden .ecsk-tooltip{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease}body.ui-hidden .ecsk-bottom-bar{opacity:0;pointer-events:none;transition:opacity .3s ease}body.ui-hidden.ui-peek .ecsk-bottom-bar{opacity:1;pointer-events:auto}.ecsk-bottom-bar--mobile{left:50%;transform:translate(-50%);bottom:calc(20px + var(--ecsk-safe-bottom, 0px));transition:bottom .25s ease,opacity .25s ease,transform .25s ease}.ecsk-bottom-bar--mobile .ecsk-bar-btn{width:48px;height:48px;font-size:22px;line-height:48px;opacity:.6}@media(orientation:portrait){.ecsk-bottom-bar--controls-open{bottom:calc(var(--ecsk-mobile-controls-height, 0px) + 12px)}.ecsk-bottom-bar--both-open{opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px)}}body.ecsk-immersive{min-height:100dvh}body.ecsk-ios-browser{-webkit-text-size-adjust:100%}body.ecsk-ios-browser canvas{min-height:100dvh}.ecsk-standalone .ecsk-bottom-bar{bottom:calc(12px + var(--ecsk-safe-bottom, 0px))}.ecsk-add-to-home-sheet{position:fixed;inset:0;z-index:1200;display:none;align-items:flex-end;justify-content:center;padding:16px;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ecsk-add-to-home-sheet.visible{display:flex}.ecsk-add-to-home-card{width:min(100%,420px);padding:16px 16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#080808f0;box-shadow:0 16px 48px #00000073;color:#d8d8d8;font:13px/1.5 Segoe UI,system-ui,sans-serif}.ecsk-add-to-home-close{margin-left:auto;display:block;border:0;background:transparent;color:#8fb7ff;font:inherit;cursor:pointer}.ecsk-add-to-home-title{margin-top:4px;font-size:18px;font-weight:700;color:#f3f3f3}.ecsk-add-to-home-body{margin-top:8px;color:#b6b6b6}.ecsk-add-to-home-steps{margin-top:12px;display:grid;gap:8px;color:#d8d8d8}.ecsk-mobile .ecsk-add-to-home-sheet{padding:12px}.ecsk-mobile .ecsk-add-to-home-card{width:min(100%,520px);padding-bottom:calc(18px + var(--ecsk-safe-bottom, 0px))}
