.form-help-text{color:var(--color-text);opacity:.8;font-size:var(--font-sm);margin-bottom:var(--spacing-lg)}.stock-types-table{overflow-x:auto;margin-top:var(--spacing-md)}.stock-types-table table{width:100%;border-collapse:collapse;background-color:var(--color-secondary);border-radius:var(--radius-md)}.stock-types-table thead{background-color:#daa52026}.stock-types-table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-semibold);color:var(--color-wonko);border-bottom:2px solid var(--color-accent)}.stock-types-table th:first-child{width:80px;text-align:center}.stock-types-table th:nth-child(3){width:180px}.stock-types-table th:nth-child(4){width:160px}.stock-types-table th:nth-child(5){width:180px}.stock-types-table th:nth-child(6){width:130px}.stock-types-table tbody tr{border-bottom:1px solid var(--color-accent);transition:background-color var(--transition-base)}.stock-types-table tbody tr:hover:not(.disabled-row){background-color:#daa5200d}.stock-types-table tbody tr.disabled-row{opacity:.5}.stock-types-table td{padding:var(--spacing-md);vertical-align:middle}.stock-types-table td:first-child{text-align:center}.stock-type-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-wonko)}.stock-type-info{display:flex;flex-direction:column;gap:4px}.stock-type-info strong{color:var(--color-text-light);font-size:var(--font-base)}.stock-type-description{color:var(--color-text);opacity:.7;font-size:var(--font-sm)}.quantity-input{width:80px;padding:6px 10px;background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-base);text-align:center}.quantity-input:focus{outline:none;border-color:var(--color-wonko);box-shadow:0 0 0 2px #daa5201a}.quantity-input:disabled{opacity:.5;cursor:not-allowed}.quantity-help{margin-left:var(--spacing-sm);color:var(--color-text);opacity:.6;font-size:var(--font-sm)}.payout-count{font-weight:var(--font-semibold);color:var(--color-wonko);margin-right:var(--spacing-sm)}.payout-help{color:var(--color-text);opacity:.7;font-size:var(--font-sm)}.percentage{font-weight:var(--font-semibold);color:var(--color-wonko);font-size:var(--font-lg)}.stocks-pay-out-cell,.payout-value-cell{display:flex;flex-direction:column;gap:4px}.stocks-pay-out-total,.payout-value{font-weight:var(--font-semibold);color:var(--color-wonko);font-size:var(--font-lg)}.stocks-pay-out-formula,.payout-formula{color:var(--color-text);opacity:.6;font-size:var(--font-sm)}.stock-types-table tfoot{background-color:#daa5201a;border-top:2px solid var(--color-wonko)}.stock-types-table tfoot td{padding:var(--spacing-md);font-size:var(--font-lg)}@media (max-width: 768px){.stock-types-table{font-size:var(--font-sm)}.stock-types-table th,.stock-types-table td{padding:var(--spacing-sm)}.quantity-input{width:60px}.stock-type-info strong{font-size:var(--font-sm)}.stock-type-description{font-size:11px}.payout-help,.quantity-help,.stocks-pay-out-formula,.payout-formula{display:none}.stocks-pay-out-total,.payout-value,.percentage{font-size:var(--font-base)}}.account-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-sm);font-weight:var(--font-semibold);color:#666;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-base);color:var(--color-text);margin:0}.badge-account-type{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-semibold);text-transform:uppercase}.badge-account-type.light{background-color:#e3f2fd;color:#1976d2}.badge-account-type.full{background-color:#e8f5e9;color:#388e3c}.badge-role{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-semibold);text-transform:capitalize}.badge-role.user{background-color:#f5f5f5;color:#666}.badge-role.organizer{background-color:#fff3e0;color:#f57c00}.badge-role.admin{background-color:#fce4ec;color:#c2185b}.landing-container{min-height:100vh;background-image:url(/images/backgrounds/bg-icehockey.png);background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);position:relative}.landing-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#04222cf2,#04222cd9);z-index:1}.landing-content{position:relative;z-index:2;max-width:1000px;width:100%;text-align:center}.landing-hero{margin-bottom:var(--spacing-xl)}.landing-logo{width:200px;height:auto;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.landing-title{font-size:3rem;font-weight:var(--font-bold);color:var(--color-wonko);margin:0 0 var(--spacing-md) 0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.landing-tagline{font-size:1.5rem;color:var(--color-text-light);margin:0;font-weight:var(--font-medium)}.landing-description{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(218,165,32,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.landing-description p{font-size:var(--font-lg);color:var(--color-text-light);margin:0 0 var(--spacing-md) 0;line-height:1.6}.landing-description p:last-child{margin-bottom:0}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(218,165,32,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.feature-card h3{font-size:var(--font-lg);color:var(--color-wonko);margin:0 0 var(--spacing-sm) 0}.feature-card p{font-size:var(--font-base);color:var(--color-text-light);margin:0;line-height:1.5}.landing-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.btn-landing-primary{padding:14px 32px;font-size:var(--font-lg);font-weight:var(--font-semibold);background-color:var(--color-wonko);color:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:0 4px 8px #daa5204d}.btn-landing-primary:hover{background-color:#f0b820;transform:translateY(-2px);box-shadow:0 6px 12px #daa52066}.btn-landing-secondary{padding:14px 32px;font-size:var(--font-lg);font-weight:var(--font-semibold);background-color:transparent;color:var(--color-wonko);border:2px solid var(--color-wonko);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-landing-secondary:hover{background-color:#daa5201a;transform:translateY(-2px)}.btn-landing-manual{padding:14px 32px;font-size:var(--font-lg);font-weight:var(--font-semibold);background-color:#ffffff1a;color:var(--color-text-light);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-landing-manual:hover{background-color:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.landing-footer{margin-top:var(--spacing-xl)}.landing-footer p{font-size:var(--font-lg);color:var(--color-wonko);margin:0;font-weight:var(--font-medium);font-style:italic}@media (max-width: 768px){.landing-title{font-size:2rem}.landing-tagline{font-size:1.2rem}.landing-description p{font-size:var(--font-base)}.landing-features{grid-template-columns:1fr}.landing-actions{flex-direction:column;align-items:stretch}.btn-landing-primary,.btn-landing-secondary,.btn-landing-manual{width:100%}}.manual-page{min-height:100vh;background-image:url(/images/backgrounds/bg-icehockey-lowcontrast.png);background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat}.manual-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.manual-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-wonko)}.manual-header h1{font-size:2.5rem;color:var(--color-wonko);margin:0}.manual-content{color:var(--color-text)}.manual-section{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.manual-section h2{font-size:1.8rem;color:var(--color-wonko);margin:0 0 var(--spacing-md) 0;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.manual-text h3{font-size:1.3rem;color:var(--color-text);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:var(--font-semibold)}.manual-text h3:first-child{margin-top:0}.manual-text p{line-height:1.7;margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.manual-text ul,.manual-text ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg);line-height:1.7}.manual-text li{margin-bottom:var(--spacing-sm);color:var(--color-text)}.manual-text strong{color:var(--color-wonko);font-weight:var(--font-semibold)}.manual-cta{text-align:center;background:linear-gradient(135deg,#daa5201a,#daa5200d);border:2px solid var(--color-wonko);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-top:var(--spacing-xl)}.manual-cta p{font-size:var(--font-xl);color:var(--color-wonko);margin:0 0 var(--spacing-lg) 0;font-weight:var(--font-semibold)}@media (max-width: 768px){.manual-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.manual-header h1{font-size:1.8rem}.manual-section h2{font-size:1.5rem}.manual-text h3{font-size:1.1rem}}:root{--color-primary: #04222c;--color-secondary: #08374f;--color-accent: #375a72;--color-background: #042d3f;--color-text: #c9bdbb;--color-text-dark: #2e3a40;--color-white: #ffffff;--color-success: #4CAF50;--color-error: #f44336;--color-warning: #ff9800;--color-wonko: #DAA520;--color-buy: #28a745;--color-sell: #dc3545;--stock-overall-winner: #DAA520;--stock-group-winner: #2196F3;--stock-semifinal: #9C27B0;--stock-final: #FF9800;--status-pending: #2196F3;--status-partial: #ff9800;--status-completed: #4CAF50;--status-cancelled: #f44336;--overlay-light: rgba(201, 189, 187, .1);--overlay-medium: rgba(201, 189, 187, .2);--overlay-dark: rgba(201, 189, 187, .3);--overlay-buy-light: rgba(40, 167, 69, .05);--overlay-sell-light: rgba(220, 53, 69, .05);--overlay-selected: rgba(33, 150, 243, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 30px;--spacing-2xl: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4);--border-color: #ddd;--border-color-dark: var(--color-accent);--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-base: 14px;--font-lg: 16px;--font-xl: 24px;--font-2xl: 32px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-tooltip: 1050}.page-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.page-header-title{margin:0;color:var(--color-text);font-size:var(--font-xl)}.page-header-actions{display:flex;gap:var(--spacing-md);align-items:center}.grid-auto-fit{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.grid-sidebar{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-lg)}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-bold{font-weight:var(--font-bold)}.text-semibold{font-weight:var(--font-semibold)}.text-medium{font-weight:var(--font-medium)}.text-normal{font-weight:var(--font-normal)}.text-muted{color:#666}.text-small{font-size:var(--font-sm)}.text-large{font-size:var(--font-lg)}.text-uppercase{text-transform:uppercase}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-wonko{color:var(--color-wonko)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.text-buy{color:var(--color-buy)}.text-sell{color:var(--color-sell)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-white{background-color:var(--color-white)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}@media (max-width: 768px){.page-container{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.page-header-title{font-size:var(--font-lg)}.page-header-actions{width:100%;flex-wrap:wrap;gap:var(--spacing-sm)}.page-header-actions button,.page-header-actions a{flex:1;min-width:120px}.grid-auto-fit,.grid-two-col,.grid-sidebar{grid-template-columns:1fr;gap:var(--spacing-md)}.gap-xl{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-sm)}}@media (min-width: 769px) and (max-width: 1024px){.page-container{padding:var(--spacing-md)}.grid-auto-fit{grid-template-columns:repeat(3,1fr)}.grid-sidebar{grid-template-columns:280px 1fr}}.btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-medium);transition:all var(--transition-base);text-align:center;text-decoration:none;display:inline-block;white-space:nowrap}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-medium);transition:all var(--transition-base);text-align:center;text-decoration:none;display:inline-block;white-space:nowrap;background-color:var(--color-wonko);color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:#ffc700}.btn-secondary{background-color:#6c757d;color:#fff}.btn-success{background-color:var(--color-success);color:#fff}.btn-danger{background-color:var(--color-error);color:#fff}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-buy{background-color:var(--color-buy);color:#fff}.btn-sell{background-color:var(--color-sell);color:#fff}.btn-back{padding:8px 16px;background-color:var(--color-white);color:#333;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.btn-ghost{background-color:transparent;border:1px solid var(--border-color);color:var(--color-text)}.btn-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-sm{padding:6px 12px;font-size:var(--font-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-lg)}.btn-block{width:100%;display:block}.btn-order-side{flex:1;padding:10px;background-color:var(--color-white);color:#333;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);transition:all var(--transition-base)}.btn-order-side.active.buy{background-color:var(--color-buy);color:#fff;border-color:var(--color-buy)}.btn-order-side.active.sell{background-color:var(--color-sell);color:#fff;border-color:var(--color-sell)}@media (max-width: 768px){.btn,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-buy,.btn-sell,.btn-ghost{padding:12px 20px;min-height:44px;font-size:var(--font-base)}.btn-sm{padding:10px 16px;min-height:40px;font-size:var(--font-sm)}.btn-lg{padding:14px 24px;min-height:48px;font-size:var(--font-lg)}.btn-back{padding:10px 16px;min-height:40px}.btn-order-side{padding:14px;min-height:48px;font-size:var(--font-base)}.btn-block{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.btn,.btn-primary{padding:10px 18px}}.card{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:var(--font-lg);font-weight:var(--font-semibold);display:flex;align-items:center}.card-subtitle{margin:var(--spacing-xs) 0 0;color:var(--text-muted);font-size:var(--font-sm)}.card-body{margin:0}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.card-primary{background-color:var(--color-secondary);border-color:var(--color-accent)}.card-primary .card-title{color:var(--color-wonko)}.card-secondary{background-color:var(--color-secondary);border-color:var(--color-accent)}.card-highlight{border-color:var(--color-wonko);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-wonko)}.card-compact{padding:var(--spacing-md)}.summary-card{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.summary-card-title{margin-top:0;color:var(--color-primary);font-size:var(--font-base);font-weight:var(--font-medium)}.summary-card-value{font-size:var(--font-2xl);font-weight:var(--font-bold);margin:10px 0}.summary-card-subtitle{color:#999;font-size:var(--font-sm);margin:0}.game-card{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base)}.game-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-wonko)}.game-card-title{margin:0 0 var(--spacing-sm);color:var(--color-primary);font-size:var(--font-lg);font-weight:var(--font-bold)}.game-card-info{margin:var(--spacing-xs) 0;color:#666;font-size:var(--font-md)}.nav-card{background-color:var(--color-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:block}.nav-card:hover{border-color:var(--color-wonko);box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-card-icon{font-size:var(--font-2xl);margin-bottom:var(--spacing-md)}.nav-card-title{margin:0;color:var(--color-primary);font-size:var(--font-lg);font-weight:var(--font-semibold)}.nav-card-description{margin-top:var(--spacing-sm);color:#666;font-size:var(--font-sm)}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:var(--font-medium);color:var(--color-text)}.form-input,.form-select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-base);background-color:var(--color-white);color:#333;transition:border-color var(--transition-base)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-wonko);box-shadow:0 0 0 2px #daa5201a}.form-input::placeholder{color:#999}.form-input-dark,.form-select-dark{background-color:var(--color-background);color:var(--color-text);border-color:var(--color-accent)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:15px}.form-row .form-group{flex:1;margin-bottom:0}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.form-inline{display:flex;align-items:flex-end;gap:var(--spacing-md)}.form-inline .form-group{flex:1;margin-bottom:0}.input-group{display:flex}.input-group .form-input{border-top-right-radius:0;border-bottom-right-radius:0}.input-group .btn{border-top-left-radius:0;border-bottom-left-radius:0}.side-button-group{display:flex;gap:10px}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-sm);color:#666}.form-label .required{color:var(--color-error);margin-left:var(--spacing-xs)}@media (max-width: 768px){.form-input,.form-select{padding:12px 14px;font-size:var(--font-base);min-height:44px}.form-row{flex-direction:column;gap:var(--spacing-sm)}.form-row .form-group{margin-bottom:15px}.form-row .form-group:last-child{margin-bottom:0}.form-inline{flex-direction:column;align-items:stretch}.form-inline .form-group{margin-bottom:15px}.form-actions{flex-direction:column;gap:var(--spacing-sm)}.form-actions button,.form-actions .btn{width:100%}.side-button-group{flex-direction:column;gap:var(--spacing-sm)}.side-button-group button,.side-button-group .btn{width:100%}.input-group{flex-direction:column}.input-group .form-input{border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.input-group .btn{border-radius:var(--radius-sm);width:100%}}@media (min-width: 769px) and (max-width: 1024px){.form-input,.form-select{padding:10px 12px}}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--font-base)}.table thead{background-color:var(--color-primary)}.table th{padding:12px;text-align:left;border-bottom:2px solid var(--border-color);color:var(--color-wonko);font-weight:var(--font-semibold)}.table tbody tr{border-bottom:1px solid #eee;transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--overlay-light)}.table td{padding:12px;color:#333}.table-striped tbody tr:nth-child(2n){background-color:#f9f9f9}.table-compact th,.table-compact td{padding:8px}.orderbook-table{width:100%;font-size:var(--font-base)}.orderbook-table thead th{padding:8px;text-align:left;border-bottom:2px solid var(--border-color);background-color:transparent;color:#333;font-weight:var(--font-semibold)}.orderbook-table tbody td{padding:8px}.orderbook-row-bid{background-color:var(--overlay-buy-light);border-bottom:1px solid #f0f0f0}.orderbook-row-ask{background-color:var(--overlay-sell-light);border-bottom:1px solid #f0f0f0}.orderbook-price-bid{color:var(--color-buy);font-weight:var(--font-bold)}.orderbook-price-ask{color:var(--color-sell);font-weight:var(--font-bold)}.orderbook-empty{text-align:center;padding:var(--spacing-lg);color:#999}.table .text-center,.orderbook-table .text-center{text-align:center}.table .text-right,.orderbook-table .text-right{text-align:right}.holdings-table tbody tr{cursor:pointer}.rankings-table tbody tr.current-user{background-color:#fff3cd;font-weight:var(--font-semibold)}.rankings-table tbody tr.current-user:hover{background-color:#ffe69c}@media (max-width: 768px){.table-container{margin:0 -10px}.table th,.table td{padding:10px 8px;font-size:var(--font-sm)}.table-mobile-cards{display:block;overflow-x:visible}.table-mobile-cards thead{display:none}.table-mobile-cards tbody{display:block}.table-mobile-cards tbody tr{display:block;margin-bottom:15px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card-bg);padding:12px}.table-mobile-cards tbody tr:hover{background-color:var(--color-card-bg);box-shadow:var(--shadow-sm)}.table-mobile-cards tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border-light);text-align:right}.table-mobile-cards tbody td:last-child{border-bottom:none}.table-mobile-cards tbody td:before{content:attr(data-label);font-weight:var(--font-semibold);color:var(--color-wonko);text-align:left;flex:1;padding-right:10px}.table-mobile-cards tbody td button,.table-mobile-cards tbody td .btn{margin-left:auto}.orderbook-table{font-size:var(--font-xs)}.orderbook-table th,.orderbook-table td{padding:6px 4px}.table-compact th,.table-compact td{padding:6px 4px;font-size:var(--font-xs)}.table th.hide-mobile,.table td.hide-mobile{display:none}.rankings-table.table-mobile-cards tbody tr.current-user{border:2px solid var(--color-wonko);background-color:#daa5201a}.stock-list-container{max-height:none!important}}@media (min-width: 769px) and (max-width: 1024px){.table th,.table td{padding:10px;font-size:var(--font-sm)}.orderbook-table th,.orderbook-table td{padding:6px;font-size:var(--font-sm)}}.tabs{margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-accent)}.tab-button{padding:10px 20px;background-color:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:var(--font-normal);margin-right:10px;color:var(--color-text);transition:all var(--transition-base)}.tab-button:hover{background-color:var(--overlay-light)}.tab-button.active{border-bottom-color:var(--color-wonko);font-weight:var(--font-bold)}.tab-content{margin-top:var(--spacing-lg)}.tab-pane{display:none}.tab-pane.active{display:block}.alert{padding:12px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-base)}.alert-error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.alert-success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.alert-warning{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffcc80}.alert-info{background-color:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.info-box{font-size:var(--font-md);color:var(--color-text);margin-bottom:15px;padding:12px;background-color:var(--color-background);border-radius:var(--radius-sm);border:1px solid var(--color-accent)}.info-box strong{color:var(--color-wonko)}.auto-refresh-notice{margin-top:var(--spacing-lg);text-align:center;font-size:var(--font-md);color:#888}.badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-medium);text-transform:uppercase;display:inline-block}.badge-pending{background-color:var(--status-pending);color:#fff}.badge-partial{background-color:var(--status-partial);color:#fff}.badge-completed{background-color:var(--status-completed);color:#fff}.badge-cancelled{background-color:var(--status-cancelled);color:#fff}.badge-buy{padding:4px 12px;border-radius:var(--radius-sm);background-color:#e8f5e9;color:#2e7d32;font-weight:var(--font-medium);font-size:var(--font-sm);text-transform:uppercase}.badge-sell{padding:4px 12px;border-radius:var(--radius-sm);background-color:#ffebee;color:#c62828;font-weight:var(--font-medium);font-size:var(--font-sm);text-transform:uppercase}.badge-settled{margin-top:5px;padding:4px 8px;background-color:var(--color-warning);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-xs);text-align:center;display:block}.badge-order-type{text-transform:uppercase;font-size:var(--font-sm);color:#666}.stock-type-overall-winner{color:var(--stock-overall-winner)}.stock-type-group-winner{color:var(--stock-group-winner)}.stock-type-semifinal{color:var(--stock-semifinal)}.stock-type-final{color:var(--stock-final)}.stock-item{padding:12px;margin-bottom:8px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background-color:var(--color-white);transition:all var(--transition-base)}.stock-item:hover{border-color:var(--color-accent)}.stock-item.selected{border:2px solid #2196F3;background-color:#e3f2fd}.stock-item.settled{background-color:#f5f5f5;opacity:.6}.stock-item-header{display:flex;align-items:center;gap:8px;margin-bottom:5px}.stock-item-team-name{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-text-dark)}.stock-item-type{font-size:var(--font-sm);margin-bottom:3px;color:var(--color-text-dark)}.stock-item-payout{font-size:var(--font-md);font-weight:var(--font-medium);color:var(--color-text-dark)}.market-info{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.market-info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:var(--font-base)}.market-info-label{color:var(--color-text)}.market-info-value{font-weight:var(--font-semibold)}.wonko{color:var(--color-wonko);font-weight:var(--font-medium)}.wonko-large{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--color-wonko)}.wonko-small{font-size:var(--font-sm)}.team-flag{display:inline-flex;align-items:center;gap:8px}.team-flag-img{object-fit:cover;border-radius:2px;box-shadow:var(--shadow-sm);display:block}.team-flag-small .team-flag-img{width:24px;height:16px}.team-flag-medium .team-flag-img{width:32px;height:21.3px}.team-flag-large .team-flag-img{width:48px;height:32px}.team-flag-name{font-weight:var(--font-medium)}.team-flag-fallback{font-weight:var(--font-bold);padding:2px 6px;background-color:#f0f0f0;border-radius:3px;display:none}.team-flag-small .team-flag-fallback{font-size:var(--font-sm)}.team-flag-medium .team-flag-fallback{font-size:var(--font-base)}.team-flag-large .team-flag-fallback{font-size:var(--font-lg)}.team-flag-rectangle{display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);border-radius:3px;font-family:sans-serif;box-shadow:var(--shadow-sm)}.team-flag-small .team-flag-rectangle{width:37.5px;height:25px;font-size:11px}.team-flag-medium .team-flag-rectangle{width:50px;height:33.3px;font-size:14.7px}.team-flag-large .team-flag-rectangle{width:75px;height:50px;font-size:22px}.rank-cell{font-weight:var(--font-bold);font-size:var(--font-lg);color:var(--color-primary)}.rank-medal{font-size:var(--font-xl);margin-right:var(--spacing-sm)}.rank-number{font-weight:var(--font-bold);color:var(--color-primary)}.player-name{font-weight:var(--font-normal);color:var(--color-primary)}.player-name-current{font-weight:var(--font-semibold);color:var(--color-primary)}.stock-list-container{border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background-color:var(--color-secondary);max-height:300px;overflow-y:auto}.stock-list-title{margin-top:0;color:var(--color-wonko);font-size:var(--font-lg)}.order-form-container{border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-lg);background-color:var(--color-secondary)}.order-form-title{margin-top:0;color:var(--color-wonko);font-size:var(--font-lg)}.order-form-disabled{padding:var(--spacing-lg);text-align:center;color:#666}.orderbook-loading{text-align:center;padding:var(--spacing-2xl);color:#999}.orderbook-section-title{margin-bottom:15px;font-size:var(--font-lg);font-weight:var(--font-semibold)}.orderbook-section-title-asks{color:var(--color-sell)}.orderbook-section-title-bids{color:var(--color-buy)}.form-label-trading{color:var(--color-text)}@media (max-width: 768px){.stock-list-container{max-height:400px;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.stock-list-title{font-size:var(--font-base)}.order-form-container{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.order-form-title{font-size:var(--font-base)}.orderbook-section-title{font-size:var(--font-base);margin-bottom:10px}.orderbook-loading{padding:var(--spacing-lg)}}@media (min-width: 769px) and (max-width: 1024px){.stock-list-container{max-height:350px}.orderbook-section-title{font-size:var(--font-base)}}.auth-container{min-height:100vh;background-image:url(/images/backgrounds/bg-icehockey.png);background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#04222cf2,#04222cd9);z-index:1}.auth-card{position:relative;z-index:2;max-width:400px;width:100%;margin:20px;padding:30px;background-color:var(--color-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-accent)}.auth-title{margin-bottom:var(--spacing-lg);color:var(--color-wonko);text-align:center;font-size:var(--font-xl)}.auth-form-group{margin-bottom:var(--spacing-lg)}.auth-label{display:block;margin-bottom:8px;color:var(--color-text);font-weight:var(--font-medium)}.auth-label-hint{font-size:var(--font-sm);color:var(--color-text);opacity:.7}.auth-input{width:100%;padding:10px;background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-base)}.auth-input:focus{outline:none;border-color:var(--color-wonko);box-shadow:0 0 0 2px #daa5201a}.auth-submit-btn{width:100%;padding:12px;background-color:var(--color-wonko);color:var(--color-primary);border:none;border-radius:var(--radius-sm);font-size:var(--font-lg);font-weight:var(--font-bold);cursor:pointer;transition:background-color var(--transition-base)}.auth-submit-btn:hover:not(:disabled){background-color:#ffc700}.auth-submit-btn:disabled{background-color:var(--color-accent);cursor:not-allowed}.auth-error{padding:12px;margin-bottom:15px;background-color:var(--color-error);color:#fff;border-radius:var(--radius-sm)}.auth-back-btn{position:absolute;top:20px;left:20px;z-index:3;padding:8px 16px;background-color:transparent;color:var(--color-text-light);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-base);opacity:.7}.auth-back-btn:hover{opacity:1;background-color:#ffffff1a;border-color:#ffffff80}.account-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.account-type-btn{padding:var(--spacing-lg);background-color:var(--color-background);border:2px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center}.account-type-btn:hover{border-color:var(--color-wonko);background-color:#daa5201a}.account-type-btn.active{border-color:var(--color-wonko);background-color:#daa52033;box-shadow:0 0 0 2px #daa5204d}.account-type-title{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-wonko);margin-bottom:var(--spacing-xs)}.account-type-desc{font-size:var(--font-sm);color:var(--color-text);opacity:.8}.auth-footer{margin-top:var(--spacing-lg);text-align:center;color:var(--color-text);font-size:var(--font-sm)}.auth-link{background:none;border:none;color:var(--color-wonko);cursor:pointer;text-decoration:underline;font-size:var(--font-sm);padding:0}.auth-link:hover{color:#ffc700}@media (max-width: 768px){.auth-card{margin:10px;padding:20px}.account-type-selector{grid-template-columns:1fr}.auth-back-btn{top:10px;left:10px}}.join-game-container{max-width:500px;margin:0 auto;padding:var(--spacing-lg)}.join-game-container h1{margin-bottom:var(--spacing-lg);color:var(--color-text)}.join-game-container .intro-text{color:#666;margin-bottom:var(--spacing-xl)}.invite-code-input{width:100%;padding:12px;font-size:20px;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;letter-spacing:2px;font-family:monospace}.invite-code-display{margin-bottom:var(--spacing-lg);padding:12px;background-color:#e3f2fd;border-radius:var(--radius-sm)}.invite-code-display p{margin:0;font-size:var(--font-base)}.join-game-container .btn-block{margin-bottom:var(--spacing-md)}.join-game-container .btn-block:last-child{margin-bottom:0}.admin-tabs{margin-bottom:var(--spacing-lg)}.admin-tab-button{padding:10px 20px;background-color:var(--color-secondary);border:1px solid var(--color-accent);cursor:pointer;font-weight:var(--font-medium);margin-right:10px;color:var(--color-text);transition:all var(--transition-base);border-radius:var(--radius-sm)}.admin-tab-button:hover{background-color:var(--overlay-light)}.admin-tab-button.active{background-color:var(--color-wonko);color:var(--color-primary);font-weight:var(--font-bold);border-color:var(--color-wonko)}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid-3col-auto{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:flex-end}.form-grid-4col-auto{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:15px;align-items:flex-end}.form-grid-allocate{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:15px;align-items:flex-end}.btn-small{font-size:12px;padding:5px 10px}.account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.account-info-item{margin:var(--spacing-sm) 0}.account-info-label{font-weight:var(--font-semibold)}.account-role{text-transform:capitalize}.cash-balance-value{font-size:var(--font-xl);color:var(--color-wonko);font-weight:var(--font-bold)}.status-active{color:var(--color-success);font-weight:var(--font-semibold)}.status-inactive{color:var(--color-error);font-weight:var(--font-semibold)}.dashboard-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.dashboard-nav-link{text-decoration:none;display:block}.dashboard-nav-link .card{cursor:pointer;transition:all var(--transition-base)}.dashboard-nav-link .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-wonko)}.dashboard-nav-card-title{margin:0 0 var(--spacing-sm);color:var(--color-primary);font-size:var(--font-lg);font-weight:var(--font-semibold)}.dashboard-nav-card-description{margin:0;color:#666;font-size:var(--font-sm)}.admin-nav-card{border-color:var(--color-error)}.admin-nav-card .dashboard-nav-card-title{color:var(--color-error)}.admin-info-card{border-color:var(--color-warning);background-color:#fffbf0}.admin-info-card-title{margin:0 0 var(--spacing-md);color:#856404;font-size:var(--font-lg);font-weight:var(--font-semibold)}.admin-info-card ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-xl)}.admin-info-card li{margin:var(--spacing-xs) 0;color:#856404}.getting-started-title{margin:0 0 var(--spacing-md);color:var(--color-primary);font-size:var(--font-lg);font-weight:var(--font-semibold)}.getting-started-list{margin:0;padding-left:var(--spacing-xl)}.getting-started-list li{margin:var(--spacing-sm) 0;line-height:1.6}.getting-started-list strong{font-weight:var(--font-semibold)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stat-card-title{margin-top:0;margin-bottom:var(--spacing-sm);color:#666;font-size:var(--font-sm);font-weight:var(--font-medium)}.stat-card-value{font-size:32px;font-weight:var(--font-bold);margin:10px 0}.stat-card-value.total-users{color:#2196f3}.stat-card-value.admins{color:#f44336}.stat-card-value.organizers{color:#ff9800}.stat-card-value.full-accounts{color:#4caf50}.badge-role{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);text-transform:uppercase;display:inline-block}.badge-role.admin{background-color:#f44336;color:#fff}.badge-role.organizer{background-color:#ff9800;color:#fff}.badge-role.user{background-color:#2196f3;color:#fff}.badge-account-type{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);text-transform:uppercase;display:inline-block;color:#fff}.badge-account-type.full{background-color:#4caf50}.badge-account-type.lite{background-color:#9e9e9e}.badge-user-status{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);display:inline-block}.badge-user-status.active{background-color:#e8f5e9;color:#2e7d32}.badge-user-status.inactive{background-color:#ffebee;color:#c62828}.users-table .cell-id{font-family:monospace}.users-table .cell-username{font-weight:var(--font-medium)}.users-table .cell-email{color:#666}.users-table .cell-stats{font-weight:var(--font-medium)}.users-table .cell-active-games{font-weight:var(--font-medium);color:#4caf50}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-primary)}#root{background:transparent;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background-color:var(--color-primary);color:var(--color-text);box-shadow:var(--shadow-md)}.navbar-left{display:flex;align-items:center;gap:15px}.navbar-logo-link{text-decoration:none;display:flex;align-items:center}.navbar-logo{height:40px;object-fit:contain}.navbar-divider{border-left:2px solid var(--color-accent);height:30px}.navbar-game-name{font-size:var(--font-lg);color:var(--color-text);text-decoration:none;transition:color var(--transition-base)}.navbar-game-name:hover{color:var(--color-wonko)}.navbar-menu{display:flex;gap:5px}.navbar-link{padding:8px 16px;background-color:transparent;color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:var(--font-medium);transition:background-color var(--transition-base)}.navbar-link:hover{background-color:var(--overlay-light)}.navbar-link.active{background-color:var(--color-accent)}.navbar-right{display:flex;align-items:center;gap:15px}.navbar-button{padding:8px 16px;background-color:var(--overlay-medium);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-medium);transition:background-color var(--transition-base)}.navbar-button:hover,.navbar-button.active{background-color:var(--overlay-dark)}.navbar-button-admin{padding:8px 16px;background-color:transparent;color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:var(--font-medium);transition:background-color var(--transition-base)}.navbar-button-admin:hover{background-color:var(--overlay-light)}.navbar-button-admin.active{background-color:var(--overlay-dark)}.navbar-username{font-size:var(--font-base);color:var(--color-text);text-decoration:none;cursor:pointer;transition:color var(--transition-base)}.navbar-username:hover{color:var(--color-wonko)}.navbar-button-logout{padding:8px 16px;background-color:transparent;color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-base);transition:background-color var(--transition-base)}.navbar-button-logout:hover{background-color:var(--overlay-light)}.navbar-hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background-color:var(--color-wonko);border-radius:2px;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navbar-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.navbar-nav-container{display:flex;align-items:center;gap:20px}.navbar-section-title{display:none;font-size:var(--font-sm);color:var(--color-wonko);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;margin-top:20px;margin-bottom:10px}.navbar-section-title:first-child{margin-top:0}@media (max-width: 768px){.navbar{padding:0 15px;height:56px}.navbar-hamburger{display:flex}.navbar-divider-desktop,.navbar-game-name{display:none}.navbar-mobile-overlay{display:block}.navbar-nav-container{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:var(--color-primary);flex-direction:column;align-items:stretch;gap:0;padding:20px;box-shadow:var(--shadow-lg);z-index:1000;transition:right .3s ease;overflow-y:auto}.navbar-nav-container.mobile-open{right:0}.navbar-section-title{display:block}.navbar-menu{flex-direction:column;gap:0;width:100%}.navbar-link{width:100%;padding:12px 16px;text-align:left;border-radius:var(--radius-sm)}.navbar-right{flex-direction:column;align-items:stretch;gap:0;width:100%}.navbar-button,.navbar-button-admin,.navbar-button-logout{width:100%;padding:12px 16px;text-align:left;margin-bottom:8px}.navbar-username{padding:12px 16px;display:block}.navbar-divider{width:100%;height:1px;border-left:none;border-top:1px solid var(--color-accent);margin:15px 0}}@media (min-width: 769px) and (max-width: 1024px){.navbar-menu{gap:3px}.navbar-link,.navbar-button{padding:8px 12px;font-size:var(--font-sm)}.navbar-right{gap:10px}}