:root{color:#e8ddc5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#30251c;--blood:#6c1e1b;background:#151411;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(at 50% 22%,#6e502d38,#0000 60%),radial-gradient(at 95% 100%,#461b1833,#0000 55%),#151411;min-height:100vh;margin:0}main{max-width:900px;margin:auto;padding:58px 36px 64px;position:relative}header{text-align:center;margin-bottom:42px}h1{letter-spacing:-.035em;text-shadow:0 3px 20px #0008;margin:0;font-family:Georgia,serif;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:400;line-height:1.15}h1 span{color:#d8b478}.cobweb{aspect-ratio:1;opacity:.25;pointer-events:none;background:url(/cobweb.svg) 50%/contain no-repeat;width:min(28vw,280px);position:fixed;top:0}.cobweb-left{left:0}.cobweb-right{opacity:.16;right:0;transform:scaleX(-1)}.board,form{color:var(--ink);background:url(/paper-grain.svg),radial-gradient(at 0 0,#18110afa,#3d2015b0 3%,#0000 16%),radial-gradient(at 100% 100%,#201009,#3d201598 4%,#0000 18%),radial-gradient(at 95% 2%,#361d10bc,#0000 17%),radial-gradient(at 20% 85%,#8b4f2030,#0000 32%),linear-gradient(115deg,#b98b53,#dfc28d 40%,#cba66d 75%,#b28951);border:1px solid #704521;border-radius:5px 11px 6px 13px;position:relative;box-shadow:inset 0 0 10px 4px #2112089c,inset 0 0 44px 12px #59321170,0 18px 60px #0006}.board:before,form:before{content:"";pointer-events:none;background:radial-gradient(at 68% 65%,#65131096 0 13%,#0000 15%),radial-gradient(at 88% 82%,#63110bc4 0 8%,#0000 10%),radial-gradient(circle at 46% 42%,#72170c8f 0 4%,#0000 6%),radial-gradient(circle at 24% 65%,#72170c8f 0 2%,#0000 4%),radial-gradient(at 86% 48%,#65131050 0 20%,#0000 24%);width:115px;height:85px;position:absolute;bottom:9px;right:9px;transform:rotate(-12deg)}.board:after,form:after{content:"";opacity:.26;pointer-events:none;background:url(/cobweb.svg) 50%/contain no-repeat;width:140px;height:140px;position:absolute;top:8px;left:8px}.board{padding:38px 24px 30px;font-family:Georgia,serif}.ends{justify-content:space-around;align-items:center;margin:8px 0 30px;font-size:1.3rem;display:flex}.letter-row{justify-content:center;gap:clamp(2px,.65vw,7px);margin:18px 0;display:flex}.letter-row span{text-align:center;min-width:1ch;font-size:clamp(1.2rem,4.7vw,3rem);transition:color 80ms}.letter-row .active{color:#fff8e8;text-shadow:0 0 12px #523517}.goodbye{text-align:center;letter-spacing:.25em;margin-top:25px;font-size:.9rem}#planchette{color:#f4ddaf;pointer-events:none;background:#483020bb;border:2px solid #ead0a1;border-radius:50% 50% 45% 45%;place-items:center;width:54px;height:65px;font-size:30px;transition:left 80ms,top 80ms;display:grid;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #25130955}form{align-items:center;min-height:245px;padding:48px 36px;display:flex}.input-row{z-index:1;gap:12px;width:100%;display:flex;position:relative}input{min-width:0;color:var(--ink);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff2ce88;border:1px solid #76513299;border-radius:3px;flex:1;padding:17px;box-shadow:inset 0 2px 6px #64401920}input::placeholder{color:#6c523a;opacity:1}button{background:var(--blood);color:#f4e0bc;font:inherit;cursor:pointer;border:1px solid #401512;border-radius:3px;padding:16px 20px;box-shadow:0 3px 9px #0002}button:hover{background:#822c23}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #daa25f}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#c6a46e;font-size:.7rem}.answer-panel{border-top:1px solid #675039;min-height:140px;margin-top:28px;padding-top:15px}#answer{overflow-wrap:anywhere;margin:12px 0 20px;font-family:Georgia,serif;font-size:1.6rem;line-height:1.5}#another{color:#281b12;background:#c7a368;border-color:#92713f}#another:hover{background:#dcc08a}#history{border-top:1px solid #675039;margin-top:36px;padding-top:18px}.history-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.history-heading h2{margin:0;font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.text-button{box-shadow:none;color:#d9b77a;background:0 0;border:0;padding:8px 0;font-size:.85rem;text-decoration:underline}.text-button:hover{color:#f4e0bc;background:0 0}#history-list{margin:10px 0 0;padding:0;list-style:none}#history-list li{overflow-wrap:anywhere;border-bottom:1px solid #4d3e2e;padding:18px 0}.history-question{color:#b7a790;margin:0 0 8px;font-size:.9rem}.history-answer{margin:0;font-family:Georgia,serif;font-size:1.2rem;line-height:1.5}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=520px){main{padding:42px 16px}header{margin-bottom:30px}h1 span{display:block}form{min-height:240px;padding:42px 22px}.board{padding:28px 12px 22px}.input-row{flex-direction:column}input{padding:16px 12px;font-size:1rem}.letter-row{gap:2px}#planchette{width:40px;height:48px;font-size:23px}.cobweb{opacity:.15;width:160px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}