:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:sans-serif}body{-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas{object-fit:cover;width:100vw;height:100vh}*{box-sizing:border-box}.pages{scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll}.page{scroll-snap-align:start;width:100vw;height:100vh;position:relative;overflow:hidden}.overlay{text-shadow:0 0 4px #000;background:linear-gradient(#0000,#0000004d);align-items:end;gap:16px;width:100%;padding:16px 16px 32px;display:flex;position:absolute;bottom:0}.icons{flex-direction:column;gap:16px;display:flex}.icon-button{flex-direction:column;align-items:center;gap:4px;display:flex}.icon-button svg{filter:drop-shadow(0 0 4px #000)}.overlay{touch-action:none;pointer-events:none;-webkit-user-select:none;user-select:none}.description{flex-direction:column;gap:8px;display:flex}.desc-header{align-items:center;gap:8px;display:flex}.desc-header img{border:2px solid #0f0;border-radius:50%;width:48px;height:48px;padding:4px}button{font:inherit;color:#fff;background-color:#0000;border:1px solid #ffffff80;border-radius:8px;padding:2px 8px}button:hover{cursor:pointer;color:#00000080;background-color:#fff}.desc-text{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.start-overlay{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-overlay>div{color:#000;background-color:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.panel-controls{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid;position:absolute;inset:0}.panel-controls>div{background:linear-gradient(#00000080,#0000 48px);border-radius:16px;justify-content:center;align-items:start;padding:16px;display:flex}