@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.hero-gradient{background:linear-gradient(90deg,#2b8cff,#3794ff,#2b8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-box{position:relative;text-align:center;padding:.9rem 1.4rem;max-width:37rem;margin:0 auto;background:#0003;border-radius:13px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.desktop-only{display:inline}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:inline}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tierlist-container{animation:slideUp .6s ease-out}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:2px solid;cursor:pointer;font-size:.95rem;text-decoration:none;transform:scale(1);will-change:transform;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)!important}.back-btn{background:#9ca3af1a;border-color:#9ca3af4d;color:#9ca3af}.back-btn:hover{background:#9ca3af2e;border-color:#9ca3af8c;color:#dce0e6;transform:scale(1.02);box-shadow:0 0 0 2px #9ca3af26,0 0 6px #9ca3af33}.save-btn{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.save-btn:hover{background:#3b82f62e;border-color:#3b82f699;color:#93c5ff;transform:scale(1.02);box-shadow:0 0 0 2px #3b82f633,0 0 6px #3b82f640}.export-btn{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.export-btn:hover{background:#22c55e2e;border-color:#22c55e99;color:#86efac;transform:scale(1.02);box-shadow:0 0 0 2px #22c55e33,0 0 6px #22c55e40}.undo-btn{background:#fb923c1a;border-color:#fb923c4d;color:#fb923c}.undo-btn:hover:not(:disabled){background:#fb923c2e;border-color:#fb923c99;color:#fdba74;transform:scale(1.02);box-shadow:0 0 0 2px #fb923c33,0 0 6px #fb923c40}.undo-btn:disabled{opacity:.35;cursor:not-allowed}.tier-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;width:52px;padding:3px;align-self:center;position:relative;z-index:2}.tier-controls-row{display:flex;gap:3px;align-items:center}.tier-ctrl-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;border:1px solid;cursor:pointer;background:#0000004d;flex-shrink:0;font-size:14px;line-height:1;transform:scale(1);will-change:transform;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)!important}.tier-ctrl-btn svg{width:12px;height:12px;pointer-events:none}.tier-ctrl-btn.ctrl-up,.tier-ctrl-btn.ctrl-down{border-color:#9ca3af4d;color:#9ca3afb3}.tier-ctrl-btn.ctrl-up:hover,.tier-ctrl-btn.ctrl-down:hover{border-color:#9ca3afb3;color:#fff;background:#9ca3af26;transform:scale(1.02);box-shadow:0 0 0 2px #9ca3af26}.tier-ctrl-btn.ctrl-color{border-color:#9ca3af4d;color:#9ca3afb3}.tier-ctrl-btn.ctrl-color:hover{border-color:#9ca3afb3;color:#fff;background:#9ca3af26;transform:scale(1.02);box-shadow:0 0 0 2px #9ca3af26}.tier-ctrl-btn.ctrl-add{border-color:#22c55e66;color:#22c55ecc}.tier-ctrl-btn.ctrl-add:hover{border-color:#22c55ecc;color:#86efac;background:#22c55e26;transform:scale(1.02);box-shadow:0 0 0 2px #22c55e33,0 0 6px #22c55e40}.tier-ctrl-btn.ctrl-remove{border-color:#ef444466;color:#ef4444cc}.tier-ctrl-btn.ctrl-remove:hover{border-color:#ef4444cc;color:#fca5a5;background:#ef444426;transform:scale(1.02);box-shadow:0 0 0 2px #ef444433,0 0 6px #ef444440}.tier-text{outline:none;cursor:text;border-radius:4px;padding:2px 4px;width:100%;text-align:center;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;line-height:1.2}.tier-text:focus{background:#ffffff1a}.color-picker-popup{position:fixed;z-index:9999;background:#14161efa;border:1px solid rgba(156,163,175,.4);border-radius:10px;padding:14px;box-shadow:0 8px 32px #000000b3,0 0 0 1px #9ca3af1a;width:210px;opacity:0;transform:scale(.92) translateY(-6px);transform-origin:top center;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1)!important}.color-picker-popup.show{opacity:1;transform:scale(1) translateY(0)}.color-picker-popup:hover{transform:scale(1.015) translateY(0)}.color-picker-popup h4{color:#c8cdd7e6;font-size:.75rem;font-weight:600;margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em}.color-picker-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.color-picker-row label{color:#b4b9c3b3;font-size:.7rem;min-width:55px}.color-picker-row input[type=color]{width:38px;height:26px;border:1px solid rgba(156,163,175,.4);border-radius:5px;cursor:pointer;background:none;padding:1px}.color-picker-close{display:block;width:100%;margin-top:8px;padding:6px;background:#9ca3af26;border:1px solid rgba(156,163,175,.4);border-radius:6px;color:#c8cdd7;font-size:.75rem;cursor:pointer;text-align:center;transition:background .2s}.color-picker-close:hover{background:#9ca3af4d}.reset-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.reset-btn:hover{background:#ef44442e;border-color:#ef444499;color:#fca5a5;transform:scale(1.02);box-shadow:0 0 0 2px #ef444433,0 0 6px #ef444440}.tierlist-container{animation:slideUp .6s ease-out;background:#111827cc;border:2px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden}.column-headers{display:flex;gap:.75rem;padding:1rem .75rem;background:#0006;border-bottom:2px solid rgba(59,130,246,.3)}#header-columns:empty{min-height:24px}#tiers-container:empty{min-height:610px}@media (max-width: 767px){#tiers-container:empty{min-height:420px}}.tier-label-spacer{width:70px;min-width:70px;max-width:70px;flex-shrink:0}.tier-controls-spacer{width:52px;flex-shrink:0;display:flex;align-items:stretch}.header-columns{flex:1;display:flex;gap:.75rem;align-items:stretch}.header-columns-grid{flex:1;display:grid;gap:.75rem}.column-header{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#0000004d;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#ffffffe6;font-weight:600;font-size:.8rem;min-width:0}.header-icon{width:20px;height:20px;color:#3b82f6cc}.column-header-text{outline:none;cursor:text;border-radius:3px;padding:1px 3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-header-text:focus{background:#ffffff1a}.col-delete-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#ef444499;cursor:pointer;font-size:12px;line-height:1;flex-shrink:0;transition:all .2s ease;padding:0;margin-left:4px}.col-delete-btn:hover{border-color:#ef4444b3;color:#fca5a5;background:#ef444433}.col-delete-btn svg{width:10px;height:10px;pointer-events:none}.col-add-header{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.4rem .2rem;border-radius:6px;color:#22c55ed9;background:#22c55e14;border:1px solid rgba(34,197,94,.4);cursor:pointer;font-size:.65rem;font-weight:600;gap:.2rem;flex-direction:column;transform:scale(1);will-change:transform;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)!important}.col-add-header:hover{border-color:#22c55ebf;color:#86efac;background:#22c55e2e;transform:scale(1.05);box-shadow:0 0 0 2px #22c55e33,0 0 6px #22c55e40}.col-add-header svg{width:14px;height:14px;pointer-events:none}.tier-separator{height:2px;width:100%;opacity:.6}.tier-row{display:flex;align-items:stretch;gap:.75rem;padding:.75rem;background:#0003}.tier-row.editable .role-column{min-height:80px;border:2px dashed transparent;border-radius:6px;transition:all .3s ease}.tier-row.editable .role-column.drag-over{border-color:#3b82f699;background:#3b82f626;box-shadow:inset 0 0 20px #3b82f633}.drop-zone.drop-feedback{animation:dropPulse .3s ease}@keyframes dropPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02);background:#22c55e33}}.tier-label{min-width:70px;width:70px;max-width:70px;display:flex;align-items:center;justify-content:center;border:2px solid;border-radius:8px;padding:.3rem .2rem;font-weight:600;font-size:.8rem;text-shadow:0 2px 8px rgba(0,0,0,.8);flex-shrink:0;white-space:normal;overflow:hidden;box-sizing:border-box;position:relative;z-index:1}.tier-content{flex:1 0 0%;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.role-column{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-start;padding:.5rem;background:#0000004d;border-radius:6px}@media (max-width: 768px){.role-column{min-height:70px}.role-column.drop-zone{transition:all .2s ease}body.has-selection .role-column.drop-zone{border:2px dashed rgba(59,130,246,.4);cursor:pointer}body.has-selection .role-column.drop-zone:active{background:#3b82f633}}.character-slot{position:relative;width:clamp(32px,9.6vw,68px);height:clamp(32px,9.6vw,68px);cursor:grab;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.character-slot.selected{transform:scale(1.1);box-shadow:0 0 0 3px #3b82f6cc;z-index:100}.character-slot.swap-preview{box-shadow:0 0 0 3px #22c55ee6,0 0 16px #22c55e80;transform:scale(1.08);z-index:99;transition:box-shadow .15s ease,transform .15s ease}@keyframes dropFlash{0%{filter:brightness(1.8)}to{filter:brightness(1)}}.character-slot.drop-flash{animation:dropFlash .35s ease-out}.character-slot:active{cursor:grabbing}.character-slot.dragging{opacity:.4}.character-icon{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid rgba(50,50,50,.8);box-shadow:0 2px 8px #00000080;pointer-events:none}.pool-header{padding:.3rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(75,85,99,.4)}.pool-header-title{font-size:.95rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;margin:0}.pool-header-sub{font-size:.75rem;color:#9ca3af;margin:0}.character-pool-section{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(calc(100vw - 2rem),72rem);z-index:39;background:#0a0e1af7;box-shadow:0 -8px 32px #0009;border-radius:12px 12px 0 0;backdrop-filter:blur(12px)}@media (min-width: 960px){.character-pool-section{left:calc(50% + 40px);transition:left .3s cubic-bezier(.4,0,.2,1)!important}}.responsive-container{padding-bottom:180px;transition:padding-bottom .3s ease}.character-pool-container{background:#11182799;border:2px solid rgba(75,85,99,.6);border-top:none;border-radius:0;padding:.4rem .75rem;backdrop-filter:blur(10px)}.character-pool{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;min-height:unset;max-height:100px;overflow-y:auto;padding:.4rem .5rem;border:2px dashed transparent;border-radius:8px;transition:max-height .3s ease!important;scrollbar-width:thin;scrollbar-color:rgba(75,85,99,.6) transparent}@media (min-width: 769px){.character-pool-section:hover .character-pool{max-height:175px}}.character-pool::-webkit-scrollbar{width:6px}.character-pool::-webkit-scrollbar-track{background:transparent}.character-pool::-webkit-scrollbar-thumb{background:#4b556399;border-radius:3px}.character-pool.drag-over{border-color:#3b82f699;background:#3b82f626;box-shadow:inset 0 0 20px #3b82f633}body.pool-hover .character-popup-wrapper{opacity:0!important;pointer-events:none!important;transition:none!important}.character-pool-container{position:relative}.character-pool-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,rgba(17,24,39,.9),transparent);pointer-events:none;z-index:2;border-radius:0;opacity:0;transition:opacity .3s ease}.character-pool-container.has-scroll:after{opacity:1}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width: 768px){.responsive-container{padding-bottom:200px!important}.character-pool-section{left:0;transform:none;width:100%;border-radius:0}.pool-header{min-height:20px;padding:1px 10px!important}.pool-header-title{font-size:10px!important;line-height:1.1;white-space:nowrap}.pool-header-title svg{width:10px!important;height:10px!important}.pool-header-sub{font-size:8px!important;line-height:1.1}.character-pool-container{border-radius:0!important;padding:.3rem 0 .4rem!important;background:#0a0e1af7!important;border:none!important;border-top:1px solid rgba(75,85,99,.3)!important;position:relative}.character-pool-container:before,.character-pool-container:after{content:"";position:absolute;top:0;bottom:10px;width:24px;z-index:2;pointer-events:none}.character-pool-container:before{left:0;background:linear-gradient(to right,rgba(10,14,26,.9),transparent)}.character-pool-container:after{right:0;background:linear-gradient(to left,rgba(10,14,26,.9),transparent)}.character-pool{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:unset!important;max-height:unset!important;padding:.3rem .75rem .5rem!important;gap:.4rem!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.5) rgba(255,255,255,.05)}.character-pool::-webkit-scrollbar{height:3px}.character-pool::-webkit-scrollbar-track{background:#ffffff0d}.character-pool::-webkit-scrollbar-thumb{background:#6366f180;border-radius:2px}.character-pool-section .character-slot{width:clamp(42px,10.5vw,52px)!important;height:clamp(42px,10.5vw,52px)!important;flex-shrink:0;scroll-snap-align:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.character-pool-section .character-slot.selected{transform:scale(1.025)!important}}.instructions-section{animation:slideUp 1s ease-out}@media (max-width: 768px){.instructions-section{display:none}}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}@media (max-width: 1024px){.responsive-container{max-width:95%!important}}@media (max-width: 768px){.responsive-container{max-width:100%!important;padding-left:.5rem;padding-right:.5rem}.tier-label,.tier-label-spacer{min-width:clamp(40px,10vw,70px)!important;width:clamp(40px,10vw,70px)!important;max-width:clamp(40px,10vw,70px)!important}.tier-label{font-size:clamp(.5rem,1.8vw,.7rem);font-weight:600;padding:.3rem}.tier-characters,.character-pool{gap:.3rem}.column-header{font-size:clamp(.4rem,1.5vw,.6rem);padding:clamp(.15rem,.5vw,.3rem) clamp(.1rem,.3vw,.2rem)}.header-icon{width:clamp(10px,2.5vw,14px);height:clamp(10px,2.5vw,14px)}.tier-row{padding:clamp(.25rem,1vw,.5rem);gap:clamp(.25rem,1vw,.5rem)}.tier-content{gap:clamp(.25rem,1vw,.5rem)}.role-column{padding:clamp(.15rem,.5vw,.3rem);gap:clamp(.15rem,.5vw,.3rem);min-height:clamp(32px,9.6vw,48px)}.column-headers{padding:clamp(.4rem,1.5vw,.75rem) clamp(.3rem,1vw,.5rem);gap:clamp(.3rem,1vw,.5rem)}.header-columns{gap:clamp(.3rem,1vw,.5rem)}.action-btn{font-size:clamp(.7rem,2vw,.85rem);padding:clamp(.4rem,1vw,.6rem) clamp(.6rem,2vw,1rem)}.action-btn svg{width:1rem;height:1rem}}@media (max-width: 360px){.responsive-container{padding-left:.15rem;padding-right:.15rem}.tier-row{padding:.3rem;gap:.3rem}.tier-content{gap:.3rem}.role-column{padding:.2rem;gap:.2rem}}.tlm-hero{position:relative;min-height:410px;overflow:hidden}.tlm-hero-image{position:absolute;inset:0;background:var(--hero-img) 72% 22% / cover}.tlm-hero-side-fade{position:absolute;inset:0;background:linear-gradient(90deg,#08090d,#08090de6 12%,#08090db8,#08090d80,#08090d4d 42%,#08090d3d,#08090d4d 58%,#08090d80,#08090db8,#08090de6 88%,#08090d)}.tlm-hero-bottom-fade{position:absolute;inset:0;background:linear-gradient(0deg,#08090d 2%,transparent 42%)}.tlm-hero-content{position:relative;display:flex;min-height:340px;max-width:1360px;margin:0 auto;padding:44px 32px 5px;flex-direction:column;justify-content:flex-start}.tlm-hero-copy{animation:rise .8s cubic-bezier(.16,1,.3,1) both}.tlm-hero h1{margin:0;color:#fff;font-family:var(--tfont);font-size:clamp(46px,7.2vw,104px);font-weight:600;letter-spacing:.03em;line-height:.92;white-space:nowrap}.tlm-hero h1 span{color:var(--accent)}.tlm-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 9px;margin-top:28px;color:#eef1f7;font-size:13px;font-weight:700;letter-spacing:.14em}.tlm-hero-meta i{color:#eef1f78c;font-style:normal}.tlm-main{position:relative;z-index:11;max-width:1360px;margin:-160px auto 0;padding:0 32px 230px}@media (min-width: 1280px){.tlm-main{margin-top:-186px}}.tlm-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.tlm-section-heading>div>p{margin:0 0 9px;color:var(--txt-meta);font-size:9px;font-weight:700;letter-spacing:.2em}.tlm-section-heading h2{display:inline-block;margin:0;padding-bottom:3px;border-bottom:2px solid #fff;color:#fff;font-family:var(--tfont);font-size:clamp(27px,3vw,34px);font-weight:600;letter-spacing:.03em;line-height:1}.tlm-section-help{margin:0;color:#ffffffb8;font-size:12px}.tlm-toolbar{display:flex;justify-content:center;gap:8px;margin-bottom:16px;padding:14px;flex-wrap:wrap;background:var(--surface-tile);border:1px solid var(--line-soft);border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.tlm-toolbar .action-btn{display:inline-flex;padding:9px 12px!important;align-items:center;gap:7px;background:#ffffff0b!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);color:var(--txt-mute)!important;font-size:10px!important;font-weight:700;letter-spacing:.06em;box-shadow:none!important;text-transform:uppercase}.tlm-toolbar .action-btn:hover:not(:disabled){background:#ffffff1a!important;border-color:#ffffff3d!important;color:#fff!important;box-shadow:none!important;transform:scale(1.025)}.tlm-toolbar .export-btn{padding:11px 16px!important;background:#ffffff29!important;border-color:#ffffff52!important;color:#fff!important}.tlm-toolbar .export-btn.is-exporting{opacity:.75;cursor:progress}@keyframes spin{to{transform:rotate(360deg)}}.tlm-toolbar .reset-btn{color:#fca5a5e6!important;border-color:#ef444433!important}.tlm-toolbar .action-btn:disabled{opacity:.3}.tlm-toolbar .action-btn svg{width:16px;height:16px}#editable-tierlist.tierlist-container{overflow:hidden;background:var(--surface-tile)!important;border:1px solid var(--line-soft)!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);box-shadow:none!important}#editable-tierlist .column-headers{gap:8px;padding:10px 12px!important;background:#ffffff06!important;border-bottom:1px solid rgba(255,255,255,.08)!important}#editable-tierlist .tier-label-spacer{width:72px;min-width:72px;max-width:72px}#editable-tierlist .tier-controls-spacer{width:52px}#editable-tierlist .header-columns,#editable-tierlist .header-columns-grid{gap:8px!important}#editable-tierlist .column-header{padding:8px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}#editable-tierlist .header-icon{width:17px;height:17px;color:#fff}#editable-tierlist .col-delete-btn,#editable-tierlist .col-add-header{border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%)}#editable-tierlist .col-add-header{background:#ffffff0d!important;border-color:#ffffff21!important;color:var(--txt-mute)!important;box-shadow:none!important}#editable-tierlist .tier-separator{height:1px;opacity:.45}#editable-tierlist .tier-row{gap:8px;padding:10px 12px!important;background:#ffffff03!important}#editable-tierlist .tier-label{width:72px;min-width:72px;max-width:72px;padding:7px 5px!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);font-family:Arial,sans-serif;font-size:16px;font-weight:800;letter-spacing:.04em;text-shadow:0 2px 5px rgba(0,0,0,.9)}#editable-tierlist .tier-text{border-radius:0!important;font:inherit;font-weight:800}#editable-tierlist .tier-content{gap:8px}#editable-tierlist .tier-row.editable .role-column{min-height:76px;padding:8px!important;gap:7px;background:#ffffff07!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}#editable-tierlist .tier-row.editable .role-column.drag-over,body.has-selection #editable-tierlist .role-column.drop-zone{background:#ffffff17!important;border-color:#ffffff57!important;box-shadow:inset 0 0 18px #ffffff0a!important}#editable-tierlist .tier-controls{width:52px}#editable-tierlist .tier-ctrl-btn{width:22px;height:22px;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%);color:var(--txt-mute)!important;box-shadow:none!important}#editable-tierlist .tier-ctrl-btn:hover{background:#ffffff1c!important;border-color:#ffffff47!important;color:#fff!important;box-shadow:none!important}.instructions-section{margin:16px 0}.instructions-section>div{max-width:none!important;padding:16px 18px!important;background:var(--surface-tile)!important;border:1px solid var(--line-soft)!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);text-align:left!important}.instructions-section h3{margin-bottom:8px!important;font-family:var(--tfont);font-size:24px!important;font-weight:600}.instructions-section>div>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;color:#ffffffc2!important;font-size:13px!important;line-height:1.5}.instructions-section p{margin:0;padding:8px 10px;background:#ffffff09;border-left:1px solid rgba(255,255,255,.18)}.character-pool-section{left:50%!important;transform:translate(-50%)!important;width:min(calc(100vw - 2rem),80rem)!important;background:#0a0c12f7!important;border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:0!important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);box-shadow:0 -12px 35px #0000008c!important}@media (min-width: 960px){.character-pool-section{left:5.5rem!important;right:0!important;transform:none!important;margin-inline:auto;width:min(calc(100vw - 7.5rem),80rem)!important}}.pool-header{padding:12px 16px!important;background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.08)!important}.pool-header-title{font-family:var(--tfont);font-size:20px!important;font-weight:600;letter-spacing:.03em}.pool-header-title svg{color:#fff}.pool-header-sub{color:#ffffffb3!important;font-size:12px!important}.character-pool-container{padding:7px 12px!important;background:transparent!important;border:0!important}.character-pool{gap:7px!important;background:transparent!important}.character-slot{transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease!important}.character-slot:not(.selected):not(.dragging):hover{transform:scale(1.08)}.character-icon{background:var(--surface-card);border:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);box-shadow:none!important}.character-slot.selected,.character-slot.swap-preview{box-shadow:0 0 0 2px #ffffffb8!important}.color-picker-popup{background:#0f1117fa!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.color-picker-close,.color-picker-row input[type=color]{border-radius:0!important}@media (max-width: 900px){.instructions-section>div>div{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tlm-main{padding-inline:6px}.tlm-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.tlm-toolbar{justify-content:flex-start;padding:10px}.pool-header{min-height:20px;padding:1px 10px!important}.pool-header-title{font-size:10px!important;line-height:1.1}.pool-header-title svg{width:10px!important;height:10px!important}.pool-header-sub{font-size:8px!important;line-height:1.1}#editable-tierlist .column-headers,#editable-tierlist .tier-row{gap:4px;padding:6px!important}#editable-tierlist .tier-content,#editable-tierlist .header-columns,#editable-tierlist .header-columns-grid{gap:4px!important}#editable-tierlist .tier-label,#editable-tierlist .tier-label-spacer{width:clamp(32px,8.5vw,52px)!important;min-width:clamp(32px,8.5vw,52px)!important;max-width:clamp(32px,8.5vw,52px)!important}#editable-tierlist .tier-controls,#editable-tierlist .tier-controls-spacer{width:28px!important;min-width:28px!important}#editable-tierlist .tier-ctrl-btn{width:18px;height:18px}#editable-tierlist .tier-row.editable .role-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;padding:3px!important;gap:3px}#editable-tierlist .role-column .character-slot{width:100%;height:auto;aspect-ratio:1}.instructions-section>div>div{grid-template-columns:1fr}}@media (max-width: 640px){.tlm-hero{min-height:370px}.tlm-hero-content{min-height:300px;padding:38px 16px 5px}.tlm-hero h1{font-size:clamp(37px,11.5vw,48px)}.tlm-hero-meta{max-width:340px;font-size:10px}.tlm-main{margin-top:-140px}.tlm-toolbar .action-btn{flex:1 1 calc(50% - 8px);justify-content:center}}