<!-- PLAYASPACE · part 6 -->
12px}
.webnav a{display:inline-block;margin:4px;padding:10px 16px;border:1px solid #d8a920;color:#ffd700;text-decoration:none;border-radius:8px;font-size:15px;min-width:48px;min-height:48px;line-height:26px}
.webnav a.home{border-color:#ff6a6a;color:#ff6a6a}
.bignum{color:#ffd700;font-size:28px;font-family:monospace}
@media(min-width:800px){.frame{height:520px}.topbar h1{font-size:22px}body{max-width:900px;margin:0 auto}}
.markers{display:flex;overflow-x:auto;gap:8px;padding:10px 12px;background:#0a0a12;border-top:1px solid #d8a920;border-bottom:1px solid #d8a920;-webkit-overflow-scrolling:touch}
.marker{flex:0 0 auto;min-width:128px;border:1px solid #d8a920;border-radius:8px;padding:10px;text-align:center;color:#ffd700;text-decoration:none}
.marker .mnum{font-family:monospace;font-size:20px}
.marker .mname{font-size:13px;letter-spacing:1px;margin-top:4px}
.marker .mfn{font-family:monospace;font-size:11px;color:#00ff88;margin-top:6px;word-break:break-all}
</style></head><body>
<div class="topbar"><h1>PLAYASPACE</h1><div><a href="/playaspace">HOME</a><a href="/">SITE</a></div></div>
<div class="catbar">THE WEB — FOUR BRANCHES</div>
<img class="hero" src="/saga/playa-2-unfolded.webp" alt="Playa 2.0 unfolded"><table><tr><td class="bignum">1</td><td><a class="code" href="/playaspace/1">UNFOLD</a><div class="desc">Playa 2.0 unfolds at his monument. Code: <b>playa2</b></div></td></tr><tr><td class="bignum">2</td><td><a class="code" href="/playaspace/2">STAND</a><div class="desc">The Epistolary stands — you, as you are. Code: <b>newbody</b></div></td></tr><tr><td class="bignum">3</td><td><a class="code" href="/playaspace/3">BUILD</a><div class="desc">A block appears at your word. Code: <b>bam box 10</b></div></td></tr><tr><td class="bignum">4</td><td><a class="code" href="/playaspace/4">PLAY</a><div class="desc">The open game. You are building. Code: <b>&mdash;</b></div></td></tr></table><div class="markers" id="markers"></div><div class="catbar">THE WEB</div><div class="desc" style="padding:12px">Every branch leads to every other. No dead ends — home is always one tap away, on every page.</div>
<div class="webnav">
<a href="/playaspace/1">1</a><a href="/playaspace/2">2</a><a href="/playaspace/3">3</a><a href="/playaspace/4">4</a><br>
<a class="home" href="/playaspace">PLAYASPACE HOME</a><a class="home" href="/">SITE HOME</a>
</div>

<script>
/* marker scroll: every box, its function — tap to find it in the frame */
(function(){
  var boxes = [
    {n:1, name:'UNFOLD', fn:'playa2', x:60, z:3334},
    {n:2, name:'STAND', fn:'newbody', x:78, z:3334},
    {n:3, name:'BUILD', fn:'bam box 10', x:96, z:3334},
    {n:4, name:'SIGHT', fn:'sight', x:114, z:3334}
  ];
  var hold = document.getElementById('markers');
  if(!hold) return;
  var frame = document.querySelector('iframe[name=gameframe]');
  boxes.forEach(function(bx){
    var a = document.createElement('a');
    a.className = 'marker';
    a.href = '/saga/?runcode=tp%20' + bx.x + '%20' + bx.z;
    a.target = 'gameframe';
    a.innerHTML = '<div class="mnum">' + bx.n + '</div><div class="mname">' + bx.name + '</div><div class="mfn">' + bx.fn + '</div>';
    hold.appendChild(a);
  });
})();
</script>
</body></html>

