.tierlist-page{height:calc(100vh - var(--header-height) - 48px);-webkit-user-select:none;user-select:none;flex-direction:column;max-width:none;padding:0;display:flex;overflow:hidden}.tierlist-controls{background:var(--bg-secondary);border-bottom:1px solid var(--border-default);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tierlist-title{color:var(--text-primary);font-size:18px;font-weight:600}.tierlist-controls .controls-left,.tierlist-controls .controls-right{align-items:center;gap:12px;display:flex}.tierlist-content{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.tier-table{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;display:flex}.tier-rows{background:var(--bg-secondary);border-radius:var(--radius-md)var(--radius-md)0 0;flex-direction:column;display:flex}.tier-row{border-bottom:1px solid var(--border-default);min-height:98px;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.tier-row:last-of-type{border-bottom:none}.tier-row--drag-over{background:#00ff880d}.tier-row--drag-over .tier-content{background:#00ff8814}.tier-label{color:#0a0e14;text-shadow:0 1px 2px #0000004d;-webkit-user-select:none;user-select:none;cursor:default;justify-content:center;align-items:center;width:100px;min-width:100px;font-size:24px;font-weight:700;display:flex}.tier-row:first-of-type .tier-label{border-radius:var(--radius-md)0 0 0}.tier-content{background:var(--bg-tertiary);min-height:98px;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:8px;padding:12px;display:flex}.tier-actions{background:var(--bg-secondary);border-left:1px solid var(--border-default);flex-direction:column;flex-shrink:0;justify-content:center;gap:2px;padding:8px;display:flex}.tier-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.tier-action-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;min-width:16px;height:16px;min-height:16px;display:block}.tier-action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.tier-action-btn:disabled{opacity:.3;cursor:not-allowed}.add-tier-btn{border:none;border-top:1px dashed var(--border-default);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:500;display:flex}.add-tier-btn:hover{background:var(--bg-hover);color:var(--color-primary)}.weapon-tile{border-radius:var(--radius-sm);cursor:grab;width:78px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),margin-left .15s ease-out;-webkit-user-select:none;user-select:none;background:#4a4a4a;border:2px solid #7a7a7a;flex-direction:column;align-items:center;padding:6px;display:flex;position:relative}.weapon-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.weapon-tile:active{cursor:grabbing;transform:scale(1.05)}.weapon-tile--dragging{visibility:hidden;opacity:0}.weapon-tile--drop-target{margin-left:86px}.weapon-tile--drop-target:before{content:"";border:2px dashed var(--color-primary);border-radius:var(--radius-sm);pointer-events:none;background:#00ff8826;width:78px;position:absolute;top:0;bottom:0;left:-84px}.weapon-tile-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.weapon-tile-icon{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:-webkit-optimize-contrast}.weapon-tile-name{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.2px;text-shadow:0 1px 2px #00000080;white-space:nowrap;max-width:100%;margin-top:4px;font-size:8px;font-weight:600;line-height:1.1}.weapon-pool-section{flex-shrink:0}.weapon-pool-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.weapon-pool-header h3{color:var(--text-primary);font-size:14px;font-weight:600}.weapon-pool{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:100px;transition:background-color var(--transition-fast),border-color var(--transition-fast);flex-wrap:wrap;gap:10px;padding:16px;display:flex}.weapon-pool--drag-over{border-color:var(--color-primary);background:#00ff880d}.weapon-pool-empty{width:100%;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex}.tierlist-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tierlist-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:360px;max-width:480px;box-shadow:var(--shadow-lg);padding:24px}.tierlist-modal--small{text-align:center;min-width:320px;max-width:380px}.tierlist-modal h3{margin-bottom:20px;font-size:16px;font-weight:600}.tierlist-modal p{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.5}.tierlist-modal-field{margin-bottom:20px}.tierlist-modal-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.tierlist-modal-field input[type=text]{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:10px 12px;font-size:14px}.tierlist-modal-field input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted);outline:none}.color-picker{flex-direction:column;gap:12px;display:flex}.color-preview{border-radius:var(--radius-sm);border:2px solid #fff3;width:100%;height:40px}.color-presets{flex-wrap:wrap;gap:8px;display:flex}.color-preset{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:transform var(--transition-fast),border-color var(--transition-fast);border:2px solid #0000}.color-preset:hover{transform:scale(1.1)}.color-preset--selected{box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px currentColor;border-color:#fff}.tierlist-modal-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.tierlist-modal-actions--center{justify-content:center}.tierlist-modal-actions-right{gap:10px;display:flex}.share-dropdown{position:relative}.share-menu{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:180px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden}.share-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.share-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.share-menu-item svg{flex-shrink:0}.drag-ghost{pointer-events:none;touch-action:none;animation:.15s ease-out ghost-appear}@keyframes ghost-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:768px){.tierlist-page{height:calc(100vh - var(--mobile-header-height,52px));height:calc(100dvh - var(--mobile-header-height,52px))}.tierlist-controls{padding:10px 12px}.tierlist-title{font-size:16px}.tierlist-content{gap:16px;padding:12px}.tier-label{z-index:2;width:50px;min-width:50px;font-size:18px;position:sticky;left:0;box-shadow:2px 0 4px #0003}.tier-content{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:8px;min-height:84px;padding:10px;overflow:auto hidden}.tier-content::-webkit-scrollbar{height:4px}.tier-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.weapon-tile{scroll-snap-align:start;flex-shrink:0;width:64px;min-height:64px;padding:6px}.weapon-tile-icon-wrapper{width:40px;height:40px}.weapon-tile-name{margin-top:3px;font-size:7px}.tier-actions{background:var(--bg-secondary);z-index:2;flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;width:44px;min-width:44px;padding:6px 4px;display:flex;box-shadow:-2px 0 4px #0003}.tier-action-btn{border-radius:var(--radius-sm);width:32px;min-width:32px;height:32px;color:var(--text-muted,#ffffff80);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.tier-action-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;min-width:16px;height:16px;min-height:16px;display:block}.tier-action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.tier-action-btn:disabled{opacity:.3;cursor:not-allowed}.add-tier-btn{padding:14px;font-size:14px}.weapon-pool{gap:8px;min-height:80px;padding:12px}.weapon-pool-header h3{font-size:13px}.tierlist-modal-overlay{padding:16px}.tierlist-modal{width:100%;min-width:auto;max-width:none}.share-menu{border-radius:var(--radius-lg);z-index:9000;min-width:auto;position:fixed;inset:auto 16px 16px}.share-menu-item{min-height:var(--touch-target-min,44px);font-size:14px}.share-menu-item-copy{display:none}.tierlist-controls .control-btn{min-height:40px;padding:8px 12px}.tierlist-controls .control-btn span:not(.btn-text-mobile){display:none}.tierlist-controls .control-btn svg{width:18px;height:18px}}@media (max-width:480px){.tierlist-controls{gap:8px;padding:8px 10px}.tierlist-title{font-size:14px}.tierlist-content{gap:12px;padding:8px}.tier-row{min-height:72px}.tier-label{width:44px;min-width:44px;font-size:16px}.tier-content{gap:6px;min-height:72px;padding:6px}.weapon-tile{width:52px;min-height:56px;padding:4px}.weapon-tile-icon-wrapper{width:36px;height:36px}.weapon-tile-name{display:none}.tier-actions{gap:2px;width:36px;min-width:36px;padding:4px 2px}.tier-action-btn{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tier-action-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:12px;min-width:12px;height:12px;min-height:12px;display:block}.add-tier-btn{padding:12px;font-size:13px}.weapon-pool{gap:6px;min-height:70px;padding:10px}.weapon-pool-header{flex-wrap:wrap;gap:8px}.weapon-pool-header h3{font-size:12px}.weapon-pool-header .control-btn{min-height:36px;padding:6px 10px;font-size:11px}.weapon-pool-empty{padding:16px;font-size:12px}.tierlist-controls .control-btn{min-height:36px;padding:6px 10px}}@media (max-height:500px) and (max-width:900px){.tierlist-controls{padding:6px 12px}.tierlist-content{gap:8px;padding:8px}.tier-row{min-height:56px}.tier-content{min-height:56px;padding:4px}.weapon-tile{width:44px;min-height:44px}.weapon-tile-icon-wrapper{width:32px;height:32px}.weapon-tile-name{display:none}.weapon-pool{min-height:60px;padding:8px}}.weapon-tile{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse){.weapon-tile:active{opacity:.9;transform:scale(.95)}.tier-action-btn:active{background:var(--bg-tertiary);transform:scale(.95)}.add-tier-btn:active{background:var(--bg-tertiary)}}html.touch-drag-active,body.touch-drag-active{touch-action:none!important;-webkit-overflow-scrolling:auto!important;overscroll-behavior:none!important}html.touch-drag-active *,body.touch-drag-active *{touch-action:none!important}.touch-drag-active .tierlist-content{touch-action:none!important;scroll-behavior:auto!important;overflow:hidden auto!important}.touch-drag-active .tier-content{touch-action:none!important;overflow:hidden!important}