:root{--bg: #ece9df;--ink: #131313}:root[data-theme=dark]{--bg: #131313;--ink: #ece9df}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink)}body{padding:16px}#scene{display:block;width:calc(100vw - 32px);height:calc(100vh - 32px);border-radius:24px;background:var(--bg)}#type{position:fixed;top:16px;left:16px;width:calc(100vw - 32px);height:calc(100vh - 32px);opacity:.01;border:0;resize:none;outline:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;z-index:1;-webkit-user-select:text}#hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Ultra,serif;font-size:clamp(1.2rem,3vw,2.2rem);color:var(--ink);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .6s ease}#hint.hidden{opacity:0}#fallback{display:none;position:fixed;top:16px;right:16px;bottom:16px;left:16px;place-items:center;gap:1.1rem;z-index:3;pointer-events:none}#fallback p{font-family:Ultra,serif;font-size:clamp(1.4rem,7vw,2.4rem);color:var(--ink);text-align:center;-webkit-user-select:none;user-select:none}#fallback button{pointer-events:auto;font-family:Ultra,serif;font-size:.95rem;color:var(--ink);background:transparent;border:2px solid var(--ink);border-radius:999px;padding:.45rem 1.1rem;cursor:pointer}@media(max-width:800px){html:not(.desktop-mode) #fallback{display:grid}html:not(.desktop-mode) #hint,html:not(.desktop-mode) #type{display:none}}#controls{position:fixed;top:calc(16px + 1.25rem);right:calc(16px + 1.25rem);display:flex;gap:.6rem;z-index:2}#controls button{font-family:Ultra,serif;font-size:.95rem;color:var(--ink);background:transparent;border:2px solid var(--ink);border-radius:999px;padding:.45rem 1.1rem;cursor:pointer;opacity:.55;transition:opacity .2s ease,background .2s ease,color .2s ease}#controls button:hover{opacity:1;background:var(--ink);color:var(--bg)}