:root{--bg:#0e0b14;--pn:#17121f;--ln:#5b4b7a;--tx:#e6dfd0;--ac:#ffb347;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}
body{height:100%;margin:0;background:#0e0b14;color:var(--tx);font-family:ui-monospace,'Courier New',monospace;overflow:hidden;touch-action:none;user-select:none;display:grid;place-items:center}
canvas{width:min(100vw,calc(100vh*16/9));aspect-ratio:16/9;image-rendering:pixelated;background:#0e0b14}
#ov{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(8,5,14,.84);z-index:5}
.p{background:var(--pn);border:2px solid var(--ln);padding:14px 20px;min-width:230px;max-width:92vw;max-height:86vh;overflow:auto;text-align:center;box-shadow:0 0 0 2px #000,6px 6px 0 #000}
.p h1{margin:0 0 4px;font-size:34px;letter-spacing:5px;color:var(--ac);text-shadow:3px 3px 0 #6b1f2b}
.p h2{margin:0 0 8px;color:var(--ac)}.p p,.p td{font-size:14px;color:#b9b0c8;margin:4px 0}.p td{padding:2px 8px;text-align:left}
button{font:inherit;font-size:16px;background:#221a30;color:var(--tx);border:2px solid var(--ln);padding:7px 14px;margin:3px;cursor:pointer;min-width:170px}
button:hover,button:focus-visible{border-color:var(--ac);color:var(--ac);outline:none}button:disabled{opacity:.4;cursor:default}
#tc{display:none;position:fixed;inset:0;pointer-events:none;z-index:4}
#js{position:absolute;left:18px;bottom:calc(22px + env(safe-area-inset-bottom,0px));width:110px;height:110px;border:2px solid #5b4b7a88;border-radius:50%;pointer-events:auto}
#kn{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:#5b4b7aaa}
#tc b{position:absolute;pointer-events:auto;width:56px;height:56px;border:2px solid #5b4b7a;background:#221a30cc;color:var(--tx);display:grid;place-items:center;font-size:13px;border-radius:50%}
#bA{right:20px;bottom:calc(60px + env(safe-area-inset-bottom,0px));width:70px!important;height:70px!important;border-color:#ffb347!important}#bR{right:100px;bottom:calc(30px + env(safe-area-inset-bottom,0px))}#bE{right:100px;bottom:calc(100px + env(safe-area-inset-bottom,0px))}#bP{right:20px;bottom:calc(140px + env(safe-area-inset-bottom,0px))}