:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.frame-base{width:fit-content;height:fit-content;border:10px solid transparent;box-sizing:border-box;padding:60px;display:flex;flex-direction:column;align-items:center}.profile-frame{border-image-source:url(/frames/frame1.png);border-image-slice:40 fill}.server-frame{border-image-source:url(/frames/frame1.png);border-image-slice:40 fill}.quest-frame{border-image-source:url(/frames/frame1.png);border-image-slice:40 fill}.lucky-frame{border-image-source:url(/frames/frame1.png);border-image-slice:40 fill}.events-frame{border-image-source:url(/frames/frame1.png);border-image-slice:40 fill}.quest-title{text-align:center;font-size:1.7rem;font-weight:700}.quest{display:flex;justify-content:space-between;width:100%;align-items:center;padding:10px 0;margin-bottom:8px;background:#ffffff0d;border-radius:6px;font-size:14px}.quest-text{flex:1 1 auto;text-align:left;padding-left:24px}.quest-reward-btn{margin-right:24px;padding:6px 16px;font-size:14px;background:linear-gradient(#6bcf4a,#3b8f2e);border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;align-self:flex-end}.quest-reward-btn:hover{filter:brightness(1.1)}.menu-frame{display:flex;flex-direction:row;justify-content:center;padding:0}.button-frame{margin:4px;border-image-source:url(/frames/frame01.png);border-image-slice:40 fill;padding:10px}.button-frame:hover{filter:brightness(1.2)}.button-frame.active{border-image-source:url(/frames/frame02.png);border-image-slice:40 fill;padding:10px}.profile-card{width:100%;max-width:220px;background-size:cover;box-sizing:border-box;text-align:center;color:#fffbe7;font-family:inherit;position:relative}.profile-avatar{width:80px;height:80px;margin:0 auto 8px;border:3px solid #fffbe7;border-radius:8px;background:#1a1a1a;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:1.2rem;font-weight:700;margin-bottom:4px;text-shadow:0 2px 0 #000}.profile-coin{font-size:1.05rem;margin-bottom:10px}.coin-amount{color:#ffe066;font-weight:700;font-size:1.15em}.coin-icon{font-size:1.1em;margin-left:2px}.profile-btn{width:70%;padding:8px 0;margin-bottom:8px;background:linear-gradient(#c48a3a,#8b5a1e);border:2px solid #5a3a14;border-radius:6px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;text-shadow:0 1px 0 #000;box-shadow:inset 0 1px #ffffff2e;transition:filter .15s}.profile-btn:hover{filter:brightness(1.1)}.profile-btn.logout{background:linear-gradient(#a33,#611);border-color:#611}.profile-btn.logout:hover{filter:brightness(1.1) saturate(1.2)}.bosses-section{margin-top:16px}.bosses-list{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.boss-icon{width:32px;height:32px;margin:2px;object-fit:contain}.server-status{width:300px;background-size:cover;padding:0 16px 16px;text-align:center;color:#fffbe7;font-family:inherit;position:relative}.server-status-header{display:flex;align-items:center;justify-content:center}.server-dot{width:14px;height:14px;border-radius:50%;margin-right:8px;display:inline-block}.server-status-text{font-size:1.15rem;font-weight:700}.server-info{font-size:1.05rem}.server-player{color:#7fd44f;font-weight:700}.server-max{color:#ffe066}.quest-title{text-align:center;font-size:1.7rem;font-weight:700;margin-bottom:16px}.quest{display:flex;justify-content:space-between;padding:10px;margin-bottom:8px;background:#ffffff0d;border-radius:6px;font-size:14px}.btn{width:100%;margin-top:12px;padding:10px;background:linear-gradient(#6bcf4a,#3b8f2e);border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(1.1)}html,body,#root{width:100%}body:before{content:"";position:fixed;inset:0;background-image:url(/background.png);background-size:cover;background-position:center;z-index:-1}.top-header{display:flex;flex-direction:column;align-items:center}.logo{width:250px;height:200px;background-image:url(/logo.png);background-size:contain;background-position:center;background-repeat:no-repeat}.all-content{display:flex;flex-direction:column;width:100%;align-items:center}.main-content{display:flex;flex-direction:row;width:fit-content;height:fit-content}.right-content{width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:flex-start}.left-content{width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:flex-end}.bottom-content{display:grid;justify-content:center}