.play-panel{--play-gold:#d8b974}
.play-pass{display:flex;gap:13px;align-items:center;padding:15px;border:3px double var(--disc-accent);background:var(--disc-soft);box-shadow:4px 4px 0 var(--disc-edge)}
.play-pass-art{flex:0 0 52px;width:52px;height:52px;padding:7px;background:var(--disc-paper);border:2px solid var(--disc-accent)}
.play-icon{display:block;width:100%;height:100%;image-rendering:pixelated}
.play-pass>div:nth-child(2){flex:1}.play-pass h3{margin:3px 0;font-size:19px}.play-pass p{margin:0;font-size:12px;color:var(--disc-muted)}
.play-pass>strong{display:grid;gap:3px;text-align:center;min-width:50px;color:var(--disc-accent);font:27px var(--pixel,monospace)}
.play-pass>strong small{font:11px/1.5 var(--pixel,monospace)}
.play-milestone{padding:16px 0 0}.play-milestone>div:first-child{display:flex;justify-content:space-between;gap:9px;margin-bottom:6px;font-size:12px;color:var(--disc-muted)}
.play-milestone .disc-progress{margin-bottom:0;height:10px}
.play-section{margin:20px 0;padding-top:16px;border-top:2px solid var(--disc-edge)}
.play-section-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:8px}.play-section-title h3{margin:0;font-size:16px}.play-section-title>span{font-size:10px;color:var(--disc-muted)}
.play-commissions{display:grid;gap:10px;list-style:none;margin:12px 0;padding:0}.play-commission{display:flex;gap:11px;align-items:center;border:2px solid var(--disc-edge);background:var(--disc-paper);padding:12px}
.play-order-number{flex:0 0 28px;display:grid;place-content:center;min-height:36px;background:var(--disc-tint);color:var(--disc-accent);font:17px var(--pixel,monospace)}
.play-commission>div{flex:1}.play-commission h3{margin:4px 0;font-size:14px}.play-commission p{margin:0;font-size:11px;line-height:1.8;color:var(--disc-muted)}
.play-commission .act-button{flex:0 0 auto;min-height:44px;font-size:11px}.play-commission.is-done{border-color:var(--disc-accent)}
.play-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.play-game-card{padding:14px;border:2px solid var(--disc-edge);background:var(--disc-paper)}
.play-game-icon{display:block;width:54px;height:54px;margin-bottom:11px;padding:6px;border:2px solid var(--disc-accent);background:var(--disc-soft);box-shadow:3px 3px 0 var(--disc-edge)}
.play-game-card h3{margin:0 0 7px;font-size:16px}.play-game-card p{margin:0;font-size:12px;line-height:1.9;color:var(--disc-muted)}
.play-record{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:11px 0;font-size:10px;color:var(--disc-muted)}.play-record strong{color:var(--disc-accent)}
.play-game-card .act-button{display:block;min-height:44px;width:100%;margin-top:7px;font-size:12px}
.play-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0;padding:12px;border:2px solid var(--disc-edge);background:var(--disc-soft)}
.play-summary>span{display:grid;gap:5px;text-align:center;font-size:10px;color:var(--disc-muted)}.play-summary strong{color:var(--disc-accent);font-size:13px}
.play-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.play-memento{padding:15px;border:2px solid var(--disc-edge);background:var(--disc-paper)}
.play-memento h3{font-size:14px;margin:6px 0}.play-memento p{font-size:11px;line-height:1.8;color:var(--disc-muted);margin:0 0 12px}.play-memento-icon{width:55px;height:55px;padding:5px;margin:0 0 12px;border:2px solid var(--disc-edge);background:var(--disc-soft)}
.play-memento.is-unlocked{border-color:var(--disc-accent)}.play-memento.is-locked .play-icon{opacity:.48}.play-memento .act-button{min-height:44px;font-size:11px;width:100%}.play-locked-label{display:block;padding:9px;border:1px dashed var(--disc-edge);text-align:center;font-size:11px;color:var(--disc-muted)}
.play-feedback{padding:11px 12px;margin:14px 0;border:2px solid var(--disc-accent);background:var(--disc-tint);font-size:12px;line-height:1.8;color:var(--disc-ink)}
.play-delivery-art{width:80px;height:80px;padding:13px;margin:15px auto 23px;border:3px double var(--disc-accent);background:var(--disc-soft);box-shadow:4px 4px 0 var(--disc-edge)}
.play-backup{margin:18px 0 0;padding:12px;border:1px dashed var(--disc-edge);background:var(--disc-soft);font-size:11px;color:var(--disc-muted)}.play-backup summary{cursor:pointer;min-height:24px;color:var(--disc-ink)}.play-backup p{line-height:1.8}.play-backup .act-button{font-size:11px;min-height:44px}
.play-journal{display:flex;gap:12px;align-items:center;justify-content:space-between}.play-journal p{margin:3px 0;color:var(--disc-muted)}.play-journal>.act-button{flex:0 0 auto;min-height:44px}
.play-panel .act-button:focus-visible,.play-backup summary:focus-visible{outline:3px solid var(--disc-accent);outline-offset:3px}
@media(max-width:600px){.play-commission{flex-wrap:wrap;gap:9px}.play-commission .act-button{flex:1 1 100%;margin-left:39px}.play-pass{padding:12px;gap:10px}.play-pass h3{font-size:16px}.play-journal{flex-wrap:wrap}.play-journal>.act-button{width:100%}}
@media(max-width:400px){.play-games,.play-collection{grid-template-columns:minmax(0,1fr)}.play-pass-art{flex-basis:42px;width:42px;height:42px;padding:5px}.play-pass .disc-kicker{font-size:8px}.play-pass>strong{font-size:22px}.play-summary{gap:5px;padding:10px 6px}.play-summary strong{font-size:12px}}
/* A dedicated second row keeps the extra play entry clear of the map toggle. */
@media(max-width:760px){.jlu-corner-nav{top:42px;left:6px;right:6px;max-width:none;flex-wrap:nowrap;justify-content:flex-end}.jlu-corner-nav button{font-size:10px;padding:3px 5px;white-space:nowrap}.roaming .roam-hud,.night.roaming .roam-hud{top:82px}.roaming .mini-map,.night.roaming .mini-map{top:82px}.roaming .map-controls,.night.roaming .map-controls{top:273px}}