.social{padding:var(--space-4xl) 0;background:var(--color-bg-dark);text-align:center}.social h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-xl);color:#1295cb;text-shadow:0 2px 6px rgba(0,0,0,.7)}.social-links{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:#7b430033;border:2px solid rgba(123,67,0,.4);border-radius:12px;color:#ebcfb2;transition:all var(--transition-base);width:80px;height:80px}.social-link svg{width:64px;height:64px;transition:all var(--transition-base)}.social-link:hover{background:#2fccff26;border-color:#2fccff;color:#2fccff;box-shadow:0 8px 20px #2fccff66}.social-link.discord:hover{border-color:#5865f2;background:#5865f21a;color:#5865f2;box-shadow:0 8px 20px #5865f266}.social-link.discord:hover svg{filter:drop-shadow(0 0 8px #5865f2)}.social-link.youtube:hover{border-color:red;background:#ff00001a;color:red;box-shadow:0 8px 20px #f006}.social-link.youtube:hover svg{filter:drop-shadow(0 0 8px #ff0000)}.social-link.twitter:hover{border-color:#000;background:#0000004d;color:#fff;box-shadow:0 8px 20px #0009}.social-link.twitter:hover svg{filter:drop-shadow(0 0 8px #000000)}.social-link.facebook:hover{border-color:#1877f2;background:#1877f21a;color:#1877f2;box-shadow:0 8px 20px #1877f266}.social-link.facebook:hover svg{filter:drop-shadow(0 0 8px #1877f2)}.social-link.instagram:hover{border-color:#e4405f;background:#e4405f1a;color:#e4405f;box-shadow:0 8px 20px #e4405f66}.social-link.instagram:hover svg{filter:drop-shadow(0 0 8px #e4405f)}.ember-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.ember{position:absolute;bottom:-20px;width:3px;height:12px;background:linear-gradient(to top,#ff6c00e6,#ff8c00cc,#ffa50099);border-radius:50%/60% 60% 40% 40%;box-shadow:0 0 8px #ff8c00cc,0 0 12px #ff6c0099,0 0 16px #ffa50066;animation:emberFloat infinite linear;will-change:transform,opacity;transform-origin:center center;filter:blur(.5px)}@keyframes emberFloat{0%{transform:translateY(0) translate(0) rotate(var(--rotation, 0deg)) scale(var(--scale, 1));opacity:0}2%{opacity:.85}10%{transform:translateY(-10vh) translate(calc(var(--drift, 0px) * .1)) rotate(var(--rotation, 0deg)) scale(var(--scale, 1));opacity:.88}20%{transform:translateY(-20vh) translate(calc(var(--drift, 0px) * .2)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .99));opacity:.87}30%{transform:translateY(-30vh) translate(calc(var(--drift, 0px) * .3)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .97));opacity:.85}40%{transform:translateY(-40vh) translate(calc(var(--drift, 0px) * .4)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .95));opacity:.82}50%{transform:translateY(-50vh) translate(calc(var(--drift, 0px) * .5)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .92));opacity:.77}60%{transform:translateY(-60vh) translate(calc(var(--drift, 0px) * .6)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .88));opacity:.7}70%{transform:translateY(-70vh) translate(calc(var(--drift, 0px) * .7)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .83));opacity:.61}80%{transform:translateY(-80vh) translate(calc(var(--drift, 0px) * .8)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .77));opacity:.48}90%{transform:translateY(-90vh) translate(calc(var(--drift, 0px) * .9)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .68));opacity:.3}96%{transform:translateY(-96vh) translate(calc(var(--drift, 0px) * .96)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .6));opacity:.12}to{transform:translateY(-105vh) translate(var(--drift, 0px)) rotate(var(--rotation, 0deg)) scale(calc(var(--scale, 1) * .5));opacity:0}}@media (max-width: 768px){.ember{width:2px;height:8px}}@media (prefers-reduced-motion: reduce){.ember{animation:none;opacity:0}}.smart-download{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.smart-badge{position:relative}.smart-badge:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,gold,#2fccff);border-radius:12px;opacity:0;transition:opacity var(--transition-base);z-index:-1;filter:blur(8px)}.smart-badge:hover:before{opacity:.6}.download-hint{font-size:var(--font-size-sm);color:#2fccff;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 768px){.smart-download{gap:var(--space-sm)}.download-hint{font-size:var(--font-size-xs)}}.landing{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.landing>*{flex-shrink:0}.landing .hero{flex-grow:1}.landing .footer{margin-bottom:0}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-image:url(/images/menubarbg.png);background-repeat:repeat-x;border:none;padding:0;margin-top:0;margin-bottom:0;height:185px;display:block}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);height:100%;padding:0 var(--space-lg)}.logo{flex:0 0 auto}.logo img{height:166px;width:auto;margin-top:-30px}.nav-links{display:flex;align-items:flex-start;gap:var(--space-md);margin-top:10px}.landing .guidebutton{width:143px;height:60px;background-image:url(/images/guidebutton.png);background-repeat:no-repeat;background-position:0 0;margin-top:-40px}.landing .guidebutton:hover{background-position:0 -53px}.landing .blogbutton{width:130px;height:64px;background-image:url(/images/blog.png);background-repeat:no-repeat;background-position:0 0;margin-top:-45px}.landing .blogbutton:hover{background-position:0 -79px;margin-top:-46px}.landing .btn-login{padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,#2fccff,#1588b8);color:#fff;font-family:var(--font-primary);font-size:var(--font-size-base);border-radius:6px;transition:all var(--transition-base);box-shadow:0 4px 15px #2fccff66;border:2px solid #2fccff;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-top:-34px}.landing .btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2fccff99;background:linear-gradient(135deg,#3dd5ff,#1aa0d4)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:185px;margin-top:0}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/landingbackground2.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1}@media (max-width: 1024px){.hero-bg{background-attachment:scroll}}.hero-bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#201f2d4d,#201f2dcc)}.hero-content{position:relative;z-index:1;text-align:center;padding:var(--space-4xl) 0}.hero-title{font-size:clamp(2.5rem,8vw,5rem);margin-bottom:var(--space-lg);line-height:1.1;text-transform:uppercase;color:#ebcfb2;text-shadow:0 4px 12px rgba(0,0,0,.8);-webkit-text-stroke:10px #3b2717;paint-order:stroke fill;position:relative;z-index:2}.legend-text{display:inline-block;color:#e0ac3b;text-shadow:0 4px 8px rgba(0,0,0,.8);-webkit-text-stroke:20px #3b2717;paint-order:stroke fill;position:relative;z-index:1;margin-top:-20px}.particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#ffd700e6,#ffd70000 70%);border-radius:50%;pointer-events:none;animation:floatParticle 4s ease-in-out infinite;box-shadow:0 0 6px #ffd70099}.particle-1{left:5%;top:15%;animation-delay:0s;animation-duration:3.5s}.particle-2{right:10%;top:25%;animation-delay:.8s;animation-duration:4s;width:2px;height:2px}.particle-3{left:50%;bottom:20%;animation-delay:1.5s;animation-duration:3.8s}.particle-4{right:30%;bottom:35%;animation-delay:2.2s;animation-duration:4.2s;width:2.5px;height:2.5px}.particle-5{left:25%;top:40%;animation-delay:.5s;animation-duration:3.2s;width:2px;height:2px}.particle-6{right:5%;bottom:15%;animation-delay:1.8s;animation-duration:4.5s}@keyframes subtleGlow{0%,to{text-shadow:0 0 10px rgba(255,215,0,.3),0 0 20px rgba(255,215,0,.2),0 0 30px rgba(255,215,0,.1),0 4px 8px rgba(0,0,0,.8)}50%{text-shadow:0 0 15px rgba(255,215,0,.4),0 0 25px rgba(255,215,0,.25),0 0 35px rgba(255,215,0,.15),0 4px 8px rgba(0,0,0,.8)}}@keyframes floatParticle{0%{transform:translateY(0) translate(0) scale(0);opacity:0}10%{opacity:.8}50%{transform:translateY(-30px) translate(10px) scale(1);opacity:.6}90%{opacity:.3}to{transform:translateY(-60px) translate(20px) scale(0);opacity:0}}.hero-subtitle{font-size:var(--font-size-xl);color:#ebcfb2;margin-bottom:var(--space-3xl);font-weight:300;font-family:var(--font-primary);text-shadow:0 2px 6px rgba(0,0,0,.7)}.download-badges{display:flex;gap:var(--space-lg);justify-content:center;align-items:center;flex-wrap:wrap}.trailer-section{padding:var(--space-xl) 0;background:var(--color-bg-dark)}.trailer-content{display:flex;justify-content:center;align-items:center}.trailer-link{position:relative;display:inline-block;transition:all var(--transition-base);box-shadow:0 8px 24px #00000080;border-radius:8px;overflow:hidden}.trailer-link img{display:block;width:100%;max-width:475px;height:auto}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:59px;height:59px;background-image:url(/images/play_button.png);background-position:0 0;background-repeat:no-repeat;transition:background-position var(--transition-base);text-indent:-9999px;overflow:hidden}.trailer-link:hover .play-button{background-position:0 -59px;transform:translate(-50%,-50%) scale(.9524)}.features{padding:var(--space-4xl) 0;background-image:url(/images/moreinfobg.jpg);background-repeat:repeat-x;background-color:var(--color-bg-dark);position:relative}.section-title{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--space-3xl);text-transform:uppercase;color:#1295cb;text-shadow:0 3px 8px rgba(0,0,0,.7)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1200px;margin:0 auto}.feature-card{background-image:url(/images/moreinfohl2.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:50px 40px 40px;text-align:center;box-shadow:0 6px 20px #00000080;min-height:320px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;text-decoration:none;color:inherit;cursor:pointer;transition:all var(--transition-base)}.feature-icon{font-size:3rem;margin-bottom:var(--space-sm);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));flex-shrink:0}.feature-icon-img{width:96px;height:96px;object-fit:contain;margin-bottom:var(--space-md);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));flex-shrink:0}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:#1295cb;text-shadow:0 2px 4px rgba(0,0,0,.5);flex-shrink:0;text-transform:uppercase;letter-spacing:1px}.feature-card p{color:#3e241b;font-size:14px;font-family:var(--font-primary);line-height:1.5;margin-bottom:0;flex-grow:1}.footer{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:0;margin-bottom:-2rem;background:linear-gradient(180deg,#201f2df2,#100f19);border-top:3px solid rgba(255,215,0,.3);box-shadow:0 -4px 20px #00000080;padding:var(--space-lg) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.5) 50%,transparent 100%)}.footer .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-xl)}.footer-content p{color:#ebcfb2;margin-bottom:0;font-size:var(--font-size-sm);font-family:var(--font-primary);text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px}.footer-links{display:flex;gap:var(--space-xl);align-items:center}.footer-links a{color:#2fccff;font-size:var(--font-size-sm);font-family:var(--font-primary);font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base);text-shadow:0 1px 3px rgba(0,0,0,.5)}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#2fccff,gold);transform:translate(-50%);transition:width var(--transition-base)}.footer-links a:hover{color:gold;transform:translateY(-2px)}.footer-links a:hover:after{width:100%}@media (max-width: 768px){.header{height:80px}.nav{padding:var(--space-sm) var(--space-md);justify-content:center}.logo img{height:60px;margin-top:0}.desktop-nav{display:none!important}.landing .guidebutton{width:100px;height:42px;background-size:100% auto;margin-top:0}.landing .guidebutton:hover{background-position:0 -38px}.landing .blogbutton{width:91px;height:45px;background-size:100% auto;margin-top:0}.landing .blogbutton:hover{background-position:0 -55px;margin-top:0}.landing .btn-login{margin-top:0;padding:var(--space-xs) var(--space-lg);font-size:var(--font-size-sm)}.nav-links{flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:0}.hero{min-height:80vh;padding-top:80px}.hero-title{-webkit-text-stroke:5px #3b2717;line-height:1.2}.legend-text{-webkit-text-stroke:10px #3b2717;margin-top:-10px}.hero-subtitle{font-size:var(--font-size-md)}.app-store-badge{height:50px}.play-store-badge{height:75px}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.header{height:70px;padding:var(--space-sm) 0}.nav{padding:var(--space-sm)}.logo img{height:50px}.landing .guidebutton{width:85px;height:36px}.landing .guidebutton:hover{background-position:0 -32px}.landing .blogbutton{width:78px;height:38px}.landing .blogbutton:hover{background-position:0 -47px}.landing .btn-login{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md);white-space:nowrap}.nav-links{gap:var(--space-xs)}.hero{padding-top:70px}.download-badges{flex-direction:column;gap:var(--space-md)}.features-grid{grid-template-columns:1fr;gap:var(--space-md)}}.guide-page{width:100%;min-height:100vh;background:var(--color-bg-dark)}.guide-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-image:url(/images/menubarbg.png);background-repeat:repeat-x;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:var(--space-md) 0;height:80px;display:flex;align-items:center}.guide-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.guide-logo img{height:60px;width:auto}.guide-nav-links{display:flex;align-items:flex-start;gap:var(--space-lg)}.guide-page .guidebutton{width:143px;height:60px;background-image:url(/images/guidebutton.png);background-repeat:no-repeat;background-position:0 0;margin-top:-10px}.guide-page .guidebutton:hover{background-position:0 -53px}.guide-page .blogbutton{width:130px;height:64px;background-image:url(/images/blog.png);background-repeat:no-repeat;background-position:0 0;margin-top:-18px}.guide-page .blogbutton:hover{background-position:0 -79px;margin-top:-19px}.guide-page .btn-login{margin-top:0}.guide-hero{padding:calc(80px + var(--space-lg)) 0 var(--space-lg);text-align:center;background:linear-gradient(180deg,rgba(47,204,255,.08) 0%,transparent 100%)}.guide-hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);text-transform:uppercase;color:#1295cb;text-shadow:0 2px 8px rgba(0,0,0,.7)}.guide-hero-subtitle{font-size:var(--font-size-xl);color:#ebcfb2;margin-bottom:0;text-shadow:0 1px 4px rgba(0,0,0,.5)}.guide-container{min-height:100vh}.guide-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-3xl);padding:var(--space-3xl) 0;align-items:start}.guide-sidebar{position:relative}.guide-sidebar-sticky{position:sticky;top:calc(80px + var(--space-lg))}.guide-sidebar-title{font-size:var(--font-size-lg);margin-bottom:var(--space-lg);color:var(--color-gold)}.guide-tabs{display:flex;flex-direction:column;gap:var(--space-sm)}.guide-tab{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#ffffff0d;border:2px solid transparent;border-radius:12px;color:var(--color-parchment);font-family:var(--font-primary);font-size:var(--font-size-base);text-align:left;transition:all var(--transition-base);cursor:pointer;width:100%}.guide-tab:hover{background:#ffd7001a;border-color:#ffd7004d}.guide-tab.active{background:linear-gradient(135deg,#ffd70033,#b8860b33);border-color:var(--color-gold);color:var(--color-gold)}.guide-tab-icon{font-size:1.5rem;flex-shrink:0}.guide-tab-icon-img{width:32px;height:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.guide-tab-text{flex:1}.guide-content{background-image:url(/images/middle_guide.png);background-repeat:repeat-y;background-size:100% auto;background-position:top center;background-color:transparent;border:none;border-radius:0;padding:var(--space-4xl) var(--space-3xl);min-height:600px;max-width:964px;margin:0 auto}.guide-content-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-3xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(123,67,0,.3)}.guide-content-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.guide-content-icon-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.guide-content-title{font-size:var(--font-size-3xl);margin-bottom:0;text-transform:uppercase;color:#1295cb;text-shadow:0 2px 4px rgba(0,0,0,.5)}.guide-featured-image{margin-bottom:var(--space-3xl);border-radius:0;overflow:hidden;border:none;box-shadow:0 4px 12px #00000080}.guide-featured-image img{width:100%;height:auto;display:block;transition:transform var(--transition-base)}.guide-featured-image:hover img{transform:scale(1.01)}.guide-sections{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.guide-section{background:#ebcfb21a;border:2px solid rgba(123,67,0,.3);border-radius:8px;overflow:hidden;transition:all var(--transition-base)}.guide-section:hover{border-color:#7b430080;background:#ebcfb226}.guide-section.expanded{border-color:#1295cb;box-shadow:0 4px 16px #1295cb4d;background:#ebcfb233}.guide-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-lg) var(--space-xl);background:transparent;border:none;color:var(--color-parchment);cursor:pointer;transition:all var(--transition-base)}.guide-section-header:hover{background:#7b43001a}.guide-section.expanded .guide-section-header{background:#1295cb1a}.guide-section-title-wrapper{display:flex;align-items:center;gap:var(--space-md)}.guide-section-heading-icon{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.guide-section-title{font-size:var(--font-size-xl);margin-bottom:0;color:#1295cb;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.5)}.guide-section-toggle{font-size:2rem;font-weight:700;color:#1295cb;line-height:1}.guide-section-content{overflow:hidden;padding:0 var(--space-xl) var(--space-xl)}.guide-section-icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.guide-section-stat-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.guide-section-content p{color:#ebcfb2;line-height:var(--line-height-relaxed);font-size:var(--font-size-md);margin-bottom:0}.guide-inline-link{background:none;border:none;color:#2fccff;font-family:var(--font-primary);font-size:var(--font-size-md);cursor:pointer;text-decoration:underline;padding:0;transition:color var(--transition-base)}.guide-inline-link:hover{color:#a8eaff}.guide-keyword{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap;padding:4px 10px;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);margin:0 2px;vertical-align:middle;line-height:1;box-shadow:0 2px 6px #0000004d}.guide-keyword-clickable{cursor:pointer;transition:all var(--transition-base);font-family:var(--font-primary)}.guide-keyword-clickable:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000080}.guide-keyword-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));flex-shrink:0}.guide-keyword.inergia{color:#2fccff;background:#2fccff26;border-color:#2fccff4d}.guide-keyword.gold{color:gold;background:#ffd70026;border-color:#ffd7004d}.guide-keyword.bravery{color:#ff6b6b;background:#ff6b6b26;border-color:#ff6b6b4d}.guide-keyword.human{color:#2fccff;background:#1295cb26;border-color:#1295cb4d}.guide-keyword.troll{color:#7cb342;background:#7cb34226;border-color:#7cb3424d}.guide-keyword.skeleton{color:silver;background:#9e9e9e26;border-color:#9e9e9e4d}.guide-keyword.xp{color:#2fccff;background:#2fccff26;border-color:#2fccff4d}.guide-keyword.agility{color:#7cb342;background:#7cb34226;border-color:#7cb3424d}.guide-keyword.strength{color:#ff6b6b;background:#ff6b6b26;border-color:#ff6b6b4d}.guide-keyword.armor{color:#9e9e9e;background:#9e9e9e26;border-color:#9e9e9e4d}.guide-keyword.life{color:#ff4081;background:#ff408126;border-color:#ff40814d}.guide-keyword.elixir{color:#9c27b0;background:#9c27b026;border-color:#9c27b04d}.guide-keyword.guild{color:gold;background:#ffd70026;border-color:#ffd7004d}.guide-keyword.monsterbattle{color:#ff6b6b;background:#ff6b6b26;border-color:#ff6b6b4d}.guide-keyword.rune{color:#9c27b0;background:#9c27b026;border-color:#9c27b04d}.guide-keyword.potion{color:#ff4081;background:#ff408126;border-color:#ff40814d}.guide-keyword.forge{color:#ff6b6b;background:#ff6b6b26;border-color:#ff6b6b4d}.guide-keyword.tavern{color:#7cb342;background:#7cb34226;border-color:#7cb3424d}.guide-keyword.mana{color:#2196f3;background:#2196f326;border-color:#2196f34d}.guide-keyword.chip{color:#ff9800;background:#ff980026;border-color:#ff98004d}.guide-keyword.job,.guide-keyword.task{color:#8d6e63;background:#8d6e6326;border-color:#8d6e634d}.guide-keyword.friendgifting{color:#9c27b0;background:#9c27b026;border-color:#9c27b04d}.guide-list-section{margin-top:var(--space-lg)}.guide-list-title{color:#1295cb;font-weight:600;margin-bottom:var(--space-sm);font-size:var(--font-size-md)}.guide-list{list-style:none;padding-left:0;margin:0}.guide-list li{color:#ebcfb2;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--space-sm);position:relative;padding-left:var(--space-md)}.guide-list li:before{content:"•";position:absolute;left:0;color:#1295cb;font-size:1.2em;font-weight:700}.guide-cta{background:#ebcfb226;border:2px solid rgba(123,67,0,.4);border-radius:8px;padding:var(--space-3xl);text-align:center}.guide-cta h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-xl);color:#1295cb;text-shadow:0 2px 4px rgba(0,0,0,.5)}.guide-cta-buttons{display:flex;gap:var(--space-lg);justify-content:center;align-items:center;flex-wrap:wrap}.badge-link{display:inline-block}.app-store-badge{height:60px;width:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.play-store-badge{height:90px;width:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.cta-button{padding:var(--space-md) var(--space-2xl);border-radius:6px;font-family:var(--font-primary);font-size:var(--font-size-md);text-transform:uppercase;transition:all var(--transition-base);display:inline-block;min-width:200px}.cta-button.primary{background:linear-gradient(135deg,#2fccff,#1588b8);color:#fff;box-shadow:0 4px 15px #2fccff66;border:2px solid #2fccff}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2fccff99;background:linear-gradient(135deg,#3dd5ff,#1aa0d4)}.cta-button.secondary{background:#ebcfb233;color:#2fccff;border:2px solid #2fccff}.cta-button.secondary:hover{background:#2fccff33;transform:translateY(-2px);color:#a8eaff}.guide-footer{padding:var(--space-lg) 0;background:linear-gradient(180deg,#201f2df2,#100f19);border-top:3px solid rgba(255,215,0,.3);box-shadow:0 -4px 20px #00000080;text-align:center}.guide-footer p{color:#ebcfb2;margin-bottom:0;font-size:var(--font-size-sm);font-family:var(--font-primary);text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px}@media (max-width: 1024px){.guide-layout{grid-template-columns:240px 1fr;gap:var(--space-2xl)}.guide-content{padding:var(--space-2xl)}}@media (max-width: 768px){.guide-nav-links{display:none!important}.guide-nav{justify-content:center}.guide-layout{grid-template-columns:1fr;gap:var(--space-xl)}.guide-sidebar-sticky{position:static}.guide-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.guide-tab{flex-direction:column;text-align:center;padding:var(--space-md)}.guide-tab-icon{font-size:2rem}.guide-content{padding:var(--space-xl)}.guide-content-header{flex-direction:column;text-align:center}.guide-content-title{font-size:var(--font-size-2xl)}.guide-cta-buttons{flex-direction:column;align-items:stretch}.cta-button{width:100%}}@media (max-width: 480px){.guide-hero{padding:calc(70px + var(--space-2xl)) 0 var(--space-2xl)}.guide-hero-title{font-size:var(--font-size-3xl)}.guide-hero-subtitle{font-size:var(--font-size-md)}.guide-nav-links{flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-sm)}.guide-nav-links .btn-login{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);white-space:nowrap}.guide-logo img{height:40px}.guide-tabs{grid-template-columns:1fr}.guide-content{padding:var(--space-lg)}.guide-section-header{padding:var(--space-md)}.guide-section-content{padding:0 var(--space-md) var(--space-md)}.guide-cta{padding:var(--space-xl)}}.roadmap-page{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-darker) 100%)}.roadmap-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-image:url(/images/menubarbg.png);background-repeat:repeat-x;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:var(--space-md) 0;height:80px;display:flex;align-items:center}.roadmap-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.roadmap-logo img{height:60px;width:auto}.roadmap-nav-links{display:flex;align-items:center;gap:var(--space-lg)}.roadmap-nav-links .nav-link{color:#1588b8;font-size:var(--font-size-base);font-family:var(--font-primary);transition:color var(--transition-base)}.roadmap-nav-links .nav-link:hover{color:#2fccff}.roadmap-nav-links .btn-login{padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,#2fccff,#1588b8);color:#fff;font-family:var(--font-primary);font-size:var(--font-size-base);border-radius:6px;transition:all var(--transition-base);box-shadow:0 4px 15px #2fccff66;border:2px solid #2fccff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.roadmap-nav-links .btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2fccff99;background:linear-gradient(135deg,#3dd5ff,#1aa0d4)}.roadmap-hero{padding:calc(80px + var(--space-4xl)) 0 var(--space-4xl);text-align:center;background:linear-gradient(180deg,rgba(47,204,255,.08) 0%,transparent 100%)}.roadmap-hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);text-transform:uppercase;color:#1295cb;text-shadow:0 2px 8px rgba(0,0,0,.7)}.roadmap-hero-subtitle{font-size:var(--font-size-xl);color:#ebcfb2;margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 1px 4px rgba(0,0,0,.5)}.roadmap-timeline{padding:var(--space-4xl) 0;position:relative}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#1295cb,#1295cb 40%,#1295cb80,#1295cb33);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:var(--space-4xl);display:flex;align-items:flex-start;gap:var(--space-xl)}.timeline-marker{position:absolute;left:50%;top:0;transform:translate(-50%);z-index:2}.timeline-marker-dot{width:24px;height:24px;border-radius:50%;background:var(--color-bg-dark);border:4px solid #1295cb;transition:all var(--transition-base)}.timeline-item.status-completed .timeline-marker-dot{background:#1295cb;box-shadow:0 0 20px #1295cb99}.timeline-item.status-in-progress .timeline-marker-dot{background:var(--color-blue-bright);border-color:var(--color-blue-bright);box-shadow:0 0 20px #2fccff99;animation:pulse 2s ease-in-out infinite}.timeline-item.status-planned .timeline-marker-dot{background:#fff3;border-color:#1295cb66}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #2fccff99}50%{transform:scale(1.1);box-shadow:0 0 30px #2fccffcc}}.timeline-content{flex:1;background:#7b430033;border:2px solid rgba(123,67,0,.4);border-radius:16px;padding:var(--space-2xl);margin-left:calc(50% + var(--space-3xl));transition:all var(--transition-base)}.timeline-item:nth-child(2n) .timeline-content{margin-left:0;margin-right:calc(50% + var(--space-3xl))}.timeline-item:hover .timeline-content{border-color:#1295cb;box-shadow:0 8px 30px #1295cb4d}.timeline-item.status-completed .timeline-content{background:#1295cb1a;border-color:#1295cb66}.timeline-item.status-in-progress .timeline-content{background:#2fccff1a;border-color:var(--color-blue-bright)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.timeline-phase-info{display:flex;gap:var(--space-md);align-items:center}.timeline-phase{font-family:var(--font-primary);font-size:var(--font-size-sm);color:#1295cb;background:#1295cb33;padding:var(--space-xs) var(--space-md);border-radius:20px;text-transform:uppercase}.timeline-quarter{font-size:var(--font-size-sm);color:#ebcfb2;font-family:var(--font-body)}.timeline-status{font-family:var(--font-primary);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);border-radius:20px;text-transform:uppercase}.timeline-status.status-completed{background:#0f03;color:#0f0}.timeline-status.status-in-progress{background:#2fccff33;color:var(--color-blue-bright)}.timeline-status.status-planned{background:#ffffff1a;color:var(--color-parchment-dark)}.timeline-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);color:#1295cb;text-shadow:0 2px 4px rgba(0,0,0,.5)}.timeline-items{list-style:none;margin-bottom:var(--space-xl)}.timeline-items li{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;color:#ebcfb2;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.item-checkbox{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:var(--font-size-sm);font-weight:700}.timeline-items li.completed .item-checkbox{background:#0f03;color:#0f0}.timeline-items li.pending .item-checkbox{background:#ffffff1a;color:var(--color-parchment-dark)}.timeline-items li.completed .item-text{color:var(--color-parchment)}.timeline-progress{display:flex;align-items:center;gap:var(--space-md)}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1295cb,#1588b8);border-radius:4px;transition:width 1s ease-out}.timeline-item.status-in-progress .progress-fill{background:linear-gradient(90deg,var(--color-blue-bright),var(--color-blue))}.progress-text{font-size:var(--font-size-sm);color:#ebcfb2;white-space:nowrap;font-family:var(--font-body)}.roadmap-vision{padding:var(--space-4xl) 0;background:linear-gradient(180deg,transparent 0%,rgba(18,149,203,.05) 100%)}.vision-content{max-width:800px;margin:0 auto;text-align:center}.vision-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-xl);color:#1295cb;text-shadow:0 2px 6px rgba(0,0,0,.7)}.vision-text{font-size:var(--font-size-lg);color:#ebcfb2;line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.vision-cta{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--space-2xl)}.cta-button{padding:var(--space-md) var(--space-2xl);font-family:var(--font-primary);font-size:var(--font-size-lg);border-radius:6px;transition:all var(--transition-base);text-decoration:none;display:inline-block}.cta-button.primary{background:linear-gradient(135deg,#2fccff,#1588b8);color:#fff;border:2px solid #2fccff;box-shadow:0 4px 15px #2fccff66;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2fccff99;background:linear-gradient(135deg,#3dd5ff,#1aa0d4);color:#fff}.cta-button.secondary{background:#7b43004d;color:#1588b8;border:2px solid #1588b8;box-shadow:0 4px 15px #1588b84d}.cta-button.secondary:hover{transform:translateY(-2px);background:#7b430066;border-color:#2fccff;color:#2fccff;box-shadow:0 6px 20px #2fccff66}.roadmap-footer{padding:var(--space-2xl) 0;background-image:url(/images/bar_footer.png);background-repeat:repeat-x;border:none;position:relative;margin-top:-15px;text-align:center}.roadmap-footer p{color:#1588b8;margin-bottom:0;font-size:var(--font-size-sm);font-family:Helvetica,Arial}@media (max-width: 1024px){.timeline:before{left:30px}.timeline-marker{left:30px}.timeline-content{margin-left:90px!important;margin-right:0!important}}@media (max-width: 768px){.roadmap-nav-links{display:none!important}.roadmap-nav{justify-content:center}.roadmap-hero{padding:calc(70px + var(--space-3xl)) 0 var(--space-3xl)}.roadmap-hero-title{font-size:var(--font-size-3xl)}.roadmap-hero-subtitle{font-size:var(--font-size-md)}.timeline:before{left:20px}.timeline-marker{left:20px}.timeline-marker-dot{width:20px;height:20px}.timeline-content{margin-left:70px!important;padding:var(--space-xl)}.timeline-title{font-size:var(--font-size-xl)}.vision-cta{flex-direction:column;align-items:stretch}.cta-button{width:100%}}@media (max-width: 480px){.roadmap-nav-links{flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-sm)}.roadmap-logo img{height:40px}.timeline-content{margin-left:60px!important;padding:var(--space-lg)}.timeline-header{flex-direction:column;align-items:flex-start}.timeline-items li{font-size:var(--font-size-sm)}.progress-text{font-size:var(--font-size-xs)}.vision-text{font-size:var(--font-size-base)}}.blog-page{width:100%;min-height:100vh;background:var(--color-bg-dark)}.blog-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-image:url(/images/menubarbg.png);background-repeat:repeat-x;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:var(--space-md) 0;height:80px;display:flex;align-items:center}.blog-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.blog-logo img{height:60px;width:auto}.blog-nav-links{display:flex;align-items:flex-start;gap:var(--space-lg)}.blog-page .guidebutton{width:143px;height:60px;background-image:url(/images/guidebutton.png);background-repeat:no-repeat;background-position:0 0;margin-top:-10px}.blog-page .guidebutton:hover{background-position:0 -53px}.blog-page .blogbutton{width:130px;height:64px;background-image:url(/images/blog.png);background-repeat:no-repeat;background-position:0 0;margin-top:-18px}.blog-page .blogbutton:hover{background-position:0 -79px;margin-top:-19px}.blog-page .btn-login{margin-top:0}.blog-hero{padding:calc(80px + var(--space-lg)) 0 var(--space-lg);text-align:center;background:linear-gradient(180deg,rgba(47,204,255,.08) 0%,transparent 100%)}.blog-hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);text-transform:uppercase;color:#1295cb;text-shadow:0 2px 8px rgba(0,0,0,.7)}.blog-hero-subtitle{font-size:var(--font-size-xl);color:#ebcfb2;margin-bottom:0;text-shadow:0 1px 4px rgba(0,0,0,.5)}.blog-content{padding:var(--space-4xl) 0}.blog-post{max-width:964px;margin:0 auto;background-image:url(/images/middle_guide.png);background-repeat:repeat-y;background-size:100% auto;background-position:top center;background-color:transparent;border:none;border-radius:0;padding:var(--space-4xl) var(--space-3xl);box-shadow:0 4px 24px #00000080}.post-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);color:#1295cb;line-height:var(--line-height-tight);text-shadow:0 2px 4px rgba(0,0,0,.5)}.post-meta{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(123,67,0,.3)}.post-date{color:#ebcfb2;font-size:var(--font-size-sm);font-family:var(--font-body)}.post-content{color:#ebcfb2;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.post-intro{font-size:var(--font-size-lg);color:#3e241b;font-family:var(--font-primary);margin-bottom:var(--space-xl);font-weight:400;line-height:1.4}.post-content h2{font-size:var(--font-size-2xl);color:#1295cb;margin-top:var(--space-3xl);margin-bottom:var(--space-lg);text-shadow:0 2px 4px rgba(0,0,0,.5)}.post-content p{margin-bottom:var(--space-lg)}.post-content a{color:#2fccff;text-decoration:none;font-weight:700;transition:color var(--transition-base)}.post-content a:hover{color:#a8eaff;text-decoration:underline}.post-signature{margin-top:var(--space-3xl);font-style:italic;color:#7b4300;text-align:right}.post-image{margin-top:var(--space-3xl);text-align:center;display:flex;justify-content:center;align-items:center}.post-image img{max-width:100%;height:auto;border-radius:0;border:none;box-shadow:0 4px 12px #00000080;margin:0 auto}.coming-soon-card{max-width:700px;margin:0 auto;background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:var(--space-4xl) var(--space-3xl);text-align:center}.coming-soon-icon{font-size:5rem;margin-bottom:var(--space-xl);filter:drop-shadow(0 4px 12px rgba(255,215,0,.5))}.coming-soon-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);color:var(--color-gold)}.coming-soon-text{font-size:var(--font-size-lg);color:var(--color-parchment-dark);margin-bottom:var(--space-xl);line-height:var(--line-height-relaxed)}.coming-soon-list{list-style:none;text-align:left;max-width:500px;margin:0 auto var(--space-2xl)}.coming-soon-list li{font-size:var(--font-size-md);color:var(--color-parchment);padding:var(--space-md) 0;border-bottom:1px solid rgba(255,215,0,.1);position:relative;padding-left:var(--space-xl)}.coming-soon-list li:last-child{border-bottom:none}.coming-soon-list li:before{content:"⚔️";position:absolute;left:0;font-size:var(--font-size-lg)}.coming-soon-cta{font-size:var(--font-size-md);color:var(--color-parchment-dark);margin-top:var(--space-2xl);line-height:var(--line-height-relaxed)}.coming-soon-cta a{color:var(--color-gold);font-weight:600;transition:color var(--transition-base)}.coming-soon-cta a:hover{color:var(--color-gold-dark)}.blog-footer{padding:var(--space-lg) 0;background:linear-gradient(180deg,#201f2df2,#100f19);border-top:3px solid rgba(255,215,0,.3);box-shadow:0 -4px 20px #00000080;text-align:center}.blog-footer p{color:#ebcfb2;margin-bottom:0;font-size:var(--font-size-sm);font-family:var(--font-primary);text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px}@media (max-width: 768px){.blog-nav-links{display:none!important}.blog-nav{justify-content:center}.blog-hero{padding:calc(70px + var(--space-2xl)) 0 var(--space-2xl)}.blog-hero-title{font-size:var(--font-size-3xl)}.blog-hero-subtitle{font-size:var(--font-size-md)}.coming-soon-card{padding:var(--space-2xl)}.coming-soon-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.blog-logo img{height:40px}.coming-soon-card{padding:var(--space-xl)}.coming-soon-icon{font-size:4rem}}.login-page{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-darker) 100%);display:flex;flex-direction:column}.login-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:#201f2df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--color-brown);padding:var(--space-md) 0}.login-nav{display:flex;align-items:center;justify-content:center}.login-logo img{height:50px;width:auto}.login-section{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(80px + var(--space-3xl)) var(--space-lg) var(--space-3xl)}.login-container{width:100%;max-width:480px}.login-card{background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:var(--space-3xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-title{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--space-sm);text-transform:uppercase}.login-subtitle{text-align:center;color:var(--color-parchment-dark);margin-bottom:var(--space-2xl);font-size:var(--font-size-md)}.error-message{background:#ff00001a;border:2px solid rgba(255,0,0,.5);border-radius:8px;padding:var(--space-md);margin-bottom:var(--space-lg);color:#ff6b6b;text-align:center;font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-gold);text-transform:uppercase}.form-group input{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,215,0,.3);border-radius:8px;color:var(--color-parchment);font-family:var(--font-body);font-size:var(--font-size-base);transition:all var(--transition-base)}.form-group input::placeholder{color:#fff6}.form-group input:focus{outline:none;border-color:var(--color-gold);background:#ffffff26;box-shadow:0 0 0 3px #ffd7001a}.btn-submit{padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:var(--color-bg-dark);font-family:var(--font-primary);font-size:var(--font-size-md);text-transform:uppercase;border-radius:8px;border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 15px #ffd7004d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:var(--space-xl) 0;color:var(--color-parchment-dark);font-size:var(--font-size-sm)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,215,0,.3)}.divider span{padding:0 var(--space-md);font-family:var(--font-primary)}.btn-google{width:100%;padding:var(--space-md) var(--space-xl);background:#ffffff1a;color:var(--color-parchment);font-family:var(--font-body);font-size:var(--font-size-base);border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.btn-google:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,215,0,.2);text-align:center}.login-footer p{color:var(--color-parchment-dark);font-size:var(--font-size-sm);margin-bottom:0}.link-signup{color:var(--color-gold);font-weight:600;transition:color var(--transition-base)}.link-signup:hover{color:var(--color-gold-dark)}.login-page-footer{padding:var(--space-xl) 0;background:var(--color-bg-dark);border-top:2px solid var(--color-brown);text-align:center}.login-page-footer p{color:var(--color-parchment-dark);margin-bottom:0;font-size:var(--font-size-sm)}@media (max-width: 768px){.login-section{padding:calc(70px + var(--space-2xl)) var(--space-md) var(--space-2xl)}.login-card{padding:var(--space-2xl)}.login-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.login-logo img{height:40px}.login-card{padding:var(--space-xl)}.login-title{font-size:var(--font-size-xl)}.login-subtitle{font-size:var(--font-size-sm)}}.dashboard-page{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-darker) 100%)}.dashboard-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);color:var(--color-gold)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,215,0,.2);border-top-color:var(--color-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:#201f2df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--color-brown);padding:var(--space-md) 0}.dashboard-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.dashboard-logo img{height:50px;width:auto}.dashboard-nav-links{display:flex;align-items:center;gap:var(--space-lg)}.dashboard-page .guidebutton{width:143px;height:60px;background-image:url(/images/guidebutton.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;transition:background-position var(--transition-base)}.dashboard-page .guidebutton:hover{background-position:0 -53px}.dashboard-page .blogbutton{width:130px;height:64px;background-image:url(/images/blog.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;transition:all var(--transition-base)}.dashboard-page .blogbutton:hover{background-position:0 -79px}.btn-logout{padding:var(--space-sm) var(--space-lg);background:#f003;color:var(--color-parchment);font-family:var(--font-primary);font-size:var(--font-size-sm);border:2px solid rgba(255,0,0,.5);border-radius:8px;transition:all var(--transition-base);cursor:pointer}.btn-logout:hover{background:#ff00004d;border-color:#f00c}.dashboard-container{padding-top:calc(80px + var(--space-3xl));padding-bottom:var(--space-3xl);min-height:100vh}.dashboard-welcome{text-align:center;margin-bottom:var(--space-3xl);padding:var(--space-2xl) 0;background:linear-gradient(135deg,#ffd7001a,#b8860b0d);border-radius:16px}.welcome-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);text-transform:uppercase}.welcome-subtitle{color:var(--color-parchment-dark);font-size:var(--font-size-lg);margin-bottom:0}.error-message{background:#ff00001a;border:2px solid rgba(255,0,0,.5);border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-xl);color:#ff6b6b;text-align:center}.dashboard-content{display:grid;grid-template-columns:1fr 380px;gap:var(--space-2xl);align-items:start}.character-panel{background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:var(--space-3xl)}.panel-title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-2xl);margin-bottom:var(--space-2xl);color:var(--color-gold);text-transform:uppercase}.title-icon{font-size:2rem}.character-card{display:flex;flex-direction:column;gap:var(--space-2xl)}.character-avatar{display:flex;align-items:center;gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:2px solid rgba(255,215,0,.2)}.avatar-placeholder{width:120px;height:120px;background:linear-gradient(135deg,#ffd70033,#b8860b33);border:3px solid var(--color-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.character-info{flex:1}.character-name{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);color:var(--color-gold)}.character-race{font-size:var(--font-size-lg);color:var(--color-parchment-dark);margin-bottom:0;font-family:var(--font-body)}.character-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.stat-row{background:#ffffff0d;border:2px solid rgba(255,215,0,.2);border-radius:8px;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-base)}.stat-row:hover{border-color:#ffd70066;background:#ffffff14}.stat-label{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-parchment-dark);text-transform:uppercase}.stat-value{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--color-gold)}.stat-value.gold{color:var(--color-gold)}.experience-section{padding:var(--space-lg);background:#ffffff08;border-radius:12px}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.exp-label{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-parchment-dark);text-transform:uppercase}.exp-value{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-gold)}.experience-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.experience-fill{height:100%;background:linear-gradient(90deg,var(--color-blue-bright),var(--color-blue));border-radius:6px;transition:width 1s ease-out}.no-character{text-align:center;padding:var(--space-4xl) var(--space-2xl)}.no-character-icon{font-size:5rem;margin-bottom:var(--space-xl);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.no-character h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);color:var(--color-gold)}.no-character p{color:var(--color-parchment-dark);font-size:var(--font-size-md);margin-bottom:var(--space-2xl);line-height:var(--line-height-relaxed)}.download-cta{display:flex;flex-direction:column;gap:var(--space-md);max-width:300px;margin:0 auto}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.info-card{background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:var(--space-xl)}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-lg);color:var(--color-gold);text-transform:uppercase}.info-content{display:flex;flex-direction:column;gap:var(--space-md)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,215,0,.1)}.info-row:last-child{border-bottom:none}.info-label{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-parchment-dark)}.info-value{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-parchment);font-weight:500}.info-value.uid{font-family:monospace;font-size:var(--font-size-xs)}.quick-links{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff0d;border:2px solid transparent;border-radius:8px;color:var(--color-parchment);font-size:var(--font-size-sm);transition:all var(--transition-base)}.quick-link:hover{background:#ffd7001a;border-color:#ffd7004d;transform:translate(5px)}.link-icon{font-size:1.5rem}.status-card{background:linear-gradient(135deg,#00ff000d,#00c8000d);border-color:#00ff004d}.status-indicator{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse-status 2s ease-in-out infinite}.status-dot.online{background:#0f0;box-shadow:0 0 10px #0f0}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-family:var(--font-primary);font-size:var(--font-size-sm);color:#0f0;text-transform:uppercase}.status-players{color:var(--color-parchment-dark);font-size:var(--font-size-sm);margin-bottom:0}.dashboard-footer{padding:var(--space-2xl) 0;background:var(--color-bg-dark);border-top:2px solid var(--color-brown);text-align:center}.dashboard-footer p{color:var(--color-parchment-dark);margin-bottom:0;font-size:var(--font-size-sm)}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-sidebar{order:-1}}@media (max-width: 768px){.dashboard-nav-links{display:none!important}.dashboard-nav{justify-content:center}.dashboard-container{padding-top:calc(70px + var(--space-2xl))}.character-panel{padding:var(--space-2xl)}.character-avatar{flex-direction:column;text-align:center}.character-stats{grid-template-columns:1fr}.welcome-title{font-size:var(--font-size-2xl)}.info-card{padding:var(--space-lg)}}@media (max-width: 480px){.dashboard-nav-links{gap:var(--space-sm)}.dashboard-logo img{height:40px}.character-panel{padding:var(--space-lg)}.avatar-placeholder{width:100px;height:100px}.avatar-icon{font-size:3rem}.character-name,.panel-title{font-size:var(--font-size-xl)}.download-cta{max-width:100%}}.notfound-page{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-darker) 100%);display:flex;flex-direction:column}.notfound-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:#201f2df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--color-brown);padding:var(--space-md) 0}.notfound-nav{display:flex;align-items:center;justify-content:center}.notfound-logo img{height:50px;width:auto}.notfound-section{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(80px + var(--space-3xl)) var(--space-lg) var(--space-3xl)}.notfound-content{text-align:center;max-width:600px}.notfound-icon{font-size:6rem;margin-bottom:var(--space-lg);filter:drop-shadow(0 4px 12px rgba(255,215,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.notfound-title{font-size:clamp(4rem,10vw,8rem);margin-bottom:var(--space-md);color:var(--color-gold);text-transform:uppercase;text-shadow:0 0 30px rgba(255,215,0,.5)}.notfound-subtitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);color:var(--color-parchment)}.notfound-text{font-size:var(--font-size-lg);color:var(--color-parchment-dark);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3xl)}.notfound-actions{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.btn-primary{padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:var(--color-bg-dark);font-family:var(--font-primary);font-size:var(--font-size-md);text-transform:uppercase;border-radius:8px;transition:all var(--transition-base);box-shadow:0 4px 15px #ffd7004d;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066;color:var(--color-bg-dark)}.btn-secondary{padding:var(--space-md) var(--space-2xl);background:#ffffff1a;color:var(--color-gold);font-family:var(--font-primary);font-size:var(--font-size-md);text-transform:uppercase;border:2px solid var(--color-gold);border-radius:8px;transition:all var(--transition-base);display:inline-block}.btn-secondary:hover{background:#ffd70033;transform:translateY(-2px);color:var(--color-gold)}@media (max-width: 768px){.notfound-title{font-size:clamp(3rem,15vw,6rem)}.notfound-subtitle{font-size:var(--font-size-2xl)}.notfound-text{font-size:var(--font-size-base)}.notfound-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:998;display:none;background:linear-gradient(180deg,#201f2dfa,#191821fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid rgba(255,215,0,.3);box-shadow:0 -4px 20px #00000080;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.6) 50%,transparent 100%)}.bottom-nav-content{display:flex;align-items:center;justify-content:space-around;padding:8px 0;max-width:600px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;min-width:64px;min-height:56px;color:#ebcfb2;text-decoration:none;transition:all var(--transition-base);border-radius:8px;position:relative}.bottom-nav-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,gold,#2fccff);transition:width var(--transition-fast);border-radius:0 0 3px 3px}.bottom-nav-item:active{background:#ffd7001a}.bottom-nav-item:active:before{width:80%}.bottom-nav-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.bottom-nav-label{font-size:10px;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.bottom-nav-download{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 20px;min-height:64px;background:linear-gradient(135deg,#2fccff,#1588b8);color:#fff;text-decoration:none;border-radius:16px;box-shadow:0 4px 16px #2fccff80;border:2px solid #2fccff;position:relative;top:-12px;transition:all var(--transition-base)}.bottom-nav-download:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,gold,#2fccff);border-radius:16px;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.bottom-nav-download:active{transform:scale(.95);box-shadow:0 2px 12px #2fccff99}.bottom-nav-download:active:before{opacity:1}.bottom-nav-download-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.bottom-nav-download-label{font-size:11px;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.5px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.bottom-nav{display:block}body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}@media (max-width: 400px){.bottom-nav-content{padding:6px 0}.bottom-nav-item{min-width:56px;min-height:52px;padding:6px 8px}.bottom-nav-icon{font-size:18px}.bottom-nav-label{font-size:9px}.bottom-nav-download{padding:10px 16px;min-height:60px}.bottom-nav-download-icon{font-size:22px}.bottom-nav-download-label{font-size:10px}}@media (prefers-reduced-motion: reduce){.bottom-nav,.bottom-nav-item,.bottom-nav-download{transition:none}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:GROBOLDRegular;src:url(/grobold-webfont.woff2) format("woff2"),url(/grobold-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg-dark: #201f2d;--color-bg-darker: #191821;--color-parchment: #f7f7f7;--color-parchment-dark: #ebcfb2;--color-brown: #7b4300;--color-brown-dark: #3e241b;--color-brown-darker: #5a2007;--color-blue: #1588b8;--color-blue-bright: #2fccff;--color-blue-light: #a8eaff;--color-gold: #ffd700;--color-gold-dark: #b8860b;--font-primary: "GROBOLDRegular", "Arial Black", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica", "Arial", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--container-max-width: 1200px;--container-padding: var(--space-lg);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(47, 204, 255, .3);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 600}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-parchment);background-color:var(--color-bg-dark);background-image:url(/images/landingbackground2.jpg);background-repeat:no-repeat;background-position:top center;background-attachment:fixed;min-height:100vh;overflow-x:hidden}@media (max-width: 1024px){body{background-attachment:scroll}}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:400;line-height:var(--line-height-tight);margin-bottom:var(--space-md);color:var(--color-gold);text-shadow:2px 2px 4px rgba(0,0,0,.5)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--space-md);line-height:var(--line-height-relaxed)}a{color:var(--color-blue-bright);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-blue-light)}strong{font-weight:600;color:var(--color-gold)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);font-size:var(--font-size-base);cursor:pointer;border:none;background:none;color:inherit;transition:all var(--transition-base)}.btn-login{padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,#2fccff,#1588b8);color:#fff;font-family:var(--font-primary);font-size:var(--font-size-base);border-radius:6px;transition:all var(--transition-base);box-shadow:0 4px 15px #2fccff66;border:2px solid #2fccff;text-shadow:0 1px 2px rgba(0,0,0,.5);display:inline-block;text-decoration:none}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2fccff99;background:linear-gradient(135deg,#3dd5ff,#1aa0d4)}::selection{background:var(--color-gold);color:var(--color-bg-dark)}::-moz-selection{background:var(--color-gold);color:var(--color-bg-dark)}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-brown);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-brown-dark)}.container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{text-shadow:0 0 10px var(--color-gold),0 0 20px var(--color-gold)}50%{text-shadow:0 0 20px var(--color-gold),0 0 30px var(--color-gold)}}@keyframes float{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-20px);opacity:.6}}@keyframes floatSlow{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100px) translate(50px);opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}@media (max-width: 768px){:root{--container-padding: var(--space-md);--font-size-4xl: 2rem;--font-size-3xl: 1.75rem}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}}@media (max-width: 768px){button,a.btn-login,.badge-link,.social-link,input[type=button],input[type=submit],input[type=reset]{min-height:48px;min-width:48px}a{padding:var(--space-xs);margin:calc(var(--space-xs) * -1)}p{line-height:1.7}html{-webkit-text-size-adjust:100%}input,textarea,select{min-height:48px;font-size:16px}:focus-visible{outline:3px solid var(--color-gold);outline-offset:3px}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}a,button{-webkit-tap-highlight-color:rgba(47,204,255,.3);touch-action:manipulation}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}