:root{color-scheme:dark;font-family:monospace}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:#0b1633;color:#eafaf2;font-family:monospace;-webkit-text-size-adjust:100%;padding:0 max(6px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
#td{width:min(100%,960px);margin:0 auto}
#shore{width:100%;max-width:960px;height:auto;max-height:calc(100vh - 178px);object-fit:contain;display:block;margin:0 auto;image-rendering:pixelated;background:#0b1633;touch-action:none}
.td-title{font-size:13px;letter-spacing:2px;text-align:center;margin:8px 0 6px;color:#ffd166}
.td-stage{min-height:13px;font-size:11px;text-align:center;margin:6px 8px;color:#7fd9e8}
.td-hud{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px}
.td-btn{font-size:11px;padding:7px 12px;border:2px solid #eafaf2;color:#eafaf2;text-decoration:none;background:#16264a}
.td-btn-go{border-color:#ffd166;color:#0b1633;background:#ffd166}
.td-panel{max-width:640px;margin:4px auto 24px;padding:8px 12px;border-top:2px solid #1b4a6e;min-height:56px}
.td-panel-head{font-size:12px;margin:4px 0;color:#ffd166}
.td-panel-body{font-size:11px;line-height:1.7;margin:4px 0;word-break:break-word}
@media (max-width:480px){.td-panel-body{font-size:10px}}