@import "https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;500;700&display=swap";html,body,#root,.App{background:linear-gradient(135deg,#000 0%,#1a0000 100%);width:100%;height:100%;margin:0;padding:0;font-family:Crimson Text,serif;font-weight:500;overflow:hidden}html{font-size:calc(12px + .6vw)}.particle-canvas{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.overlay{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.password-screen{color:#ffd2d2;text-align:center;font-variant:normal;flex-direction:column;justify-content:center;align-items:center;gap:25px;font-family:Crimson Text,serif;display:flex}.password-screen h2{font-variant:small-caps;font-size:38px;font-weight:500}.password-screen form{flex-direction:column;align-items:center;gap:70px;display:flex}.password-screen input{text-align:center;color:#ffd2d2;font-family:Crimson Text,serif;font-size:28px;font-weight:400}.password-input{color:#ffd2d2;text-align:center;background:#0009;border:2px solid #f70025cc;border-radius:10px;outline:none;width:400px;padding:32px 36px;font-size:28px;transition:all .2s;box-shadow:0 0 12px #ff000080}.password-input:focus{border-color:red;box-shadow:0 0 20px #f70025cc}.input-error{animation:.3s shake}.start-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.start-screen h1{font-variant:small-caps;color:#ffd2d2;margin-bottom:20px;font-size:35px}.start-screen p{color:#ffd2d2;white-space:pre-line;max-width:800px;margin:0 auto;font-size:25px;line-height:1.5}.start-screen .decor{margin:0 auto;display:block}.guild-cards{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:2vw;max-width:1800px;margin:35px auto;padding:0 2vw;display:flex}.guild-card{color:#ffd2d2;text-align:center;text-transform:capitalize;cursor:pointer;word-wrap:break-word;white-space:normal;-webkit-hyphens:auto;hyphens:auto;background:#0009;border-radius:10px;width:18vw;min-width:160px;max-width:220px;padding:20px;font-size:clamp(20px,1.4vw,24px);transition:all .2s;box-shadow:0 0 12px #f70025cc}.guild-card:hover{transform:scale(1.05);box-shadow:0 0 25px #036964}.crystal-ball{cursor:pointer;width:400px;transition:filter .25s}.crystal-ball.used{filter:brightness(.6)drop-shadow(0 0 15px #f70025);cursor:default}.pulse{filter:drop-shadow(0 0 20px #f70025);animation:.6s pulseGlow}.float-wrapper{flex-direction:column;align-items:center;gap:20px;display:flex}.float-active{animation:4s ease-in-out infinite floatRotate}.fortune-card{color:#ffd2d2;text-align:center;background:#00000080;border-radius:10px;max-width:600px;margin:0 auto;padding:35px 45px;box-shadow:0 0 35px #f7002599}.fortune-card p{margin:0;font-size:clamp(22px,1.4vw,24px);line-height:1.5}.info-box{opacity:.9;font-size:clamp(22px,1.4vw,24px)}.fortune-actions{flex-wrap:wrap;justify-content:center;gap:25px;margin-top:20px;font-size:20px;display:flex}.fortune-actions button,.fortune-actions-button{text-transform:uppercase;letter-spacing:2px;color:#ffd2d2;cursor:pointer;background:linear-gradient(135deg,#f70025,#c5001f);border:none;border-radius:10px;padding:20px 58px;font-family:Crimson Text,serif;font-size:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 10px #f70025b3,0 0 25px #f7002580}.fortune-actions button:hover,.fortune-actions-button:hover{transform:scale(1.05);box-shadow:0 0 20px #f70025e6,0 0 40px #f70025b3}.fortune-actions button:active,.fortune-actions-button:active{transform:scale(.96)}.magic-portal{z-index:2;background:radial-gradient(circle,#f70025cc 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:1s forwards portalPulse;position:absolute}.decor{opacity:.9;filter:drop-shadow(0 0 12px #f70025b3);width:480px;display:block}.decor-top{margin-bottom:2px}.decor-bottom{margin-top:2px;transform:scaleY(-1)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}to{transform:translate(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.7s forwards fadeSlideIn}.fade-slide{animation:.7s forwards fadeSlideIn}@keyframes floatRotate{0%{transform:rotate(-3deg)}50%{transform:rotate(2deg)}to{transform:rotate(-3deg)}}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 #f70025)}50%{filter:drop-shadow(0 0 20px #f70025)}to{filter:drop-shadow(0 0 #f70025)}}@keyframes portalPulse{0%{opacity:1;transform:scale(0)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}@media (width<=1200px){.password-screen h2,.start-screen h1,.start-screen p,.fortune-card p{font-size:calc(1em + 1vw)}.password-input{width:calc(280px + 5vw);padding:calc(16px + 1vw) calc(20px + 1vw);font-size:calc(18px + .5vw)}.crystal-ball{width:calc(220px + 5vw)}.fortune-card{padding:calc(20px + 2vw) calc(30px + 2vw)}.fortune-actions button,.fortune-actions-button{padding:calc(14px + 1vw) calc(26px + 2vw);font-size:calc(14px + .5vw)}.decor{width:calc(300px + 5vw)}}@media (width<=768px){.guild-card{width:40vw}.crystal-ball{width:60vw}.decor{width:70vw}}@media (width<=480px){.guild-card{width:80vw}.crystal-ball{width:70vw}.decor{width:90vw}.password-input{width:90%}}