@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');:root{--bg:#0d0d11;--acid:#d6fa5b;--muted:#a9a9ae;--line:#38383f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f8f7f3;font-family:'DM Sans',sans-serif}a{color:inherit}.notice{position:sticky;top:0;z-index:10;background:var(--acid);color:#181b11;display:flex;gap:18px;justify-content:space-between;padding:9px 3%;font-size:11px}.notice b{font-family:'JetBrains Mono',monospace}header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3%}header a{text-decoration:none;font-size:12px;font-weight:700}header a:hover{color:var(--acid)}.logo img{width:95px}.intro{padding:35px 3% 24px;display:flex;align-items:end;justify-content:space-between;gap:30px}.intro small{font:600 10px 'JetBrains Mono',monospace;letter-spacing:.1em;color:var(--acid)}h1,h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase}h1{font-size:clamp(43px,5vw,70px);line-height:.95;margin:12px 0}p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.intro a{font-size:12px;color:var(--acid);white-space:nowrap}.intro>div{max-width:660px}#game-tabs{display:flex;gap:8px;padding:0 3% 17px;overflow:auto}button{font:inherit;cursor:pointer}#game-tabs button{border:1px solid var(--line);background:#17171c;color:#dad9dc;padding:10px 15px;font-size:12px;white-space:nowrap}#game-tabs button[aria-current=true]{background:var(--acid);color:#171b0c;border-color:var(--acid);font-weight:700}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;padding:0 3% 35px;height:calc(100vh - 255px);min-height:500px}aside,.preview{border:1px solid var(--line);background:#17171c}aside{padding:18px;overflow:auto}aside h2{font-size:22px;margin:0 0 12px}#screen-list{display:flex;flex-direction:column;gap:7px}#screen-list button{text-align:left;background:#202026;color:#d8d7dc;border:1px solid #404047;padding:10px;font-size:11px;line-height:1.35}#screen-list button[aria-current=true]{border-color:var(--acid);color:var(--acid)}#screen-list button span{display:block;color:#95949b;font:10px 'JetBrains Mono',monospace;margin-top:5px}.aside-note{font-size:11px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.preview{min-width:0;display:flex;flex-direction:column}.preview-toolbar{min-height:46px;border-bottom:1px solid var(--line);padding:11px 15px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.preview-toolbar strong{font-weight:600}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:7px}#device-label{font:10px 'JetBrains Mono',monospace;color:var(--acid)}#frame-wrap{flex:1;min-height:0;background:#09090c;overflow:auto;display:flex;justify-content:center}iframe{border:0;background:#101417;width:100%;height:100%}#frame-wrap.mobile iframe{width:390px;max-width:100%;min-height:780px;flex-shrink:0;box-shadow:0 0 0 1px #4b4b53}a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}@media(max-width:760px){.notice{display:block;font-size:10px}.notice span{display:block;margin-top:3px}.intro{display:block}.intro a{display:inline-block;margin-top:16px}.workspace{display:block;height:auto;padding-bottom:20px}aside{margin-bottom:12px}#screen-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.preview{height:75vh;min-height:540px}}
.logo img{width:145px;height:auto;max-height:55px;object-fit:contain}

.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 15px;border-bottom:1px solid var(--line)}.preview-actions p{font-size:11px}.preview-actions a{font-size:11px;font-weight:700;color:var(--acid);white-space:nowrap;text-decoration:none}.preview-actions a:hover{text-decoration:underline}#frame-wrap{align-items:flex-start}#screen-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}#screen-image[hidden]{display:none}#frame-wrap.mobile #screen-image{width:min(390px,100%);box-shadow:0 0 0 1px #4b4b53}@media(max-width:760px){.preview-actions{display:block}.preview-actions a{display:inline-block;margin-top:8px}}

.image-stage{position:relative;width:100%;flex-shrink:0}.image-stage #screen-image{display:block;width:100%;height:auto}.image-open-link{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.66);color:#fff;text-decoration:none;opacity:0;transition:opacity .18s ease}.image-open-link span{background:var(--acid);color:#171b0c;font-size:13px;font-weight:700;padding:14px 18px}.image-stage:hover .image-open-link,.image-open-link:focus-visible{opacity:1}#frame-wrap.mobile .image-stage{width:min(390px,100%)}@media(hover:none){.image-open-link{opacity:1;place-items:end;background:linear-gradient(transparent 65%,rgba(0,0,0,.7))}.image-open-link span{margin:16px}}