: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)}.nes-btn,.nes-input,.nes-container{border-image-repeat:stretch}.app-shell{width:min(1180px,100vw - 28px);margin:0 auto;padding:24px 0 36px}.topbar{grid-template-columns:1fr auto;align-items:start;gap:18px;margin-bottom:18px;display:grid}.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}.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:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(210px,17vw,300px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;bottom:clamp(-18px,-1.2vw,-8px);right:clamp(-28px,-1.8vw,-12px)}.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;top:50%;left:50%}.crop-controls{gap:10px;display:grid}.crop-controls label{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.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}.toolbar{justify-content:flex-start}.tier-label{font-size:min(var(--tier-label-font-size,16px), 16px)}}@media (prefers-reduced-motion:reduce){.diamond-particle{animation-duration:.52s}}