*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#e0d8f0;-webkit-font-smoothing:antialiased;background:#0a0520;width:100%;height:100%;font-family:Cinzel,Georgia,serif;overflow:hidden}.vignette{z-index:10;pointer-events:none;background:radial-gradient(#0000 40%,#0201088c 75%,#020108d9 100%);position:fixed;inset:0}body{grid-template-rows:auto 1fr auto;grid-template-areas:"header""main""footer";min-height:100dvh;display:grid}.oracle-header{z-index:20;grid-area:header;justify-content:center;align-items:center;padding:18px 0 0;display:flex;position:relative}.oracle-title{letter-spacing:.55em;color:#9b6dffe6;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:clamp(10px,1.4vw,14px);font-weight:600}.canvas-wrapper{grid-area:main;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}#canvas{cursor:pointer;touch-action:none;max-width:100%;max-height:100%;display:block}.glow-ring{filter:blur(28px);pointer-events:none;z-index:0;background:radial-gradient(circle,#7b2fbe2e 0%,#0000 70%);border-radius:50%;width:min(55vw,55vh);height:min(55vw,55vh);animation:3s ease-in-out infinite glow-pulse;position:absolute}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.oracle-footer{z-index:20;flex-direction:column;grid-area:footer;align-items:center;gap:10px;padding:0 20px 24px;display:flex;position:relative}.question-input{color:#e0d8f0bf;letter-spacing:.15em;text-align:center;background:0 0;border:none;border-bottom:1px solid #9b6dff73;outline:none;width:min(340px,80vw);padding:6px 4px;font-family:Cinzel,Georgia,serif;font-size:clamp(11px,1.3vw,13px);transition:border-color .3s}.question-input::placeholder{color:#9b6dffe6}.question-input:focus{border-bottom-color:#9b6dffe6}.hint-text{letter-spacing:.2em;color:#9b6dff80;text-transform:uppercase;font-size:clamp(9px,1.1vw,11px);transition:opacity .6s}.hint-text.hidden{opacity:0;pointer-events:none}.motion-btn{color:#9b6dff;letter-spacing:.2em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #9b6dff80;border-radius:2px;padding:8px 20px;font-family:Cinzel,Georgia,serif;font-size:11px;transition:background .3s,color .3s}.motion-btn:hover{color:#c4a6ff;background:#9b6dff1f}@media (width<=480px){.oracle-header{padding-top:14px}.oracle-footer{gap:8px;padding-bottom:18px}body{grid-template-rows:auto auto 1fr;grid-template-areas:"header""footer""main"}.oracle-footer{padding-top:14px;padding-bottom:10px}}