:root{--font-primary: monospace;--font-mono: monospace;--color-bg: #1a1f1a;--color-text: #e0e0e0;--color-text-muted: #9e9e9e;--color-primary: rgba(62, 144, 85, .673);--color-accent: rgb(237, 169, 52);--color-danger: rgba(232, 39, 25, .77);--color-panel-bg: rgba(20, 18, 14, .6);--color-border: rgba(255, 255, 255, .1);--border-radius: 0;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--backdrop-blur: 4px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;font-size:16px;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/backdrop-DlcuNmWD.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:-1;transform:scale(1.02)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:color-mix(in srgb,var(--color-primary) 80%,white)}ul{list-style:none}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0}.panel{background-color:var(--color-panel-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border-radius:var(--border-radius);padding:var(--spacing-lg);border:none}button,input,select{font-family:var(--font-primary);font-size:1rem;color:var(--color-text);background-color:#0000004d;border:1px solid transparent;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{cursor:pointer;background-color:var(--color-primary);color:#fff;font-weight:600;border-color:transparent}button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 85%,white)}button:disabled{background-color:var(--color-text-muted);border-color:var(--color-text-muted);cursor:not-allowed;opacity:.5}button.danger{background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}button.danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-danger) 20%,transparent)}.view-container{display:flex;gap:var(--spacing-lg);width:100%;align-items:flex-start}@media (max-width: 1024px){.view-container{flex-direction:column}.view-container>div{border-right:none!important;padding-right:0!important}}@media (max-width: 768px){.panel{padding:var(--spacing-sm)}.panel>*{width:98%}.view-container{gap:var(--spacing-md)}}.scrollable-list{max-height:400px;overflow-y:auto;padding-right:10px;border:1px solid var(--color-border);padding:var(--spacing-md)}.scrollable-list::-webkit-scrollbar{width:8px}.scrollable-list::-webkit-scrollbar-track{background:transparent}.scrollable-list::-webkit-scrollbar-thumb{background:var(--color-text-muted)}.scrollable-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.main-container{max-width:1600px;width:100%;margin:0 auto;padding:var(--spacing-lg)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-md)}.auth-form{width:100%;max-width:400px}.auth-form h2{text-align:center;font-size:2rem;margin-bottom:var(--spacing-lg)}.auth-form>div{margin-bottom:var(--spacing-md)}.auth-form label{display:block;margin-bottom:var(--spacing-sm);font-weight:600}.auth-form input{width:100%;margin-bottom:var(--spacing-md)}.auth-form button{width:100%;padding:.75rem var(--spacing-md)}.auth-form .error{color:var(--color-danger);text-align:center;margin-bottom:var(--spacing-md)}.auth-form .success{color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-md)}.view-col-primary{flex:1.5}.view-col-secondary{flex:1}.view-col-tertiary{flex:2}@media (max-width: 1024px){.view-col-primary,.view-col-secondary,.view-col-tertiary{flex:1 1 100%}}@media (max-width: 768px){.main-container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.health-bar,.xp-bar{width:100%;height:10px;background-color:#00000080;overflow:hidden;margin-top:4px}.health-bar>div{height:100%;background-color:var(--color-danger);transition:width .3s ease}.xp-bar>div{height:100%;background-color:var(--color-accent);transition:width .3s ease}.market-container h3{text-align:center}.market-currency-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:#0003}.market-columns{display:flex;gap:var(--spacing-lg)}.market-column{flex:1}.market-column h4{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}.trade-list{list-style:none;padding:0 10px 0 0;max-height:60vh;overflow-y:auto}.trade-list::-webkit-scrollbar{width:6px}.trade-list::-webkit-scrollbar-track{background:transparent}.trade-list::-webkit-scrollbar-thumb{background:var(--color-text-muted)}.trade-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.trade-item-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);background-color:#0003;margin-bottom:var(--spacing-sm)}.trade-item-info{display:flex;flex-direction:column;flex-grow:1}.trade-item-name{font-weight:600}.trade-item-stats{font-size:.9em;color:var(--color-accent)}.trade-item-value{font-size:.9em;color:var(--color-text-muted)}.trade-item-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.trade-item-actions input{width:70px;text-align:center}@media (max-width: 768px){.market-columns{flex-direction:column;gap:var(--spacing-md)}.market-column{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.market-column:first-child{border-top:none;padding-top:0}.trade-item-row{padding:var(--spacing-sm)}}.inventory-container h3,.storage-container h3{margin-bottom:var(--spacing-md)}.inventory-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.item-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.item-entry{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:#0003}.item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.item-name{font-weight:600;word-break:break-word;min-width:0}.item-rarity{font-style:italic;color:var(--color-text-muted);font-size:.9em;white-space:nowrap;flex-shrink:0}.item-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.item-quantity-input{width:60px;text-align:center}.item-info-container{padding-left:0;font-size:.9em;margin-top:var(--spacing-sm);color:var(--color-text-muted);display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.item-info-type{font-style:italic;text-transform:capitalize}.item-info-effect{color:var(--color-primary);width:100%;margin-top:var(--spacing-sm)}.item-info-stat{font-weight:700;color:var(--color-accent)}.item-info-value{font-style:italic}@media (max-width: 768px){.item-list{gap:var(--spacing-md)}}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem}.loading-screen.error{color:var(--color-danger)}.game-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:var(--spacing-md);background-color:var(--color-panel-bg);padding:var(--spacing-md)}.game-nav{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.game-nav a{padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;color:var(--color-text)}.game-nav a:hover{background-color:var(--color-panel-bg);color:var(--color-text)}.game-nav a.active{color:var(--color-primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.refresh-btn{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-text-muted);padding:6px 12px}.refresh-btn:hover{background-color:var(--color-panel-bg);color:var(--color-text);border-color:var(--color-border)}.logout-link{color:var(--color-danger);font-weight:600}.logout-link:hover{text-decoration:underline;color:#ffcdd2}.game-content{flex-grow:1}.overlay-container{max-width:900px;margin:2rem auto}.message{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid;color:var(--color-text)}.message.error{background-color:#501111b8;border-color:var(--color-danger)}.message.success{background-color:#0c4622ae;border-color:var(--color-primary)}.message.warning{background-color:#8c520ca1;border-color:var(--color-accent)}@media (max-width: 768px){.game-header{flex-direction:column;align-items:stretch}.game-nav{justify-content:center}.header-actions{justify-content:space-between}.overlay-container{margin:var(--spacing-md) auto}}.leaderboards-container{padding:0;max-width:1200px;margin:0 auto}.leaderboards-container h2{text-align:center;margin-bottom:var(--spacing-lg);font-size:2em}.leaderboards-wrapper{display:flex;justify-content:space-around;gap:var(--spacing-lg);flex-wrap:wrap}.leaderboard-table{flex:1;min-width:300px;max-width:500px}.leaderboard-table h3{margin-top:0;text-align:center;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:var(--spacing-md);text-align:left}.leaderboard-table th{font-weight:700;border-bottom:1px solid var(--color-border)}.leaderboard-table tbody tr{transition:background-color .2s ease}.leaderboard-table tbody tr:hover{background-color:#ffffff0d}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:50px;text-align:center;color:var(--color-accent);font-weight:700}.leaderboard-table td:last-child,.leaderboard-table th:last-child{text-align:right;font-family:var(--font-mono)}.player-details h3,.player-loadout h3,.player-skills h3{margin-bottom:var(--spacing-md)}.stat-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm) var(--spacing-md);align-items:center}.stat-grid span:nth-child(odd){font-weight:600;color:var(--color-text-muted)}.join-date{margin-top:var(--spacing-md);font-size:.9em;color:var(--color-text-muted)}.player-loadout .loadout-slot{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;flex-wrap:wrap;gap:var(--spacing-sm)}.player-loadout .loadout-slot-name{font-weight:600}.player-loadout .loadout-item-name{font-style:italic}.player-loadout .item-stats{color:var(--color-accent);font-size:.9em;margin-left:var(--spacing-sm)}.player-loadout .loadout-actions{display:flex;gap:var(--spacing-sm)}.player-skills .skill-points{text-align:center;margin-bottom:var(--spacing-md);font-size:1.1em}.player-skills .skills-grid{display:flex;gap:var(--spacing-md)}.player-skills .skill-card{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border);text-align:center}.player-skills .skill-card h4{margin-bottom:var(--spacing-sm)}.player-skills .skill-card p{font-size:.9em;color:var(--color-text-muted);min-height:50px}@media (max-width: 768px){.player-skills .skills-grid{flex-direction:column}}.feedback-container{max-width:800px;margin:0 auto}.feedback-container p{margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.feedback-container form{display:flex;flex-direction:column;gap:var(--spacing-md)}.feedback-container textarea{width:100%;min-height:150px;resize:vertical;background-color:#0006;border:1px solid var(--color-border);padding:var(--spacing-md);color:var(--color-text);font-family:var(--font-primary)}.feedback-container textarea:focus{border-color:var(--color-primary);outline:none}.feedback-container button{align-self:flex-start}.feedback-success{margin-top:var(--spacing-md);color:var(--color-primary);font-weight:700}