@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=IM+Fell+English+SC&display=swap";
@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.7f4e28d1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.e32417d2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Fallback;src:local(Times New Roman);ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:136.86%}.cinzel_fe46d8f-module__QVN_fq__className{font-family:Cinzel,Cinzel Fallback;font-style:normal}.cinzel_fe46d8f-module__QVN_fq__variable{--font-cinzel:"Cinzel","Cinzel Fallback"}
*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gold:#c8aa6e;--dark-gold:#8b7355;--mystic-purple:#5a0a5a;--deep-purple:#2a0a2a;--spirit-green:#1a3a1a;--dark-bg:#0a0a0a;--board-wood:#2d1b0e}body{color:#e0e0e0;background:linear-gradient(135deg,#000 0%,#0a0a0a 50%,#1a0a1a 100%);height:100vh;font-family:Cinzel,serif;position:relative;overflow:hidden}body:before{content:"";opacity:.3;z-index:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 60px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 50px,#ddd,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 90px 10px,#eee,#0000);background-position:0 0,40px 60px,130px 270px,70px 100px;background-size:200px 200px;width:100%;height:100%;animation:120s linear infinite starfield;position:fixed;top:0;left:0}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.container{z-index:1;gap:20px;height:100vh;padding:20px;display:flex;position:relative}.board-container{flex-direction:column;flex:3;justify-content:center;align-items:center;display:flex;position:relative}.board{border:3px solid var(--dark-gold);background:linear-gradient(135deg,#2d1b0e 0%,#1a0f08 50%,#2d1b0e 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:650px;height:480px;transition:all .3s;display:flex;position:relative;overflow:visible;box-shadow:0 0 60px #c79c4e4d,0 10px 40px #000c,inset 0 0 100px #00000080}.board:before{content:"";z-index:1;background:radial-gradient(circle,#c79c4e1a 0%,#0000 70%),repeating-linear-gradient(0deg,#0000,#0000 2px,#8b73550d 2px 4px);border-radius:20px;position:absolute;inset:0}.board:after{content:"";opacity:.5;z-index:1;background-image:repeating-linear-gradient(90deg,#8b735508 0,#0000 1px 2px,#8b735508 3px),repeating-linear-gradient(0deg,#8b735508 0,#0000 1px 2px,#8b735508 3px);border-radius:20px;position:absolute;inset:0}.board:hover{transform:scale(1.01);box-shadow:0 0 80px #c79c4e66,0 15px 50px #000000e6,inset 0 0 100px #00000080}.board-title{color:var(--primary-gold);letter-spacing:8px;text-shadow:0 0 20px #c79c4ecc,0 0 40px #c79c4e80,2px 2px 4px #000c;z-index:2;font-family:IM Fell English SC,serif;font-size:28px;font-weight:700;animation:3s ease-in-out infinite titleGlow;position:absolute;top:25px}@keyframes titleGlow{0%,to{text-shadow:0 0 20px #c79c4ecc,0 0 40px #c79c4e80,2px 2px 4px #000c}50%{text-shadow:0 0 30px #c79c4e,0 0 60px #c79c4eb3,2px 2px 4px #000c}}.letters-grid{z-index:2;grid-template-columns:repeat(10,1fr);gap:18px;width:85%;margin-top:10px;display:grid;position:relative}.letter{width:45px;height:45px;color:var(--primary-gold);cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 30%,#503c2899,#281e14cc);border:2px solid #8b735566;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0009,inset 0 2px 5px #c79c4e33}.letter:before{content:"";background:radial-gradient(circle,#c79c4e66,#0000 70%);border-radius:50%;width:0;height:0;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.letter:hover{color:#fff;border-color:var(--primary-gold);background:radial-gradient(circle at 30% 30%,#8b7355cc,#5a0a5a99);transform:scale(1.2)rotate(5deg);box-shadow:0 0 20px #c79c4ecc,0 0 40px #c79c4e66,0 8px 20px #000c}.letter:hover:before{width:100%;height:100%}.letter:active{transition:all .1s;transform:scale(1.1)rotate(0)}.yes-no{z-index:2;justify-content:space-between;width:85%;margin-top:25px;display:flex;position:relative}.yes,.no{width:100px;height:50px;color:var(--primary-gold);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:2px;background:linear-gradient(135deg,#281e14e6,#3c281ecc);border:2px solid #8b735580;border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:all .4s;display:flex;box-shadow:0 6px 15px #0009,inset 0 2px 8px #c79c4e33}.yes:hover,.no:hover{color:#fff;border-color:var(--primary-gold);background:linear-gradient(135deg,#5a0a5acc,#8b7355e6);transform:translateY(-5px)scale(1.1);box-shadow:0 0 30px #c79c4ecc,0 0 50px #c79c4e66,0 12px 25px #000c}.goodbye{width:140px;height:50px;color:var(--primary-gold);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;letter-spacing:3px;background:linear-gradient(135deg,#281414e6,#3c1e1ecc);border:2px solid #8b735580;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .4s;display:flex;position:absolute;bottom:25px;box-shadow:0 6px 15px #0009,inset 0 2px 8px #c79c4e33}.goodbye:hover{color:#fff;border-color:var(--primary-gold);background:linear-gradient(135deg,#8b0000cc,#8b7355e6);transform:translateY(-5px)scale(1.1);box-shadow:0 0 30px #c79c4ecc,0 0 50px #ff646466,0 12px 25px #000c}.mystic-ring{z-index:10;pointer-events:none;filter:drop-shadow(0 0 15px #c79c4e99);transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1af2,#140a14fa);border:2px solid #8b73554d;border-radius:15px;flex-direction:column;flex:2;display:flex;overflow:hidden;box-shadow:0 0 40px #c79c4e33,0 8px 30px #000c}.chat-header{background:linear-gradient(135deg,var(--deep-purple),var(--mystic-purple));text-align:center;border-bottom:2px solid var(--dark-gold);letter-spacing:2px;text-shadow:0 2px 10px #000c;padding:20px;font-size:18px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#14141480;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--dark-gold),var(--primary-gold));border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-gold),var(--dark-gold))}.message{word-wrap:break-word;border-radius:12px;max-width:80%;padding:12px 18px;animation:.4s messageSlideIn;box-shadow:0 4px 10px #0006}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{background:linear-gradient(135deg,#5a0a5acc,#3a0a3ae6);border:1px solid #8b735566;border-bottom-right-radius:4px;align-self:flex-end}.spirit-message{background:linear-gradient(135deg,#1a3a1acc,#142a14e6);border:1px solid #3a5a3a66;border-bottom-left-radius:4px;align-self:flex-start}.system-message{text-align:center;background:linear-gradient(135deg,#2a2a0ab3,#1e1e08cc);border:1px solid #5a5a2a4d;align-self:center;max-width:90%;font-size:.9em;font-style:italic}.chat-input-container{border-top:2px solid var(--dark-gold);background:linear-gradient(135deg,#2a0a2ae6,#1e081ef2);gap:12px;padding:18px;display:flex}.chat-input{color:#e0e0e0;background:#1a1a1acc;border:2px solid #8b735566;border-radius:25px;outline:none;flex:1;padding:12px 18px;font-family:Cinzel,serif;font-size:14px;transition:all .3s}.chat-input:focus{border-color:var(--primary-gold);background:#1a1a1af2;box-shadow:0 0 20px #c79c4e4d}.send-button{background:linear-gradient(135deg,var(--mystic-purple),var(--deep-purple));border:2px solid var(--dark-gold);color:var(--primary-gold);cursor:pointer;letter-spacing:1px;border-radius:25px;padding:12px 25px;font-weight:600;transition:all .3s}.send-button:hover{background:linear-gradient(135deg,#8b7355e6,var(--mystic-purple));color:#fff;transform:translateY(-2px);box-shadow:0 0 25px #c79c4e80}.send-button:active{transform:translateY(0)}.mode-selection{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#0a0a0af2,#140a14f2);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mode-title{text-shadow:0 0 30px #c79c4ecc,0 0 60px #c79c4e80;color:var(--primary-gold);letter-spacing:10px;margin-bottom:60px;font-family:IM Fell English SC,serif;font-size:48px;animation:2s ease-in-out infinite titlePulse}@keyframes titlePulse{0%,to{text-shadow:0 0 30px #c79c4ecc,0 0 60px #c79c4e80;transform:scale(1)}50%{text-shadow:0 0 40px #c79c4e,0 0 80px #c79c4eb3;transform:scale(1.05)}}.mode-options{gap:50px;display:flex}.mode-option{cursor:pointer;text-align:center;border:3px solid var(--dark-gold);background:linear-gradient(135deg,#2a0a2ae6,#1e081ef2);border-radius:20px;min-width:280px;padding:35px 50px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 30px #000000b3,inset 0 2px 10px #c79c4e1a}.mode-option:before{content:"";background:radial-gradient(circle,#c79c4e33,#0000 70%);border-radius:50%;width:0;height:0;transition:all .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-option:hover:before{width:400px;height:400px}.mode-option:hover{border-color:var(--primary-gold);background:linear-gradient(135deg,#5a0a5ae6,#3a0a3af2);transform:translateY(-10px)scale(1.05);box-shadow:0 0 50px #c79c4e99,0 20px 50px #000000e6,inset 0 2px 15px #c79c4e4d}.mode-option h3{color:var(--primary-gold);letter-spacing:3px;z-index:1;margin-bottom:15px;font-size:26px;position:relative}.mode-option p{color:#b0b0b0;z-index:1;font-size:16px;position:relative}.mode-option:hover h3{color:#fff;text-shadow:0 0 20px #c79c4ecc}.mode-option:hover p{color:#e0e0e0}.hidden{display:none}.candle{z-index:1;background:linear-gradient(#a07040,#6a4a30);border-radius:8px 8px 0 0;width:22px;height:45px;position:absolute;box-shadow:0 5px 15px #0009}.candle:after{content:"";filter:blur(1px);background:radial-gradient(#ffc864 0%,#ff9632e6 30%,#ff640099 60%,#0000 80%);border-radius:50% 50% 30% 30%;width:12px;height:24px;animation:3s infinite alternate candleFlicker;position:absolute;top:-18px;left:6px;box-shadow:0 0 20px #ff9632cc,0 0 40px #ff640080}@keyframes candleFlicker{0%,to{opacity:.9;transform:scale(1)translateY(0)}25%{opacity:1;transform:scale(1.15,.95)translateY(-2px)translate(1px)}50%{opacity:.85;transform:scale(.95,1.1)translateY(1px)translate(-1px)}75%{opacity:.95;transform:scale(1.08,1.02)translateY(-1px)translate(.5px)}}.particle{pointer-events:none;z-index:0;background:radial-gradient(circle,#c79c4ecc,#0000);border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 10px #c79c4e80}@keyframes float{0%{opacity:0;transform:translate(0)scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:.8}to{transform:translate(var(--tx,0),var(--ty,0))scale(.5);opacity:0}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringRotateReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulseCenter{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.5)}}@keyframes runeGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes energyPulse{0%{opacity:.5;transform:rotate(0)scale(1)}50%{opacity:.8;transform:rotate(180deg)scale(1.1)}to{opacity:.5;transform:rotate(360deg)scale(1)}}@keyframes floatAway{0%{transform:rotate(var(--rotation,0deg))translate(35px)scale(1);opacity:1}to{transform:rotate(var(--rotation,0deg))translate(60px)scale(0);opacity:0}}@keyframes letterPulse{0%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:1;text-shadow:0 0 15px #c8aa6e,0 0 25px #c8aa6e;transform:translate(-50%,-50%)scale(1.2)}}@keyframes godOfWarPulse{0%{transform:scale(1);box-shadow:0 0 30px #c79c4e4d,inset 0 0 20px #000c,0 4px 8px #0009}50%{transform:scale(1.02);box-shadow:0 0 50px #c79c4e99,inset 0 0 25px #000000e6,0 6px 12px #000c}to{transform:scale(1);box-shadow:0 0 30px #c79c4e4d,inset 0 0 20px #000c,0 4px 8px #0009}}@media (max-width:768px){body{height:auto;overflow:auto}.container{flex-direction:column;gap:15px;height:auto;padding:10px}.board{width:100%;max-width:500px;height:auto;min-height:400px;padding:15px}.board-title{letter-spacing:5px;font-size:20px;top:15px}.letters-grid{grid-template-columns:repeat(6,1fr);gap:10px;width:100%;margin-top:15px}.letter{width:38px;height:38px;font-size:18px}.yes-no{width:100%;margin-top:18px}.yes,.no{width:85px;height:45px;font-size:18px}.goodbye{width:120px;height:45px;margin-top:15px;position:static}.chat-container{width:100%;max-width:500px;min-height:350px}.mode-title{margin-bottom:40px;font-size:32px}.mode-options{flex-direction:column;gap:25px}.mode-option{width:100%;min-width:auto;max-width:400px}}@media (max-width:480px){.board{height:auto;min-height:320px}.board-title{letter-spacing:3px;font-size:18px}.letters-grid{gap:6px}.letter{width:32px;height:32px;font-size:16px}.chat-container{max-height:350px}.mode-title{font-size:28px}}.adsbygoogle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#1a1a1a99,#140a14b3);border:2px solid #8b735533;border-radius:12px;padding:10px;overflow:hidden;box-shadow:0 4px 15px #0006}.glow-on-hover{transition:all .3s}.glow-on-hover:hover{transform:translateY(-2px);box-shadow:0 0 30px #c79c4e80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}.intensity-ominous{filter:hue-rotate(30deg)contrast(1.2);animation:5s infinite ominousFlicker}.intensity-malevolent{filter:hue-rotate(330deg)saturate(1.5)brightness(.9);animation:3s infinite malevolentPulse,8s infinite bloodDrip}.intensity-abyssal{filter:grayscale(.3)contrast(1.5)brightness(.7);animation:4s infinite abyssalVoid,10s infinite realityBreak}@keyframes ominousFlicker{0%,to{opacity:1}45%{opacity:1}50%{opacity:.7}55%{opacity:1}}@keyframes malevolentPulse{0%,to{box-shadow:0 0 40px #ff00004d}50%{box-shadow:0 0 80px #f009,inset 0 0 40px #8b000066}}@keyframes bloodDrip{0%,to{filter:hue-rotate(330deg)saturate(1.5)brightness(.9)}50%{filter:hue-rotate(330deg)saturate(2)brightness(.7)}}@keyframes abyssalVoid{0%,to{transform:scale(1);box-shadow:inset 0 0 100px #000000e6}50%{transform:scale(.99);box-shadow:inset 0 0 150px #000,0 0 100px #000c}}@keyframes realityBreak{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px)}94%{transform:translate(2px)}96%{transform:translate(-1px)}98%{transform:translate(1px)}}@keyframes whisper{0%,to{opacity:0}50%{opacity:.1}}.whisper-overlay{background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),transparent 0%,#0000004d 100%);pointer-events:none;z-index:1;animation:8s infinite whisper;position:fixed;inset:0}