html{--background: #0d1514;--surface: #18211f;--on-surface: #fff;--on-surface-secondary: #777;--header: #434343;--on-header: #d0d0d0;--subheader: #707a5f;--on-subheader: #d0d0d0;--primary: #516d73;--on-primary: #fff;--zk-green: #5ad12b;--zk-yellow: #d3ca2c;--zk-red: #d43c3c}body{background:var(--background);font-family:IBM Plex Mono;margin:0}a{color:#99cbff;text-decoration:none}a:hover{text-decoration:underline}.nav{align-items:center;background:var(--surface);color:var(--on-surface);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:fixed;width:40px;z-index:2}.nav-header{padding:12px 0}.nav-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;overflow:hidden;width:100%}.nav-button:disabled{cursor:not-allowed}.nav-button svg{fill:var(--on-primary)}.nav-button:disabled svg{fill:#666}.nav-button:hover{background:#444}.nav-button.selected{background:var(--primary)}.main{margin-left:40px;position:relative}.element-air{color:#bbeaf8}.element-earth{color:#be8106}.element-fire{color:var(--zk-red)}.element-water{color:#7583ff}.achievements{display:flex;flex-direction:column;font-size:12px;gap:8px;padding:8px;max-width:1000px}.achievements .card{display:inline-block;max-width:150px}.achievements-table{background:var(--surface);border-radius:8px;border-spacing:0;color:var(--on-surface);overflow:hidden}.achievement.progress{background:#0004;color:var(--zk-yellow)}.achievement.done{background:inherit;color:var(--zk-green)}.achievements-table th{background:var(--header);color:var(--on-header);text-align:left;white-space:nowrap;padding:8px;font-weight:400}.achievements-table td{padding:2px 8px;white-space:nowrap}.nowrap{white-space:nowrap}.max-points{color:#666}.card{background:var(--surface);border-radius:8px;color:var(--on-surface);overflow:hidden}.card-header{background:var(--header);color:var(--on-header);padding:8px}.card-content{padding:8px}.equipment{display:flex;flex-direction:column;font-size:12px;gap:8px;padding:8px;max-width:1000px}.equipment-table{background:var(--surface);border-radius:8px;border-spacing:0;color:var(--on-surface);overflow:hidden}.equipment-table th{font-weight:400;text-align:left;white-space:nowrap}.equipment-table .equipment-table-header th{background:var(--header);color:var(--on-header);box-sizing:border-box;width:20px;padding:8px}.equipment-table th.equipment-table-name-column{width:300px}.equipment-table .equipment-table-subheader th{background:var(--subheader);color:var(--on-subheader);padding:4px 8px}.equipment-table td{padding:2px 8px;white-space:nowrap;text-overflow:ellipsis}.equipment-table tr:hover,tr:hover .monster-attack,tr:hover .monster-res{background:#0006}.home{display:flex;flex-direction:column;font-size:12px;gap:8px;padding:8px;max-width:1000px}.home-card-content{display:flex;flex-direction:column;gap:12px}.home-username-input,.home-token-input{background:var(--primary);color:var(--on-primary);font-family:IBM Plex Mono}.home-input-row{align-items:center;display:flex;gap:4px}.home-username-input{max-width:150px}.home-username-icon{color:var(--zk-green)}.home-token-input{flex-grow:1}.home-caveat{color:#666}.bank{display:flex;font-size:12px;flex-direction:row;gap:8px;padding:8px;min-width:1500px}.column{box-sizing:border-box;display:flex;flex-direction:column;width:calc((100% - 48px) / 7);gap:8px}.section{background:var(--surface);border-radius:8px;color:var(--on-surface);overflow:hidden;position:relative}.section-header{background:var(--header);color:var(--on-header);padding:4px}.section-content{padding:4px 0}.item{display:flex;padding:0 4px;text-decoration:none;width:100%}.item:hover{cursor:pointer}.item:hover,.item.highlight{background:#ebf0b2;color:#000}.item.needed{color:var(--zk-yellow)}.item.needed:hover,.item.needed.highlight{background:var(--zk-yellow);color:#000}.item.available{color:var(--zk-green)}.item.available:hover,.item.available.highlight{background:#bfd604;color:#225e0b}.item.empty{color:var(--zk-red)}.item.empty:hover,.item.empty.highlight{background:var(--zk-red);color:#fff}.item.lowprio{color:#666}.item.lowprio:hover,.item.lowprio.highlight{background:#ddd;color:#222}.quantity,.requested{width:40px;flex-shrink:0}.level{width:35px;flex-shrink:0}.code{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard{display:flex;font-size:12px;flex-direction:row;gap:8px;padding:8px;min-width:1650px}.leaderboard-column{background:var(--surface);color:var(--on-surface)}.highlight-rank{background:var(--zk-yellow);color:#000}.ranking-level{color:var(--on-surface-secondary)}.ranking-entry{white-space:nowrap}.monsters{display:flex;flex-direction:column;font-size:12px;gap:8px;padding:8px;max-width:1000px}.monsters-table{background:var(--surface);border-radius:8px;border-spacing:0;color:var(--on-surface);overflow:hidden}.monsters-table th{font-weight:400;text-align:left;white-space:nowrap}.monsters-table .monsters-table-header th{background:var(--header);color:var(--on-header);padding:8px}.monsters-table .monsters-table-subheader th{background:var(--subheader);color:var(--on-subheader);padding:4px 8px}.monsters-table td{padding:8px;white-space:nowrap;text-overflow:ellipsis}.monster-attack{background:#453535}.monster-res{background:#353545}.monsters-table tr:hover,tr:hover .monster-attack,tr:hover .monster-res{background:#0006}.party{color:var(--on-surface);display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto;font-size:12px;gap:8px;padding:8px;max-width:1000px}.grid-cell{background:var(--surface);border-radius:4px;max-width:160px}.party-column-1{grid-column:1}.party-column-2{grid-column:2}.party-column-3{grid-column:3}.party-column-4{grid-column:4}.party-column-5{grid-column:5}.party-column-6{grid-column:6}.party-row-1{grid-row:1}.party-row-2{grid-row:2}.party-row-3{grid-row:3}.party-row-4{grid-row:4}.party-row-5{grid-row:5}.party-row-6{grid-row:6}.party-row-7{grid-row:7}.party-row-8{grid-row:8}.party-row-9{grid-row:9}.party-row-10{grid-row:10}.party-cell{height:15px;padding:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-cell-header{background:var(--header);color:var(--on-header);border-radius:4px 4px 0 0}.party-cell-header-spacer{background:var(--background)}.tier-1{background:#5ad12b26}.tier-2{background:#5ad12b4d}.tier-3{background:#5ad12b73}.tier-4{background:#5ad12b99}.tier-5{background:#343434;font-weight:700;color:#ca9d57}.detail{color:#777}.tier-2 .detail,.tier-3 .detail,.tier-4 .detail{color:#aaa}.settings{display:flex;flex-direction:column;font-size:12px;gap:8px;padding:8px;max-width:1000px}.settings-card-content{display:flex;flex-direction:column;gap:12px}.settings-inventory-textarea{background:var(--primary);color:var(--on-primary);font-family:IBM Plex Mono;max-width:300px;min-height:200px}.settings-inventory-textarea::placeholder{color:#8d9a9b}