:root{--font-body: "Inter", sans-serif;--font-heading: "Oswald", sans-serif;--color-bg: #f0f2f5;--color-surface: #ffffff;--color-border: #dcdfe3;--color-text-primary: #050505;--color-text-secondary: #65676b;--color-primary: #007bff;--color-primary-hover: #0056b3;--color-secondary: #c79100;--color-danger: #dc3545;--color-white: #ffffff;--shadow-main: 0 1px 2px rgba(0,0,0,.1);--border-radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-primary);line-height:1.2}a{color:var(--color-primary);text-decoration:none}input,textarea,select,button{font-family:var(--font-body);font-size:1rem}.app-layout-grid{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh;width:100%}.app-header{grid-row:1 / 2;position:sticky;top:0;z-index:1000;padding:5px 20px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px}.ticker-and-league-bar{grid-row:2 / 3;display:flex;width:100vw;position:sticky;top:101px;z-index:999;background-color:var(--color-text-primary)}.ticker-container-v2{flex-grow:1;color:var(--color-white);white-space:nowrap;overflow:hidden}.main-content{grid-row:3 / 4;overflow-y:auto;max-width:1200px;margin:0 auto;padding:20px;width:100%}.app-footer{grid-row:4 / 5;text-align:center;padding:20px;background-color:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.super-logo{height:72px;display:block}.page-nav{flex-grow:1;justify-content:center;background:none;padding:0;display:flex;align-items:center;gap:5px}.page-nav a{color:var(--color-text-secondary);font-weight:700;padding:8px 15px;border-radius:5px;transition:all .2s ease;border-bottom:3px solid transparent}.page-nav a:hover{color:#b0b3b8;text-decoration:none}.page-nav a.active{color:var(--color-danger);background:none;border-bottom:3px solid transparent}.header-right-section{display:flex;align-items:center;gap:20px}.main-nav{display:flex;align-items:center;gap:15px}.user-info{display:flex;flex-direction:column;align-items:flex-end}.welcome-email{color:var(--color-text-primary);font-size:.9rem}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);padding:40px;border-radius:var(--border-radius);max-width:450px;width:100%;box-shadow:var(--shadow-main);text-align:center}.login-logo{max-width:300px;width:100%;height:auto;margin-bottom:10px}.login-subtitle{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:30px}.auth-input{background-color:#f0f2f5;border:1px solid #ccd0d5;color:var(--color-text-primary);padding:12px;border-radius:5px;width:100%;margin-bottom:15px}.auth-card-footer{margin-top:25px;padding-top:20px;border-top:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-secondary)}.auth-card-footer a{font-weight:700}.war-room-layout-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(600px,700px) 340px;gap:30px}.main-feed{grid-column:2 / 3}.war-room-sidebar-right{grid-column:3 / 4;position:sticky;top:20px}.tasks-container{padding:15px;background-color:#f8f9fa;border:none;box-shadow:none}.leaderboard-card,.profile-card,.hof-card,.article-card,.commissioner-tools,.leagues-page-container>div{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-main)}.post-form-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:15px;margin-bottom:20px}.post-v2{display:flex;gap:15px;padding:15px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:15px}.post-v2-author{font-weight:700;color:var(--color-text-primary)}.post-v2-timestamp{color:var(--color-text-secondary);font-size:.9rem}.post-form textarea{color:var(--color-text-primary);font-size:1.1rem;resize:none;background:transparent;border:none;width:100%;min-height:50px}.reaction-v2{display:flex;align-items:center;gap:5px;cursor:pointer;padding:4px;transition:all .2s ease;color:var(--color-text-secondary);background:none;border:none}.reaction-v2:hover .reaction-emoji{transform:scale(1.2)}.reaction-v2.active{color:var(--color-primary);font-weight:700}.reaction-v2.active .reaction-emoji,.reaction-v2.crash-reaction:active .reaction-emoji{transform:scale(1.2);filter:grayscale(0)!important;opacity:1!important}.reaction-v2.animating{animation:pop-animation .3s ease-in-out}.reaction-emoji{transition:all .2s ease;font-size:1.2rem;filter:grayscale(1);opacity:.6}.reaction-v2.crash-reaction.has-clicks .reaction-emoji{filter:grayscale(0);opacity:1}.app-footer .rpl-link{color:var(--color-danger);font-family:var(--font-heading)}.league-switcher{position:relative;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;margin-left:20px}.active-league{display:flex;align-items:center;gap:10px;padding:8px 15px}.active-league-label{font-size:.8rem;color:var(--color-text-secondary)}.league-name{font-weight:700}.dropdown-arrow{font-size:.7rem}.league-dropdown{position:absolute;top:calc(100% + 5px);right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);z-index:1001;overflow:hidden;box-shadow:var(--shadow-main);width:200px}.league-option{padding:10px 15px}.league-option:hover{background-color:var(--color-primary);color:var(--color-white)}.league-option.selected{background-color:#e9ecef}.league-bar{display:flex;align-items:center;font-family:var(--font-heading);gap:10px;color:var(--color-white);padding:0 15px}.league-level{font-weight:700;font-size:1rem}.league-xp{font-size:.9rem;color:#aaa}@keyframes pop-animation{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-bg)}.post-actions-v2{display:flex;align-items:center;gap:15px}.action-btn{background:none;border:none;color:#b0b3b8;cursor:pointer;font-size:.9rem;font-weight:700;padding:0}.action-btn:hover{color:var(--color-text-primary);text-decoration:underline}