*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;background:#faf9f7;color:#21231e;font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;background:transparent}button:focus-visible,a:focus-visible,#board-viewport:focus-visible{outline:2px solid #21231e;outline-offset:3px}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #dedfd5;gap:20px;font-size:12px}.viewer-header nav{display:flex;gap:28px}.viewer-header nav a{padding:8px 0;border-bottom:1px solid transparent}.viewer-header nav a[aria-current=page]{border-color:#21231e}.viewer-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:22px 32px 12px;gap:18px}.viewer-title{display:flex;justify-content:space-between;align-items:center;gap:24px}.viewer-title span,.viewer-caption{font:9px/1.7 "Courier New",monospace;color:#63685a;letter-spacing:.05em}.viewer-title h1{font-size:26px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:8px 0}.viewer-title p{font-size:12px;line-height:1.6;color:#63685a;margin:0;max-width:620px}.viewer-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.viewer-controls button{border:1px solid #c6cabc;border-radius:999px;min-width:38px;min-height:38px;padding:8px 12px}.viewer-controls button:hover{background:#e7e8df}.viewer-controls output{font:11px "Courier New",monospace;min-width:54px;text-align:center}#board-viewport{flex:1;min-height:240px;position:relative;overflow:hidden;background:#dcdcdc;touch-action:none;cursor:grab;isolation:isolate}#board-viewport.is-dragging{cursor:grabbing}#board-world{position:absolute;transform-origin:0 0;will-change:transform;pointer-events:none}#board-overview{position:absolute;inset:0;width:100%;height:100%;display:block}#board-tiles img{position:absolute;display:block;max-width:none}.viewer-caption{margin:0;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.viewer-header{padding:16px 18px;flex-wrap:wrap;gap:10px 18px;font-size:10px}.viewer-header nav{gap:22px}.viewer-header>a:last-child{margin-left:auto}.viewer-main{padding:16px 18px 10px;gap:14px}.viewer-title{align-items:flex-start;flex-direction:column;gap:14px}.viewer-title h1{font-size:24px}.viewer-title p{font-size:11px}.viewer-controls{width:100%;justify-content:flex-end}.viewer-controls button{min-height:40px}#board-viewport{min-height:220px}.viewer-caption{font-size:8px}}