/* Game station extras, built on the delivery station's design tokens. */
.header-label{display:flex;align-items:center;gap:7px;font-family:var(--hand);font-size:13px;color:var(--brown)}
.status-dot{width:8px;height:8px;border-radius:50%;background:#7fb069;box-shadow:0 0 0 3px var(--soft-pink)}
.intro-copy{color:var(--muted);margin:10px 0 0}
.archive-note{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:14px 16px;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow);max-width:420px;transform:rotate(-.4deg)}
.note-icon{color:var(--focus);font-size:18px;line-height:1.2}
.note-title{font-weight:700;color:var(--brown);font-size:14px}
.archive-note p{margin:2px 0 0;color:var(--muted);font-size:13px}
.workspace-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:8px 0 16px}
.workspace-heading h2{margin:0;color:var(--brown);font-size:22px}
.heading-dot{color:var(--pink)}
.sort-label{color:var(--muted);font-size:12.5px}
.empty{color:var(--muted);padding:28px 0}

.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;padding-bottom:36px}
.game-card{display:flex;flex-direction:column;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow);overflow:hidden;text-align:left;padding:0;transition:transform .15s,box-shadow .15s}
.game-card:hover{transform:translate(-1px,-2px) rotate(-.3deg);box-shadow:5px 5px 0 var(--ink)}
.game-cover{aspect-ratio:16/10;background:var(--paper-2);display:grid;place-items:center;border-bottom:1.5px dashed var(--line);overflow:hidden}
.game-cover img{width:100%;height:100%;object-fit:cover;display:block}
.game-cover .cover-emoji{font-size:52px}
.game-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.game-title{font-size:17px;font-weight:800;color:var(--brown);margin:0}
.game-desc{color:var(--muted);font-size:13.5px;margin:0;flex:1}
.game-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tag{font-size:11.5px;color:var(--brown);background:var(--soft-pink);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.game-date{margin-left:auto;font-size:12px;color:var(--muted);font-family:var(--hand)}
.play-row{display:flex;align-items:center;gap:8px;color:var(--focus);font-weight:700;font-size:14px}
.play-row .tri{width:0;height:0;border-left:10px solid var(--focus);border-top:6px solid transparent;border-bottom:6px solid transparent}

.player-bar{display:flex;align-items:center;gap:14px;padding:20px 0 6px;flex-wrap:wrap}
.player-title{margin:0;color:var(--brown);font-size:20px;flex:1;min-width:160px}
.player-desc{color:var(--muted);margin:0 0 14px}
.btn-ghost{background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--wobble-sm);box-shadow:2px 2px 0 var(--ink);padding:7px 14px;font-weight:600;color:var(--brown)}
.btn-ghost:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.btn-solid{background:var(--brown);color:#fff7ec;border:1.5px solid var(--ink);border-radius:var(--wobble-sm);box-shadow:2px 2px 0 var(--pink);padding:7px 14px;font-weight:600}
.player-frame-wrap{border:1.5px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow);overflow:hidden;background:#000}
#player-frame{width:100%;height:min(84vh,820px);border:0;display:block;background:#fff}
.player-hint{color:var(--muted);font-size:12.5px;padding:10px 0 30px;margin:0}
.site-footer{border-top:1.5px dashed var(--line);padding:16px 0 26px;color:var(--muted);font-size:12.5px}
.site-footer p{margin:0}
@media (max-width:640px){#player-frame{height:70vh}.game-grid{grid-template-columns:1fr}}