.tier-list-page{--tier-list-canvas-width:860px;--tier-list-canvas-height:430px;--tier-list-palette-column:var(--editor-pokemon-palette-column);--tier-list-palette-outer-padding:var(--editor-pokemon-palette-padding);--tier-list-palette-grid-gap:var(--editor-pokemon-palette-grid-gap);--tier-list-palette-grid-padding:var(--editor-pokemon-palette-grid-padding);height:100vh;height:100svh;height:100dvh;min-height:0;color:var(--navy-950);background:radial-gradient(circle at 12% 10%,#4d79de1a,#0000 28%),#eef2f8;place-items:center;display:grid;position:relative;overflow:hidden}@media (min-width:901px) and (orientation:landscape) and (hover:hover) and (pointer:fine){.tier-list-page{--tier-list-canvas-width:min(1600px, calc(100vw - 32px))}}.tier-list-portrait-message{display:none}.tier-list-landscape{box-sizing:border-box;width:min(100%, var(--tier-list-canvas-width));height:min(100vh, var(--tier-list-canvas-height));height:min(100svh, var(--tier-list-canvas-height));height:min(100dvh, var(--tier-list-canvas-height));grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) calc(54px + env(safe-area-inset-bottom));background:#eef2f8;border:1px solid #c8d3e1;border-radius:16px;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #14284224}html:-webkit-full-screen .tier-list-page{width:100vw;height:100vh;height:100svh;height:100dvh}html:fullscreen .tier-list-page{width:100vw;height:100vh;height:100svh;height:100dvh}html:-webkit-full-screen .tier-list-landscape{border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}html:fullscreen .tier-list-landscape{border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.tier-list-header{z-index:3;padding:2px calc(max(8px, env(safe-area-inset-right)) + 50px) max(2px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#fffffff5;border-top:1px solid #ccd6e4;grid-row:2;grid-template-columns:120px 162px 130px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid;box-shadow:0 -4px 14px #14284212}.tier-list-header>.tier-list-title-group{grid-column:1}.tier-list-header>.tier-list-mode-tabs{grid-column:2}.tier-list-header>.tier-list-board-actions{grid-column:3}.tier-list-header>.tier-list-header-guide,.tier-list-detail-header .tier-list-detail-guide,.tier-list-item-header .tier-list-item-guide{grid-column:4}.tier-list-header>.tier-list-header-actions{grid-column:5}.tier-list-title-group,.tier-list-header-actions{align-items:center;display:flex}.tier-list-title-group{gap:6px;min-width:0}.tier-list-title-group>div{flex:0 0 70px;min-width:70px}.tier-list-title-group h1{overflow-wrap:anywhere;word-break:normal}.tier-list-home-link,.tier-list-header button,.tier-list-role-filter button,.tier-list-pokemon{min-width:44px;min-height:44px}.tier-list-home-link{background:var(--white);color:var(--navy-900);border:1px solid #c9d4e3;border-radius:11px;place-items:center;font-size:20px;font-weight:900;display:grid}.tier-list-title-group small{color:var(--blue-600);letter-spacing:.1em;font-size:7px;font-weight:900;display:block}.tier-list-title-group h1{margin:0;font-size:clamp(15px,2vw,21px);line-height:1.1}.tier-list-header-guide{color:var(--muted);text-align:center;margin:0;font-size:clamp(8px,1vw,11px);font-weight:800}.tier-list-guide-touch{display:none}.tier-list-header-actions{justify-content:flex-end;gap:3px}.tier-list-header>.tier-list-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:162px;min-width:162px}.tier-list-unplaced-count{min-height:28px;color:var(--navy-900);white-space:nowrap;background:#eef2f7;border-radius:999px;align-items:center;padding-inline:8px;font-size:9px;font-weight:900;display:inline-flex}.tier-list-header button{cursor:pointer;white-space:nowrap;border-radius:10px;padding-inline:7px;font-size:9px;font-weight:900}.tier-list-add-button{border:1px solid var(--blue-600);background:var(--blue-600);color:var(--white)}.tier-list-undo-button{color:var(--navy-900);background:#f7f9fc;border:1px solid #7e8fa5}.tier-list-undo-button span,.tier-list-add-button span{margin-right:3px;font-size:15px}.tier-list-remove-button{color:#a64040;background:#fff7f7;border:1px solid #d47070}.tier-list-remove-button span{margin-right:3px;font-size:15px}.tier-list-save-button{color:#236844;background:#effaf4;border:1px solid #459169}.tier-list-add-button:disabled,.tier-list-undo-button:disabled,.tier-list-remove-button:disabled,.tier-list-save-button:disabled{cursor:default;color:#8794a5;background:#e7ebf1;border-color:#ccd5e1}.tier-list-reset-button{background:var(--white);color:var(--navy-900);border:1px solid #c9d4e3}.tier-list-workspace{grid-row:1;grid-template-columns:minmax(0, 1fr) var(--tier-list-palette-column);min-height:0;padding:5px max(5px, env(safe-area-inset-right)) 5px max(5px, env(safe-area-inset-left));gap:6px;display:grid}.tier-list-board,.tier-list-palette{background:var(--white);border:1px solid #ccd6e4;border-radius:14px;min-height:0;box-shadow:0 8px 24px #14284214}.tier-list-board{grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}.tier-list-rows{overscroll-behavior-y:contain;scrollbar-width:thin;flex-direction:column;height:100%;min-height:0;display:flex;overflow-y:auto}.tier-list-board-actions{justify-content:center;align-items:center;gap:2px;min-width:0;min-height:44px;padding:0;display:flex}.tier-list-board-actions button{cursor:pointer;white-space:nowrap;border-radius:10px;min-width:44px;min-height:44px;padding-inline:6px;font-size:8px;font-weight:900}.tier-list-row{border-bottom:1px solid #dbe3ed;flex:1 0 54px;grid-template-columns:clamp(58px,8.5vw,88px) minmax(0,1fr);min-width:0;transition:background-color .12s,box-shadow .12s;display:grid;position:relative}.tier-list-row:last-child{border-bottom:0}.tier-list-row.can-place{cursor:pointer}.tier-list-row.can-place:hover,.tier-list-row.is-drop-target{z-index:1;background:#eef5ff;outline:0;box-shadow:inset 0 0 0 3px #4d79de}.tier-list-row.can-place:focus-visible{z-index:1;background:#eef5ff;outline:0;box-shadow:inset 0 0 0 3px #4d79de}.tier-list-label{z-index:3;background:var(--tier-list-tier-color);border-right:1px solid #0d1d3121;place-items:stretch stretch;min-width:0;display:grid;position:relative}.tier-list-label button,.tier-list-label input{color:#101927;text-align:center;touch-action:manipulation;background:0 0;border:0;width:100%;min-width:0;min-height:44px}.tier-list-label button{cursor:pointer;place-content:center;gap:1px;display:grid}.tier-list-label button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-inline:3px;font-size:clamp(14px,2.2vw,22px);line-height:1.05;overflow:hidden}.tier-list-label button small{white-space:nowrap;font-size:6.5px;font-weight:900}.tier-list-label input{outline-offset:-3px;outline:3px solid #1f5ed0;padding-inline:4px;font-size:clamp(12px,1.8vw,18px);font-weight:900}.tier-list-row-items{z-index:2;pointer-events:none;flex-wrap:wrap;grid-area:1/2;align-content:center;align-items:center;gap:2px;width:100%;min-width:0;padding:1px 4px;display:flex;position:relative;overflow:visible}.tier-list-row-item{pointer-events:auto;flex:none;align-items:center;display:inline-flex;position:relative}.tier-list-row-place-target{z-index:1;cursor:pointer;color:#8a96a6;text-align:left;background:0 0;border:0;grid-area:1/2;place-items:center start;width:100%;min-width:44px;min-height:44px;padding:4px;display:grid}.tier-list-row-place-target:disabled{cursor:default}.tier-list-row.can-place .tier-list-row-place-target{color:var(--blue-600)}.tier-list-empty-row{color:#8a96a6;pointer-events:none;font-size:clamp(8px,1.1vw,11px);font-weight:800}.tier-list-pokemon{cursor:grab;touch-action:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:7px;flex:0 0 52px;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative;overflow:visible}.tier-list-pokemon:active{cursor:grabbing}.tier-list-pokemon.is-selected{outline-offset:-2px;outline:2px solid #f0a52f;box-shadow:0 0 0 3px #f0a52f40}.tier-list-pokemon.is-dragging{outline:2px solid var(--blue-600);outline-offset:-2px;box-shadow:0 0 0 3px #2f6fe440}.tier-list-pokemon img{object-fit:contain;object-position:center;opacity:1;filter:none;clip-path:none;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:0;width:100%;max-width:100%;height:100%;display:block;overflow:visible;transform:none;-webkit-mask:none;mask:none}.tier-list-insert-marker{background:var(--blue-600);border-radius:3px;flex:0 0 3px;width:3px;height:42px;display:block;box-shadow:0 0 0 2px #ffffffe0}.tier-list-palette{gap:var(--editor-pokemon-palette-section-gap);padding:var(--tier-list-palette-outer-padding);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.tier-list-palette.has-selection{grid-template-rows:auto auto minmax(0,1fr)}.tier-list-palette-heading{justify-content:space-between;align-items:center;gap:6px;min-height:31px;padding:0 1px 1px;display:flex}.tier-list-palette-heading>div,.tier-list-palette-heading>div strong,.tier-list-palette-heading>div small{display:block}.tier-list-palette-heading>div strong{font-size:13px}.tier-list-palette-heading>div small{color:var(--muted);font-size:8px;font-weight:800}.tier-list-palette-heading>span,.tier-list-unplace-button{max-width:62%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#eef2f7;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900;overflow:hidden}.tier-list-unplace-button{cursor:pointer;min-width:44px;min-height:44px;color:var(--blue-600);background:#eaf1ff;border:0}.tier-list-palette-heading>span.has-selection{color:#9a5b00;background:#fff1d9}.tier-list-role-filter{grid-template-columns:repeat(5,minmax(44px,1fr));gap:2px;padding-bottom:2px;display:grid}.tier-list-role-filter button{cursor:pointer;color:var(--navy-900);background:#f7f9fc;border:1px solid #ced8e5;border-radius:9px;padding:2px;font-size:clamp(8px,.8vw,10px);font-weight:900}.tier-list-role-filter button:last-child{letter-spacing:-.06em;font-size:7px}.tier-list-role-filter button.active{border-color:var(--navy-900);background:var(--navy-900);color:var(--white)}.tier-list-pool{border-radius:var(--editor-pokemon-palette-grid-radius);background:var(--editor-pokemon-palette-grid-background);border:0;grid-template-rows:minmax(0,1fr);min-height:0;transition:border-color .12s,background-color .12s;display:grid;overflow:hidden}.tier-list-pool.is-drop-target{box-shadow:inset 0 0 0 3px var(--blue-600);background:#eaf1ff}.tier-list-pool-scroll{align-content:start;align-items:start;gap:var(--tier-list-palette-grid-gap);scrollbar-gutter:stable;scrollbar-width:var(--editor-pokemon-palette-scrollbar);width:100%;min-width:0;height:100%;min-height:0;padding:var(--tier-list-palette-grid-padding);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden auto}.tier-list-pool-scroll .tier-list-pokemon{aspect-ratio:1;flex:none;justify-self:center;width:100%;height:auto}.tier-list-pool-scroll>p{color:var(--muted);grid-column:1/-1;margin:10px 4px;font-size:9px;line-height:1.5}.tier-list-fan-note{color:#7c8999;text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:7px;line-height:1.25;overflow:hidden}.tier-list-announcement{left:max(8px, env(safe-area-inset-left), calc((100vw - var(--tier-list-canvas-width)) / 2 + 8px));bottom:calc(98px + env(safe-area-inset-bottom));z-index:8;max-width:min(260px,100% - 28px);color:var(--white);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#0d1d31eb;border-radius:999px;margin:0;padding:7px 13px;font-size:9px;font-weight:800;line-height:1.25;position:fixed;overflow:hidden}@media (max-height:420px) and (orientation:landscape){.tier-list-header{padding-block:1px}.tier-list-header-guide,.tier-list-detail-header .tier-list-detail-guide,.tier-list-item-header .tier-list-item-guide{display:none}.tier-list-home-link,.tier-list-header button,.tier-list-role-filter button,.tier-list-pokemon{min-height:44px}.tier-list-workspace{padding-block:5px}.tier-list-role-filter{gap:2px;padding-bottom:4px}}@media (max-width:700px) and (orientation:landscape){.tier-list-header-guide{display:none}.tier-list-header{padding-right:calc(max(4px, env(safe-area-inset-right)) + 50px);padding-left:max(4px, env(safe-area-inset-left));gap:3px}.tier-list-title-group{gap:3px}.tier-list-title-group small{display:none}.tier-list-title-group h1{font-size:13px}.tier-list-board-actions button,.tier-list-header button,.tier-list-unplaced-count{padding-inline:4px;font-size:8px}.tier-list-fan-note{font-size:6px}}@media (max-width:900px) and (orientation:portrait){.tier-list-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));place-items:center;overflow:auto}.tier-list-portrait-message{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #ccd6e4;border-radius:20px;justify-items:center;width:min(100%,360px);padding:28px 22px;display:grid;position:relative;box-shadow:0 18px 50px #14284224}.tier-list-portrait-message>span{color:#1f5ed0;background:#eaf1ff;border-radius:18px;place-items:center;width:64px;height:64px;font-size:34px;font-weight:900;display:grid}.tier-list-portrait-message h1,.tier-list-portrait-message p{margin:0}.tier-list-portrait-message h1{letter-spacing:-.04em;white-space:nowrap;margin:18px 0 7px;font-size:clamp(16px,4.8vw,19px);line-height:1.3}.tier-list-portrait-message p{color:#526276;max-width:28rem;font-size:13px;line-height:1.65}.tier-list-portrait-message p small{color:#637084;margin-top:4px;font-size:11px;line-height:1.55;display:block}.tier-list-portrait-back-link{z-index:20;top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));position:fixed}.tier-list-landscape{display:none}.tier-list-portrait-orientation-helper{z-index:20;left:max(6px, env(safe-area-inset-left));bottom:max(6px, env(safe-area-inset-bottom));box-sizing:border-box;cursor:pointer;color:#174ea8;min-height:44px;font:inherit;background:#fff;border:2px solid #1f5ed0;border-radius:999px;place-items:center;margin-top:18px;padding:8px 12px;font-size:12px;font-weight:900;line-height:1;display:grid;position:static}}.tier-list-view-page{width:100%;height:100vh;height:100svh;grid-template-rows:minmax(0, 1fr) calc(48px + env(safe-area-inset-bottom));background:#eef2f8;height:100dvh;min-height:0;display:grid;overflow:hidden}.tier-list-view-scroll{min-height:0;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 10px max(10px, env(safe-area-inset-left));overscroll-behavior:contain;overflow:auto}.tier-list-view-table{background:var(--white);border:1px solid #c8d3e1;border-radius:14px;width:min(100%,860px);margin-inline:auto;overflow:hidden;box-shadow:0 18px 50px #14284224}.tier-list-view-row{border-bottom:1px solid #dbe3ed;grid-template-columns:clamp(72px,12vw,104px) minmax(0,1fr);min-height:88px;display:grid}.tier-list-view-row:last-child{border-bottom:0}.tier-list-view-label{background:var(--tier-list-tier-color);color:#101927;text-align:center;text-overflow:ellipsis;border-right:1px solid #0d1d3121;place-items:center;min-width:0;margin:0;padding:6px;font-size:clamp(24px,4vw,38px);font-weight:900;line-height:1;display:grid;overflow:hidden}.tier-list-view-items{background:var(--white);flex-wrap:wrap;align-content:center;align-items:center;gap:4px;min-width:0;padding:7px;display:flex}.tier-list-view-pokemon{flex:0 0 72px;place-items:center;width:72px;height:72px;display:grid}.tier-list-view-pokemon img{object-fit:contain;object-position:center;opacity:1;filter:none;clip-path:none;border-radius:0;width:100%;max-width:100%;height:100%;display:block;transform:none;-webkit-mask:none;mask:none}.tier-list-view-actions{z-index:2;min-width:0;padding:2px calc(max(8px, env(safe-area-inset-right)) + 50px) max(2px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#fffffff7;border-top:1px solid #ccd6e4;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid;box-shadow:0 -4px 14px #14284212}.tier-list-view-actions a,.tier-list-view-actions button{cursor:pointer;white-space:nowrap;border-radius:10px;place-items:center;min-width:44px;min-height:44px;padding-inline:10px;font-size:10px;font-weight:900;display:grid}.tier-list-pokemon>img,.tier-list-view-pokemon>img{object-fit:fill;width:113.281%;max-width:none;height:123.438%;position:absolute;top:-17.1875%;left:-6.25%}.tier-list-view-pokemon{position:relative;overflow:visible}.tier-list-pool-scroll .tier-list-pokemon>img{object-fit:contain;width:100%;max-width:100%;height:100%;position:static}.tier-list-view-actions a{background:var(--white);color:var(--navy-900);border:1px solid #c9d4e3}.tier-list-view-actions button{color:#236844;background:#effaf4;border:1px solid #459169}.tier-list-view-actions button:disabled{cursor:default;color:#8794a5;background:#e7ebf1;border-color:#ccd5e1}.tier-list-view-actions p{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;font-weight:800;overflow:hidden}.tier-list-view-status{min-height:100dvh;color:var(--navy-950);text-align:center;background:#eef2f8;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid}.tier-list-view-status p{margin:0;font-weight:800}.tier-list-view-status a{background:var(--navy-900);min-height:44px;color:var(--white);border-radius:11px;place-items:center;padding-inline:18px;font-size:12px;font-weight:900;display:grid}@media (hover:none),(pointer:coarse){.tier-list-guide-mouse{display:none}.tier-list-guide-touch{display:inline}}.tier-list-fullscreen-fallback{z-index:20;right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));color:#fff;width:44px;min-width:44px;height:44px;min-height:44px;font:inherit;text-align:center;background:linear-gradient(145deg,#3479ef,#164eb8);border:2px solid #123f9c;border-radius:9px;place-items:center;padding:1px;font-size:10px;font-weight:900;line-height:1.05;display:grid;position:absolute;box-shadow:0 5px 14px #174aad57,inset 0 0 0 1px #ffffff47}.tier-list-fullscreen-fallback:focus-visible{outline-offset:2px;outline:3px solid #f7b731}
