.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#14141efa,#1e1e2dfa);border-top:2px solid var(--color-gold, #d4af37);box-shadow:0 -4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cookie-consent-text h4{margin:0 0 .5rem;color:var(--color-gold, #d4af37);font-size:1.1rem;font-weight:600}.cookie-consent-text p{margin:0;color:#ffffffe6;font-size:.9rem;line-height:1.5}.cookie-consent-actions{display:flex;gap:1rem;flex-shrink:0}.cookie-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cookie-btn-accept{background:var(--color-gold, #d4af37);color:#000}.cookie-btn-accept:hover{background:var(--color-gold-light, #e6c158);transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.cookie-btn-decline{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.cookie-btn-decline:hover{background:#ffffff26;border-color:#ffffff4d}.cookie-btn:active{transform:translateY(0)}@media(max-width:768px){.cookie-consent-content{flex-direction:column;align-items:stretch;padding:1.25rem 1.5rem;gap:1.5rem}.cookie-consent-text h4{font-size:1rem}.cookie-consent-text p{font-size:.85rem}.cookie-consent-actions{width:100%}.cookie-btn{flex:1;padding:.65rem 1rem;font-size:.85rem}}@media(max-width:1024px)and (min-width:769px){.cookie-consent-content{padding:1.35rem 1.75rem}}.language-selector{position:relative;display:inline-block}.language-selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, #ffffff);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.language-selector-button:hover{background:var(--card-bg-hover, rgba(255, 255, 255, .08));border-color:var(--border-color-hover, rgba(255, 255, 255, .2));transform:translateY(-1px)}.language-selector-button:active{transform:translateY(0)}.language-flag{font-size:1.2rem;line-height:1}.language-name{min-width:80px;text-align:left}.language-chevron{transition:transform .2s ease;opacity:.7}.language-chevron.open{transform:rotate(180deg)}.language-selector-backdrop{position:fixed;inset:0;z-index:998}.language-selector-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--card-bg, rgba(20, 20, 30, .95));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;z-index:999;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary, #ffffff);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.language-option:hover{background:var(--card-bg-hover, rgba(255, 255, 255, .05))}.language-option.active{background:var(--primary-color, rgba(99, 102, 241, .1));color:var(--primary-color, #6366f1)}.language-option .language-name{flex:1;min-width:auto}.language-check{color:var(--primary-color, #6366f1);flex-shrink:0}@media(max-width:768px){.language-selector-button{padding:.4rem .8rem;font-size:.85rem}.language-name{min-width:70px}.language-selector-dropdown{min-width:180px}.language-option{padding:.65rem .9rem;font-size:.85rem}}@media(max-width:1024px)and (min-width:769px){.language-selector-button{padding:.45rem .9rem}}:root{--color-bg-dark: #0a0b10;--color-bg-accent: #151820;--color-gold: #d4af37;--color-gold-hover: #f9ce56;--color-text-main: #e0e0e0;--color-text-muted: #a0a0a0;--glass-bg: rgba(20, 22, 28, .7);--glass-border: rgba(212, 175, 55, .2);--font-heading: "Cinzel", serif;--font-body: "Outfit", sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top center,#2a2d3d 0%,var(--color-bg-dark) 70%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(10,11,16,.8),var(--color-bg-dark)),url(https://images.unsplash.com/photo-1615672968439-36b56b509bc0?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;z-index:-1;opacity:.4}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #ff475780}50%{box-shadow:0 0 15px #ff4757cc}}.container{max-width:1200px;margin:0 auto;padding:1rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh}.mobile-menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-gold);font-size:1.5rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;z-index:1000}.mobile-menu-toggle:hover{border-color:var(--color-gold);background:#d4af371a}.mobile-menu-toggle:active{transform:scale(.95)}.site-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}.logo{font-family:var(--font-heading);color:var(--color-gold);font-size:1.5rem;letter-spacing:.1em;text-shadow:0 0 10px rgba(212,175,55,.3)}.logo a{text-decoration:none;color:inherit;transition:opacity .3s ease}.logo a:hover{opacity:.8}.main-nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.nav-link{text-decoration:none;color:var(--color-text-main);font-family:var(--font-body);font-weight:500;font-size:.9rem;padding:.6rem 1.4rem;border:1px solid rgba(255,255,255,.1);border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff08;letter-spacing:.05em;text-transform:uppercase;position:relative;overflow:hidden;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.nav-link:hover{border-color:var(--color-gold);color:var(--color-gold);background:#d4af3714;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.nav-link.active{background:linear-gradient(135deg,var(--color-gold),#b89628);color:#000;border-color:transparent;font-weight:600;box-shadow:0 0 20px #d4af3766}.nav-link:active{transform:translateY(0)}.hero{text-align:center;margin-bottom:1.5rem;animation:fadeInDown 1.5s ease-out}.hero-subtitle{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.3em;font-size:.9rem;color:var(--color-gold);margin-bottom:1rem;opacity:.9}.hero-title{font-family:var(--font-heading);font-size:4rem;background:linear-gradient(to bottom,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.1}.hero-tagline{font-size:1.2rem;color:var(--color-text-muted);font-weight:300}.site-footer{margin-top:auto;padding-top:2.5rem;font-size:.8rem;color:var(--color-text-muted);opacity:.6}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:12px;max-width:600px;width:100%;text-align:center;box-shadow:0 8px 32px #0000004d;animation:fadeInUp 1.5s ease-out .3s backwards}.glass-panel h3{font-family:var(--font-heading);color:var(--color-gold);font-size:1.8rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(212,175,55,.1);padding-bottom:1rem}.glass-panel p{line-height:1.6;margin-bottom:1.5rem;color:var(--color-text-main)}.btn-primary{background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);padding:.8rem 2rem;font-family:var(--font-body);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;border-radius:4px;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--color-gold);color:#000;box-shadow:0 0 15px #d4af3780}.btn-discord:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000004d!important;background:#f0f0f0!important}.tips-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--color-text-main);padding:.8rem 1.5rem;border-radius:8px;font-family:var(--font-heading);font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-btn:hover{background:#d4af371a;color:var(--color-text-main);border-color:var(--color-gold)}.tab-btn.active{background:var(--color-gold);color:#000;border-color:var(--color-gold);box-shadow:0 0 15px #d4af374d}.math-callout{background:transparent;border:1px solid var(--color-gold);padding:1.5rem;border-radius:8px;margin:1.5rem 0}.math-callout h4,.math-callout h5{font-family:var(--font-heading);color:var(--color-gold);margin-bottom:1rem;margin-top:0!important;text-transform:uppercase;letter-spacing:.05em;border-left:3px solid var(--color-gold);padding-left:1rem;padding-bottom:0;border-bottom:none;font-size:1.4rem;line-height:1.2}.captains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.captain-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem}.captain-card:hover{transform:translateY(-5px);border-color:var(--color-gold);box-shadow:0 10px 20px #0006}.captain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.captain-name{font-family:var(--font-heading);color:var(--color-gold);font-size:1.2rem;letter-spacing:.05em}.captain-specialty{font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.1em;background:#ffffff0d;padding:.2rem .6rem;border-radius:4px}.captain-description{font-size:.95rem;line-height:1.5;color:#e0e0e0e6}.highlight-note{font-size:.85rem;color:var(--color-gold-hover);font-style:italic;margin-top:.5rem}.advice-panel{margin-top:4rem;background:linear-gradient(135deg,rgba(212,175,55,.1),transparent);border:1px solid var(--glass-border);padding:2.5rem;border-radius:16px;position:relative;overflow:hidden}.advice-panel:before{content:"!";position:absolute;top:-20px;right:20px;font-size:8rem;font-family:var(--font-heading);color:var(--color-gold);opacity:.05;pointer-events:none}.advice-title{font-family:var(--font-heading);color:var(--color-gold);margin-bottom:1rem;font-size:1.5rem}.advice-content{line-height:1.7;color:var(--color-text-main)}.strategy-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2.5rem;margin-bottom:2rem}.strategy-phase{margin-bottom:2.5rem}.strategy-phase:last-child{margin-bottom:0}.phase-title{font-family:var(--font-heading);color:var(--color-gold);font-size:1.4rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:1rem}.phase-title:before{content:"";width:8px;height:8px;background:var(--color-gold);border-radius:50%}.strategy-point{margin-bottom:1.2rem;padding-left:1.5rem;border-left:1px solid rgba(212,175,55,.2)}.point-header{font-weight:700;color:#fff;margin-bottom:.3rem;display:block}.point-text{color:var(--color-text-muted);line-height:1.6;font-size:.95rem}.combat-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.combat-item{background:#ffffff08;border:1px solid rgba(212,175,55,.1);padding:1rem;border-radius:8px;display:flex;gap:1rem;align-items:center;transition:all .2s ease}.combat-item:hover{background:#d4af370d;border-color:var(--color-gold)}.monster-lvl{background:var(--color-gold);color:#000;font-weight:700;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;flex-shrink:0}.monster-info{font-size:.95rem;color:var(--color-text-main)}.monster-type{color:var(--color-gold);font-weight:600}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.comp-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:1.5rem;border-radius:12px}.comp-header{font-family:var(--font-heading);color:var(--color-gold);font-size:1.1rem;margin-bottom:.8rem;border-bottom:1px solid rgba(212,175,55,.1);padding-bottom:.5rem}.comp-details{font-size:.9rem;line-height:1.6}.catapult-amount{color:#fff;font-weight:700;background:#ffffff1a;padding:.1rem .4rem;border-radius:4px}.composition-note{grid-column:1 / -1;background:#d4af370d;border-left:4px solid var(--color-gold);padding:1.2rem;border-radius:4px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.roe-section{margin-top:1.5rem;padding-bottom:4rem;width:100%}.roe-card{max-width:900px;margin:0 auto;text-align:left}.roe-title{font-family:var(--font-heading);color:var(--color-gold);font-size:2.2rem;text-align:center;margin-bottom:2rem;text-transform:uppercase}.roe-content h4{font-family:var(--font-heading);color:var(--color-text-main);font-size:1.4rem;margin-top:2.5rem;margin-bottom:1.5rem;border-left:3px solid var(--color-gold);padding-left:1.2rem}.roe-content h5{color:var(--color-gold);font-size:1.1rem;margin-top:1.5rem;margin-bottom:.5rem}.roe-content ul{list-style-type:none;padding-left:1rem}.roe-content li{margin-bottom:.8rem;position:relative;padding-left:1.5rem;line-height:1.6;color:#e0e0e0e6}.roe-content li:before{content:"•";color:var(--color-gold);position:absolute;left:0;font-weight:700}.roe-addendum{background:transparent;border:1px solid var(--color-gold);padding:1.5rem;border-radius:8px;margin:1.5rem 0}.tier-levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:.5rem!important;margin-bottom:1rem!important}.tier-level-item{background:#ffffff0d;padding:.4rem;border-radius:4px;text-align:center;border:none;min-height:auto;display:block;color:var(--color-text-main);transition:none}.tier-level-item:hover{background:#ffffff0d;transform:none}.terminology-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;margin-bottom:2rem;padding:.5rem 0}.term-item{background:#ffffff08;border:1px solid rgba(212,175,55,.12);border-radius:6px;padding:.75rem 1rem;display:flex;align-items:baseline;gap:.6rem;transition:all .2s ease}.term-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d;border-color:#d4af3766;background:#ffffff0f}.term-key{color:var(--color-gold);font-weight:700;font-size:1rem;letter-spacing:.05em;flex-shrink:0}.term-def{font-size:.9rem;color:#e0e0e0d9;line-height:1.4}.tips-section{margin-top:1.5rem;padding-bottom:4rem;width:100%}.tips-container,.roe-container{max-width:1000px;margin:0 auto}.tips-category{margin-bottom:3rem}.tips-category-title{font-family:var(--font-heading);color:var(--color-gold);font-size:1.8rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.tips-category-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--glass-border),transparent)}.tools-grid{display:flex;flex-direction:column;gap:2.5rem;padding-bottom:5rem;width:100%}.category-header{font-family:var(--font-heading);color:var(--color-gold);font-size:2rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:1rem}.category-icon{font-size:1.5rem}.category-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.tool-link-card{text-decoration:none;color:inherit;display:block;transition:transform .3s ease}.tool-link-card:hover{transform:translateY(-5px)}.tool-card-content{background:var(--glass-bg);border:1px solid var(--glass-border);padding:2rem;border-radius:12px;height:100%;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.tool-card-content:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-gold);opacity:0;transition:opacity .3s ease}.tool-link-card:hover .tool-card-content:before{opacity:1}.tool-name-row{display:flex;justify-content:space-between;align-items:center}.tool-name{font-family:var(--font-heading);color:#fff;font-size:1.25rem;letter-spacing:.05em}.external-icon{color:var(--color-gold);font-size:1.2rem;opacity:.5;transition:opacity .3s ease}.tool-link-card:hover .external-icon{opacity:1}.tool-description{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.calendar-section{margin-top:1.5rem;padding-bottom:4rem;width:100%;max-width:1100px;margin-left:auto;margin-right:auto}.calendar-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.dashboard-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:1.25rem}.card-title{font-family:var(--font-heading);color:var(--color-text-main);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.live-badge{background:linear-gradient(135deg,#ff4757,#ff6b7a);color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.1em;animation:pulse-glow 2s ease-in-out infinite}.reset-card{border-color:#d4af3766}.reset-timer{font-family:var(--font-heading);font-size:2.5rem;color:var(--color-gold);text-align:center;margin-bottom:1rem;text-shadow:0 0 20px rgba(212,175,55,.3)}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-hover));border-radius:3px;transition:width 1s linear}.progress-label{font-size:.75rem;color:var(--color-text-muted);text-align:center}.active-card{border-color:#d4af3766;background:linear-gradient(135deg,rgba(212,175,55,.08),var(--glass-bg));box-shadow:0 0 20px #d4af371a}.upcoming-card{border-color:#6495ed4d}.event-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.card-date{font-size:.75rem;color:var(--color-text-muted)}.no-events{color:var(--color-text-muted);font-style:italic;font-size:.9rem}.event-tag{display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--color-text-main);padding:.35rem .75rem;border-radius:6px;font-size:.85rem;transition:all .2s ease;text-decoration:none;line-height:1.2;text-align:center}.event-tag .short-name{display:none}.event-tag .full-name{display:inline}.event-tag.has-guide:hover{background:#d4af3726;border-color:var(--color-gold);transform:translateY(-1px)}.event-tag.muted{opacity:.6}.event-tag.compact{padding:.2rem .5rem;font-size:.7rem;border-radius:4px}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem}.nav-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--color-text-main);padding:.6rem 1.2rem;border-radius:8px;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#d4af371a;border-color:var(--color-gold);color:var(--color-gold)}.month-display{display:flex;align-items:center;gap:1rem}.month-display h3{font-family:var(--font-heading);color:var(--color-gold);font-size:1.5rem;margin:0}.today-btn{background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);padding:.4rem .8rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.today-btn:hover{background:var(--color-gold);color:#000}.calendar-grid-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:1.5rem}.calendar-header-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.calendar-header-cell{text-align:center;font-family:var(--font-heading);color:var(--color-gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:.5rem}.calendar-header-cell .short-day{display:none}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.calendar-cell{min-height:110px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.5rem;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.calendar-cell.empty{background:transparent;border-color:transparent}.calendar-cell.past{opacity:.5}.calendar-cell.today{border-color:var(--color-gold);background:#d4af3714;box-shadow:0 0 15px #d4af3733}.calendar-cell.future{border-color:#ffffff1a}.calendar-cell:not(.empty):hover{border-color:#d4af3780;background:#ffffff0d}.cell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.day-number{font-family:var(--font-heading);color:var(--color-text-main);font-size:1rem;font-weight:600}.today-badge{background:linear-gradient(135deg,var(--color-gold),#b89628);color:#000;font-size:.55rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.cell-events{display:flex;flex-direction:column;gap:.25rem}.calendar-legend{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.legend-dot{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.2)}.legend-dot.past{background:#ffffff05;opacity:.5}.legend-dot.today{background:#d4af3726;border-color:var(--color-gold);box-shadow:0 0 8px #d4af374d}.legend-dot.future{background:#ffffff0d;border-color:#ffffff26}.legend-link{width:24px;height:14px;border-radius:4px;border:1px solid var(--color-gold);background:#d4af371a;position:relative}.legend-link:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:2px;background:var(--color-gold)}@media(max-width:575px){.site-header{flex-wrap:wrap;gap:1rem;padding-bottom:1rem}.logo{font-size:1.3rem;flex-grow:1}.mobile-menu-toggle{display:block}.main-nav{display:none;flex-direction:column;width:100%;gap:.75rem;padding:1rem 0;border-top:1px solid rgba(212,175,55,.2)}.main-nav.mobile-open{display:flex}.nav-link{width:100%;text-align:center;justify-content:center;padding:.75rem 1rem;font-size:.85rem}.hero-subtitle{font-size:.75rem;letter-spacing:.2em}.hero-title{font-size:2rem;line-height:1.2}.hero-tagline{font-size:1rem}.container{padding:.75rem 1rem 1.5rem}.glass-panel{padding:1.25rem}.strategy-card{padding:1.5rem;margin-bottom:1.5rem}.captains-grid,.comp-grid,.category-tools,.terminology-grid{grid-template-columns:1fr}.roe-content h4{font-size:1.2rem}.roe-content h5{font-size:1rem}.category-header{font-size:1.4rem;flex-wrap:wrap}.tips-tabs{gap:.5rem;justify-content:flex-start}.tab-btn{padding:.6rem 1rem;font-size:.75rem;flex:0 1 auto;min-width:auto;max-width:calc(50% - .5rem);white-space:normal;line-height:1.3;text-align:center}.home-content-wrapper{padding:0!important}.tier-levels-grid{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}.tier-level-item{font-size:.85rem!important;padding:.5rem .2rem!important}.combat-list{grid-template-columns:1fr}.combat-item{padding:.75rem}.site-footer{font-size:.75rem;text-align:center}.calendar-dashboard{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.dashboard-card{padding:1rem}.reset-timer{font-size:1.8rem}.progress-label{font-size:.65rem}.calendar-section{margin-top:1rem;padding-left:0;padding-right:0;width:calc(100% + 1rem);margin-left:-.5rem}.calendar-grid-container{padding:.25rem;border-radius:4px;border-left:none;border-right:none}.calendar-week{gap:.15rem;margin-bottom:.15rem}.calendar-header-row{gap:.15rem}.calendar-header-cell{font-size:.65rem;padding:.2rem;letter-spacing:0}.calendar-header-cell .full-day{display:none}.calendar-header-cell .short-day{display:inline}.calendar-cell{min-height:50px;padding:.2rem;border-radius:4px;display:flex;flex-direction:column}.day-number{font-size:.7rem}.cell-header{margin-bottom:.15rem}.today-badge{position:absolute;top:2px;right:2px;font-size:.4rem;padding:.05rem .15rem;z-index:10;letter-spacing:0}.cell-events{gap:.1rem}.event-tag.compact{font-size:.55rem;padding:.1rem .15rem;border-radius:2px;width:100%}.event-tag .full-name{display:none}.event-tag .short-name{display:inline}.calendar-legend{gap:.75rem;padding:0 1rem}.legend-item{font-size:.65rem}}@media(min-width:576px)and (max-width:768px){.site-header{flex-wrap:wrap;gap:1rem}.logo{font-size:1.4rem}.main-nav{gap:.75rem}.nav-link{padding:.6rem 1rem;font-size:.85rem}.hero-title{font-size:2.8rem}.hero-tagline{font-size:1.1rem}.container{padding:1rem 1.5rem 2rem}.glass-panel,.strategy-card{padding:2rem}.captains-grid{grid-template-columns:1fr}.terminology-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-tools,.comp-grid{grid-template-columns:1fr}.tier-levels-grid{grid-template-columns:repeat(3,1fr)!important}.calendar-header-cell{font-size:.65rem;padding:.3rem}.calendar-cell{min-height:70px;padding:.35rem}.day-number{font-size:.85rem}.today-badge{font-size:.5rem;padding:.1rem .25rem}.event-tag.compact{font-size:.55rem;padding:.1rem .25rem}.calendar-nav{flex-wrap:wrap;gap:1rem;justify-content:center}.month-display{order:-1;width:100%;justify-content:center}.month-display h3{font-size:1.3rem}}@media(min-width:769px)and (max-width:991px){.hero-title{font-size:3.2rem}.container{padding:1rem 1.5rem 2rem}.main-nav{gap:.85rem}.nav-link{padding:.6rem 1.2rem}.captains-grid,.category-tools{grid-template-columns:repeat(2,1fr)}.calendar-dashboard{grid-template-columns:1fr}.reset-timer{font-size:2rem}.calendar-cell{min-height:80px}.event-tag.compact{font-size:.6rem;padding:.15rem .35rem}}@media(min-width:992px){.main-nav{flex-wrap:nowrap}}@media(hover:none)and (pointer:coarse){.nav-link,.tab-btn,.btn-primary{min-height:48px;padding:.75rem 1.5rem}.captain-card:hover,.tool-link-card:hover,.term-item:hover{transform:none}.captain-card:active,.tool-link-card:active{transform:scale(.98);transition:transform .1s ease}}