.terminal{padding:44px var(--pad) 48px;background:#171817;color:#f2f3ed;border-bottom:1px solid #41423d}
.terminal-head{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:32px}
.terminal-head h2{margin:0;font-size:14px;line-height:1.6;font-weight:500;letter-spacing:.1em}
.terminal .cn{color:#a9aaa4;font-size:14px;letter-spacing:0;margin-top:4px}
#terminal-motion{background:transparent;color:#d1d2cc;border:1px solid #565751;padding:10px 14px;min-height:44px;font-size:14px;cursor:pointer;flex-shrink:0;text-align:left}
#terminal-motion:hover{background:#292a27}
.terminal-board{padding:clamp(20px,3vw,44px);border:0;max-width:1120px;margin:0 auto}
.terminal-meta,.terminal-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:16px;color:#a9aaa4;font:12px/1.6 ui-monospace,monospace;letter-spacing:.06em;min-height:20px}
.terminal-meta{margin-bottom:24px}.terminal-bottom{margin-top:24px}.terminal-bottom .cn{margin:0}
.terminal-flaps{display:none;grid-template-columns:repeat(13,minmax(0,1fr));gap:clamp(2px,.45vw,6px);margin:0 0 12px;perspective:900px}
.terminal-enhanced .terminal-flaps{display:grid}
.terminal-flap{position:relative;min-width:0;aspect-ratio:5/7;background:transparent;border-radius:0;transform-style:preserve-3d;will-change:auto}
.terminal-flap canvas{display:block;width:100%;height:100%}
#terminal-city-name{color:#e8c84b;font-size:clamp(28px,5vw,76px);line-height:1.3;text-transform:uppercase;font-weight:400;margin:0 0 20px;font-family:ui-monospace,monospace}
#terminal-time{display:block;font:clamp(28px,5vw,76px)/1.3 ui-monospace,monospace}
.terminal-enhanced #terminal-city-name,.terminal-enhanced #terminal-time{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
@media(max-width:560px){.terminal-head{gap:16px}.terminal-head h2{max-width:18ch;font-size:12px}#terminal-motion{font-size:12px;padding:8px 10px}.terminal{padding-top:32px;padding-bottom:32px}.terminal-board{padding:18px 14px}.terminal-meta{margin-bottom:18px}.terminal-bottom{margin-top:18px}.terminal-flaps{gap:2px}}

/* Icon-only pause/play, with a comfortable touch target. */
.terminal-head #terminal-motion{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#bfc2c9;transition:color .2s,background .2s}
.terminal-head #terminal-motion[hidden]{display:none}
.terminal-head #terminal-motion:hover{color:#fff;background:#ffffff09}
.terminal-head #terminal-motion:focus-visible{outline:1px solid #aab4c5;outline-offset:3px}
#terminal-motion svg{display:block;flex:none}
#terminal-motion .terminal-play-icon{display:none}
#terminal-motion[aria-pressed="true"] .terminal-pause-icon{display:none}
#terminal-motion[aria-pressed="true"] .terminal-play-icon{display:block}
@media(prefers-reduced-motion:reduce){.terminal-head #terminal-motion{transition:none}}