:root{--page-art:url(https://i.ibb.co/sp5mpw9H/2d58b210-4ce8-4974-a3ed-51f03f464ebc.png);--background:#fff0f7;--panel:#fffafd;--panel-strong:#ffe0ef;--ink:#2d2027;--muted:#745d68;--line:#2d2027;--tier-bg:#ffffff3d;--accent:#ff6fae;--accent-strong:#e6488f;--soft-yellow:#fff4b8;--shadow:#2d202738;--font-pixel:"Press Start 2P", "Courier New", monospace;--tile-size:104px;--tier-separator:2px}*{box-sizing:border-box}html{background:var(--background)}body{min-height:100vh;color:var(--ink);background:linear-gradient(#fff0f76b, #fff0f76b), var(--page-art) center / cover fixed no-repeat, var(--background);font-family:var(--font-pixel);margin:0;font-size:12px;line-height:1.65}button,input,select,textarea{font-family:var(--font-pixel)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nes-btn,.nes-input,.nes-container{border-image-repeat:stretch}.app-shell{width:min(1180px,100vw - 28px);margin:0 auto;padding:40px 0 36px}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:18px;display:grid;position:relative}.nav-menu{z-index:60;position:absolute;top:0;left:calc(-50vw + 50% + 24px)}.nav-menu-button{border:4px solid var(--line);width:54px;height:48px;color:var(--ink);cursor:pointer;background:#fffafdd1;place-content:center;gap:6px;padding:0;display:grid;position:relative;box-shadow:inset -5px -5px #ff97ca94,5px 5px #2d202733}.nav-menu-button span{background:currentColor;width:25px;height:4px;display:block;box-shadow:0 1px #ffffff80}.nav-menu-button:hover,.nav-menu-button:focus-visible,.nav-menu-button.is-open{background:#fff0f7f0;box-shadow:inset -6px -6px #ff6fae6b,5px 5px #2d20273d}.nav-menu-button:focus{outline:0}.nav-menu-dropdown{border:4px solid var(--line);background:#fffafde6;min-width:178px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:inset -5px -5px #ffb3d580,5px 5px #2d202738}.nav-menu-item{margin:0}.nav-menu-link{border:4px solid var(--line);width:calc(100% - 8px);color:var(--ink);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;appearance:none;background-color:#fffafddb;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;margin:4px;padding:9px 8px;line-height:1.35;display:grid;position:relative;box-shadow:inset -4px -4px #e6488f70}.nav-menu-link:hover,.nav-menu-link:focus,.nav-menu-link:focus-visible,.nav-menu-link:active{color:var(--ink);background-color:#ffe0ef;outline:0;box-shadow:inset -6px -6px #e6488f80}.nav-menu-link:active{box-shadow:inset 4px 4px #e6488f80}.nav-menu-link-icon{place-items:center;width:18px;height:18px;display:grid}.nav-menu-link-icon svg{width:18px;height:18px;display:block}.brand{gap:8px;display:grid}.brand h1{margin:0;font-size:clamp(18px,2.6vw,30px);line-height:1.35}.status-text{color:var(--muted);margin:0;font-size:11px}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.toolbar .nes-btn{min-width:118px}.tierlists-topbar{align-items:center}.tierlists-page{width:min(1180px,100vw);padding-top:40px}.tierlists-topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.tierlist-list{align-items:start;gap:22px;display:grid}.tierlist-manager-row{background:#ffffff24;gap:0;display:grid}.tierlist-preview{border:4px solid var(--line);background:#ffffff24;border-top:0;width:100%;display:grid;overflow:hidden}.tierlist-preview-row{grid-template-columns:var(--manager-preview-label-size,var(--tile-size)) minmax(0, 1fr);min-height:var(--manager-preview-tile-size,var(--tile-size));border-bottom:2px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--preview-tier-color) 15%, transparent), color-mix(in srgb, var(--preview-tier-color) 7%, transparent) 36%, #ffffff29), var(--tier-bg);display:grid}.tierlist-preview-row:last-child{border-bottom:0}.tierlist-preview-label{border-right:2px solid var(--line);background:var(--preview-tier-color);text-align:center;overflow-wrap:anywhere;place-items:center;padding:4px;font-size:14px;line-height:1.2;display:grid;overflow:hidden}.tierlist-preview-label span{max-width:100%;display:block}.tierlist-preview-items{background:repeating-linear-gradient(90deg, transparent 0 calc(var(--manager-preview-tile-size,var(--tile-size)) - 2px), #2d20271f calc(var(--manager-preview-tile-size,var(--tile-size)) - 2px) var(--manager-preview-tile-size,var(--tile-size))), #fff3;flex-wrap:wrap;align-content:flex-start;min-width:0;display:flex;overflow:hidden}.tierlist-preview-items img{width:var(--manager-preview-tile-size,var(--tile-size));height:var(--manager-preview-tile-size,var(--tile-size));flex:0 0 var(--manager-preview-tile-size,var(--tile-size));object-fit:cover;display:block}.tierlist-manager-main{min-width:0}.tierlist-manager-row h2{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.tierlist-manager-overlay{border:4px solid var(--line);background:#fffafdb8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px;display:grid}.tierlist-name-field{width:100%;margin:0;display:block;position:relative}.tierlist-name-field .nes-input{background:#ffffffc7;width:100%;padding-right:54px}.rename-confirm-button{border:3px solid var(--line);color:#18330e;background:#92cc41;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:inset -4px -4px #4aa52e}.rename-confirm-button:disabled{opacity:.6}.rename-confirm-button svg{width:18px;height:18px;display:block}.tierlist-manager-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;display:flex}.tierlist-manager-actions .nes-btn{white-space:nowrap}.manager-modal{background:var(--panel);width:min(460px,100%)}.manager-modal .nes-input{background:#fff;width:100%}.manager-modal-copy{overflow-wrap:anywhere;margin:8px 0 0;line-height:1.7}.upload-add-button{color:var(--ink);background-color:#ffffffc7}.upload-add-button:after{box-shadow:inset -4px -4px #ffb3d5b8}.upload-add-button:hover{color:var(--ink);background-color:#ffffffe6}.upload-add-button:hover:after{box-shadow:inset -6px -6px #ff97cac7}.upload-add-button:focus{box-shadow:0 0 0 6px #ffb3d552}.upload-add-button:active:not(.is-disabled):after{box-shadow:inset 4px 4px #ff97cac7}.upload-add-button:disabled{color:var(--muted);background-color:#ffffff85}.login-row{align-items:center;gap:8px;display:flex}.login-row .nes-input{background:#fff;width:220px}.workspace{gap:16px;display:grid}.tier-board{background:#ffffff24;padding:0;position:relative;overflow:hidden}.tier-row{grid-template-columns:var(--tile-size) 1fr;min-height:calc(var(--tile-size) + var(--tier-separator));border-bottom:var(--tier-separator) solid #050505;display:grid}.tier-row:last-child{min-height:var(--tile-size);border-bottom:0}.tier-label{background:var(--tier-color);font-size:var(--tier-label-font-size,18px);text-align:center;white-space:nowrap;border-right:2px solid #050505;place-items:center;padding:8px;line-height:1.2;display:grid}.tier-dropzone{min-height:var(--tile-size);background:linear-gradient(90deg, color-mix(in srgb, var(--tier-color) 15%, transparent), color-mix(in srgb, var(--tier-color) 7%, transparent) 36%, #ffffff29), var(--tier-bg);padding:0}.tile-grid{z-index:2;min-height:var(--tile-size);flex-wrap:wrap;align-content:flex-start;gap:0;display:flex;position:relative}.game-tile{z-index:2;width:var(--tile-size);height:var(--tile-size);box-shadow:none;touch-action:none;background:#0c0c0b;border:0;position:relative;overflow:hidden}.game-tile-content{width:100%;height:100%}.game-tile-content.is-overlay{width:var(--tile-size);height:var(--tile-size);cursor:grabbing;background:#0c0c0b;overflow:hidden;box-shadow:0 10px #0000003d}.game-tile-content img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.game-tile.is-dragging{opacity:.28;z-index:20}.board-kitten{z-index:30;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:0;width:clamp(210px,17vw,300px);height:auto;padding:0;position:absolute;bottom:clamp(-18px,-1.2vw,-8px);right:clamp(-28px,-1.8vw,-12px)}.board-kitten img{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;transition:filter .14s,transform .14s;display:block}.board-kitten:hover img,.board-kitten:focus-visible img{filter:drop-shadow(0 0 10px #ffb3d5b8);transform:scale(1.06)}.board-kitten:focus,.board-kitten:focus-visible{box-shadow:none;outline:0}.board-kitten.is-petted img{animation:.56s cubic-bezier(.2,1.35,.28,1) kitten-pet}@keyframes kitten-pet{0%{transform:translateY(0)rotate(0)scale(1.06)}28%{transform:translateY(-9px)rotate(-3deg)scale(1.12)}54%{transform:translateY(1px)rotate(2deg)scale(1.03)}78%{transform:translateY(-3px)rotate(-1deg)scale(1.08)}to{transform:translateY(0)rotate(0)scale(1.06)}}.remove-item{color:#fff;opacity:0;pointer-events:none;background:#e76e55;border:2px solid #2d2027;place-items:center;width:18px;height:18px;padding:0;font-size:9px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.game-tile:hover .remove-item,.game-tile:focus-within .remove-item{opacity:1;pointer-events:auto}.placement-effects{z-index:80;pointer-events:none;position:fixed;inset:0}.diamond-particle{opacity:0;animation:diamond-drop var(--diamond-duration) cubic-bezier(.24, .72, .28, 1) var(--diamond-delay) forwards;background:url(/images/placement-particle.png) 50%/contain no-repeat;display:block;position:fixed;transform:translate(-50%,-50%)scale(.35)}@keyframes diamond-drop{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}8%{opacity:1;transform:translate(calc(-50% + var(--diamond-dx) * .08), calc(-50% + var(--diamond-dy) * .08)) scale(1)}58%{opacity:.92;transform:translate(calc(-50% + var(--diamond-dx) * .58), calc(-50% + var(--diamond-dy) * .58)) scale(.82)}to{opacity:0;transform:translate(calc(-50% + var(--diamond-dx)), calc(-50% + var(--diamond-dy))) scale(.18)}}.editor-panels{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.editor-panels .nes-container{background:#fffafdb8}.section-title{margin:0 0 12px;font-size:14px;line-height:1.5}.tier-settings{gap:12px;display:grid}.tier-setting{grid-template-columns:38px 1fr 44px 44px 44px;align-items:center;gap:8px;display:grid}.tier-color{border:3px solid var(--line);background:0 0;width:38px;height:38px;padding:0}.tier-setting .nes-input{background:#fff;min-width:0}.settings-actions{gap:10px;margin-top:14px;display:flex}.modal-backdrop{z-index:50;background:#2d20278f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.crop-modal{background:var(--panel);width:min(620px,100%)}.crop-preview{aspect-ratio:1;border:4px solid var(--line);background:#111;width:min(360px,72vw);margin:12px auto 18px;position:relative;overflow:hidden}.crop-preview img{-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.crop-controls{gap:10px;display:grid}.crop-controls label{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.nes-range{width:100%;height:28px;cursor:inherit;appearance:none;background:0 0;margin:0}.nes-range:focus{outline:0}.nes-range::-webkit-slider-runnable-track{border:4px solid var(--line);background:#ffffffd6;height:12px;box-shadow:inset -4px -4px #ffb3d5b3}.nes-range::-webkit-slider-thumb{border:4px solid var(--line);background:var(--soft-yellow);width:22px;height:22px;cursor:inherit;appearance:none;margin-top:-9px;box-shadow:inset -4px -4px #f3cf5c}.nes-range:focus::-webkit-slider-runnable-track{box-shadow:inset -4px -4px #ffb3d5b3,0 0 0 4px #ffb3d557}.nes-range::-moz-range-track{border:4px solid var(--line);background:#ffffffd6;height:4px;box-shadow:inset -4px -4px #ffb3d5b3}.nes-range::-moz-range-thumb{border:4px solid var(--line);background:var(--soft-yellow);width:14px;height:14px;cursor:inherit;border-radius:0;box-shadow:inset -4px -4px #f3cf5c}.nes-range:focus::-moz-range-track{box-shadow:inset -4px -4px #ffb3d5b3,0 0 0 4px #ffb3d557}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (max-width:860px){:root{--tile-size:76px}.topbar,.editor-panels{grid-template-columns:1fr}.nav-menu{width:max-content;position:relative;top:auto;left:auto}.toolbar{justify-content:flex-start}.tierlists-topbar-actions{width:100%}.tierlists-topbar-actions,.tierlist-manager-actions{justify-content:flex-start}.tierlist-manager-overlay{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px}.tierlist-manager-actions{gap:6px}.tier-label{font-size:min(var(--tier-label-font-size,16px), 16px)}}