/* Shared portfolio navigation for every game.
   Direction 1, selected: quiet warm-paper gallery rail with predictable back,
   game picker and progress/account anchors. DM Sans utility + Newsreader menu.
   Direction 2: dark arcade tab strip; discarded to avoid fighting warm Roo UI.
   Direction 3: floating mobile dock; discarded because it takes board space.
   Anti-model: game-specific site navigation, hidden headers, duplicate toolbars. */
#play-view { background:#f7f2ed; }
.play-header { display:flex; height:58px; gap:12px; padding:0 16px; background:#f7f4ed; color:#353b32; border-bottom:1px solid #d9d5ca; font-family:'DM Sans',Arial,sans-serif; }
.play-header .quiet-button { min-height:44px; color:inherit; font-size:12px; white-space:nowrap; }
.game-picker { display:flex; align-items:center; gap:8px; min-height:44px; margin-right:auto; border-radius:6px; padding:8px 10px; color:#353b32; }
.play-header #active-game-label { color:inherit; font-size:14px; }
.game-nav-actions { display:flex; align-items:center; gap:8px; }
.game-nav-actions a,.game-nav-actions button { display:flex; align-items:center; gap:6px; min-height:44px; padding:8px; color:inherit; }
.game-nav-actions span { color:inherit; font-size:12px; }
.play-header svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.game-picker svg { width:16px; }
.play-header a:hover,.play-header button:hover { color:#874638; background:#eae5d9; }
.play-header :focus-visible { outline:2px solid #874638; outline-offset:2px; }
#portfolio-menu { z-index:80; width:min(400px,calc(100vw - 32px)); }
.portfolio-menu-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.portfolio-menu-heading h2 { font-size:28px; }
#close-play-menu { font-size:26px; flex:none; }
#portfolio-menu nav { display:grid; }
#portfolio-menu nav a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:12px 4px; border-bottom:1px solid var(--line); font-size:15px; }
#portfolio-menu nav a span { font-size:12px; color:var(--muted); }
#portfolio-menu nav a[aria-current=page] { color:var(--accent); }
body.roodoku-playing #game-frame { background:#f7f2ed; }
@media(max-width:600px){.play-header{height:54px;padding:0 8px;gap:3px}.game-nav-actions{gap:0}.game-nav-actions span{display:none}.game-nav-actions a,.game-nav-actions button{width:44px;justify-content:center;padding:8px}.game-picker{padding:8px 4px;gap:4px}.play-header #active-game-label{font-size:12px}.play-header .quiet-button{padding:8px 6px;font-size:11px}}