.retro-canvas-root{z-index:40;width:100vw;height:100dvh;max-height:100dvh;position:fixed;inset:0;overflow:hidden}.retro-canvas-page{color:#e2e8f0;background:#0f172a;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.retro-canvas__toolbar{background:#1e293b;border-bottom:2px solid #000;flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto auto;align-items:center;gap:.5rem .75rem;padding:.45rem .75rem;font-family:Courier New,monospace;font-size:12px;display:grid}.retro-canvas__toolbar-hint{text-align:center;color:#fde68a;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 .35rem;font-size:11px;line-height:1.25;overflow:hidden}.retro-canvas__toolbar-hint--empty{min-height:0;padding:0;display:block}.retro-canvas__brand{align-items:center;gap:.65rem;min-width:0;display:flex}.retro-canvas__home{color:#93c5fd;white-space:nowrap;flex:none;font-size:11px;text-decoration:none}.retro-canvas__home:hover{text-decoration:underline}.retro-canvas__titles{min-width:0}.retro-canvas__titles h1{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.retro-canvas__tagline{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:10px;line-height:1.25;overflow:hidden}.retro-canvas__dim{color:#94a3b8;font-weight:400}.retro-canvas__search{align-items:center;gap:.35rem;width:min(15rem,28vw);display:flex;position:relative}.retro-canvas__search-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.retro-canvas__search-input{color:#f8fafc;background:#0f172a;border:1px solid #475569;flex:auto;width:100%;min-width:0;padding:.32rem .5rem;font-family:Courier New,monospace;font-size:12px}.retro-canvas__search-input::placeholder{color:#64748b}.retro-canvas__search-btn{color:#0f172a;cursor:pointer;background:#fde68a;border:1px solid #000;flex:none;padding:.32rem .65rem;font-family:Courier New,monospace;font-size:12px;font-weight:700}.retro-canvas__search-results{z-index:30;background:#0f172a;border:1px solid #334155;flex-direction:column;gap:.2rem;max-height:min(10rem,40dvh);padding:.25rem;display:flex;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000073}.retro-canvas__search-empty{color:#94a3b8;margin:.25rem 0 0;font-size:11px}.retro-canvas__search-hit{color:#e2e8f0;text-align:left;cursor:pointer;background:#1e293b;border:1px solid #334155;align-items:baseline;gap:.5rem;width:100%;padding:.28rem .45rem;font-family:Courier New,monospace;font-size:11px;display:flex}.retro-canvas__search-hit:hover,.retro-canvas__search-hit.is-active{background:#172554;border-color:#fde68a}.retro-canvas__search-hit-coord{color:#93c5fd;flex:none}.retro-canvas__search-hit-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.retro-canvas__toolbar-meta{flex-direction:column;flex:none;align-items:flex-end;gap:.35rem;display:flex}.retro-canvas__zoom{flex:none;align-items:center;gap:.25rem;display:flex}.retro-canvas__zoom-btn{color:#f8fafc;cursor:pointer;background:#334155;border:1px solid #000;min-width:1.65rem;padding:.22rem .4rem;font-family:Courier New,monospace;font-size:12px;font-weight:700;line-height:1}.retro-canvas__zoom-btn:hover:not(:disabled){background:#475569}.retro-canvas__zoom-btn:disabled{opacity:.45;cursor:not-allowed}.retro-canvas__zoom-btn--reset{min-width:0;padding:.22rem .45rem;font-size:10px;font-weight:400}.retro-canvas__zoom-level{text-align:center;color:#e2e8f0;white-space:nowrap;min-width:2.75rem;font-size:11px;font-weight:700}.retro-canvas__stats{color:#f8fafc;white-space:nowrap;text-align:right;flex:none;margin:0;font-size:13px;font-weight:700}@media (max-width:720px){.retro-canvas__toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand meta""hint hint""search search"}.retro-canvas__brand{grid-area:brand}.retro-canvas__toolbar-hint{white-space:normal;grid-area:hint}.retro-canvas__search{grid-area:search;width:100%}.retro-canvas__toolbar-meta{grid-area:meta}}.retro-canvas__board{flex-direction:column;flex:1 1 0;width:100%;min-width:0;min-height:0;display:flex}.retro-canvas__toolbar-hint:not(.retro-canvas__toolbar-hint--empty){animation:2.4s ease-in-out infinite retro-canvas-toolbar-hint}@keyframes retro-canvas-toolbar-hint{0%,to{opacity:.88}50%{opacity:1}}.retro-canvas__scrollport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;background:#0f172a;flex:1 1 0;min-height:0;position:relative;overflow:auto}.retro-canvas__scrollport::-webkit-scrollbar{width:10px;height:10px}.retro-canvas__scrollport::-webkit-scrollbar-thumb{background:#475569;border:2px solid #0f172a;border-radius:0}.retro-canvas__scrollport::-webkit-scrollbar-track{background:#1e293b}.retro-canvas__stage{cursor:crosshair;touch-action:pan-x pan-y;box-sizing:border-box;background-color:#d4d4d8;background-image:linear-gradient(90deg,#71717a0e 1px,#0000 1px),linear-gradient(#71717a0e 1px,#0000 1px);background-size:calc(100% / var(--canvas-cols,128)) calc(100% / var(--canvas-rows,60));border:1px solid #0f172a06;flex-shrink:0;height:auto;max-height:none;margin:0 auto;padding:0;display:block;position:relative;overflow:hidden}.retro-canvas__stage.is-loading{cursor:wait}.retro-canvas__cell,.retro-canvas__selection{box-sizing:border-box;margin:0;padding:0;position:absolute}.retro-canvas__cell{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.retro-canvas__cell--text{background:0 0}.retro-canvas__cell-label{box-sizing:border-box;text-align:center;color:#0f172a;letter-spacing:-.02em;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-shadow:0 0 1px #f8fafc;width:100%;max-width:100%;max-height:100%;margin:0 auto;padding:0 2px;font-family:Courier New,monospace;font-weight:700;line-height:1.12;display:block}.retro-canvas__cell-label--compact{white-space:nowrap;word-break:normal;overflow-wrap:normal}.retro-canvas__cell--image{background:0 0}.retro-canvas__cell img{object-fit:fill;image-rendering:pixelated;display:block;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.retro-canvas__selection{outline-offset:-1px;pointer-events:none;z-index:2;background:#dc262626;outline:1px solid #dc2626a6}.retro-canvas__search-focus{outline-offset:-2px;pointer-events:none;z-index:2;background:#fde04740;outline:2px solid #eab308}.retro-canvas__cell--search-match{outline-offset:-2px;z-index:3;outline:2px solid #eab308}.retro-canvas__dock{z-index:60;color:#111827;pointer-events:none;background:#f8fafc;border-top:2px solid #000;max-height:min(50dvh,360px);padding:.55rem .75rem .85rem;transition:transform .2s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 32px #00000073}.retro-canvas__dock.is-open{pointer-events:auto;transform:translateY(0)}.retro-canvas__dock-hint{z-index:55;color:#94a3b8;text-align:center;pointer-events:none;background:#0f172aeb;border-top:1px solid #334155;margin:0;padding:.45rem .75rem;font-family:Courier New,monospace;font-size:11px;position:fixed;bottom:0;left:0;right:0}.retro-canvas__dock-hint.is-hidden{display:none}.retro-canvas__msg{border:1px solid #000;margin:0 0 .5rem;padding:.45rem .6rem;font-family:Courier New,monospace;font-size:12px}.retro-canvas__msg--ok{background:#ecfdf5}.retro-canvas__msg--err{background:#fee2e2}.retro-canvas__form{gap:.45rem;display:grid}.retro-canvas__form h2{margin:0;font-family:Courier New,monospace;font-size:15px}.retro-canvas__fine{color:#4b5563;margin:0;font-family:Courier New,monospace;font-size:12px}.retro-canvas__form label{gap:.2rem;font-family:Courier New,monospace;font-size:12px;display:grid}.retro-canvas__form input{background:#fff;border:1px solid #000;border-radius:0;padding:.32rem .45rem;font-family:Courier New,monospace;font-size:13px}.retro-canvas__form-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.retro-canvas__form button{cursor:pointer;background:#e5e7eb;border:1px solid #000;padding:.4rem .65rem;font-family:Courier New,monospace;font-size:12px}.retro-canvas__form button[type=submit]{background:#bbf7d0;font-weight:700}.retro-canvas__form button:disabled{opacity:.55;cursor:not-allowed}.retro-canvas__form button[type=button]{background:#fff}