@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&display=swap";
.eldermere-container{color:#e0e0e0;background-color:#050505;width:100vw;height:100vh;font-family:Cinzel,serif;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#a855f780;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a855f7cc}.spell-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.spell-feedback{text-align:center;text-shadow:0 0 20px #a855f7cc;opacity:0;pointer-events:none;font-size:3rem;font-weight:900;animation:2s forwards feedbackFadeIn;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes feedbackFadeIn{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.webcam-feed{z-index:20;opacity:.8;pointer-events:auto;border:1px solid #ffffff1a;border-radius:12px;width:240px;height:180px;transition:opacity .3s;position:absolute;bottom:20px;left:20px;overflow:hidden;box-shadow:0 0 20px #00000080}.webcam-feed:hover{opacity:1}.webcam-feed video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.instruction-panel{z-index:20;background:linear-gradient(135deg,#0a0a0fe6,#1e1e28cc);border:1px solid #ffffff1a;border-radius:0;max-width:350px;padding:1.5rem;position:absolute;top:20px;left:20px}.glow-filter{filter:drop-shadow(0 0 5px #4ade80)}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a}