/* V46.7: art-directed interface + educational demos. Never hide actual professional content. */
:root{--v467-ink:#0d162a;--v467-muted:#bac9dc;--v467-coral:#ffc3a4;--v467-mint:#a4efdc}
.hero{border-color:#7c96a7;box-shadow:0 24px 80px #071122ad;background:linear-gradient(125deg,rgba(11,22,39,.95),rgba(21,37,58,.87))}
.hero h1{letter-spacing:-.012em}.hero p{color:#e3eaf4}
.room-info{scrollbar-color:#82b6ba #15243b}.room-info h2{line-height:1.55}
.room-object-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.room-object-list button{padding:10px;border-radius:8px}
.v467-room-experience{direction:rtl;border:1px solid #536c86;border-radius:14px;padding:14px;margin:16px 0;background:#0d1930;color:#f6f0e8}
.v467-room-experience h3{font-size:16px;line-height:1.6;margin:0 0 5px;color:#f9e2c4}.v467-room-experience p{line-height:1.8}
.v467-sub{font-size:12px;color:#c6d9e8;margin:0 0 14px}.v467-actions{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}
.v467-button{font:inherit;font-size:12px;line-height:1.5;background:#273952;color:#eaf2ff;border:1px solid #7892a9;padding:8px 11px;border-radius:8px;cursor:pointer;min-height:40px}
.v467-button:hover,.v467-button:focus-visible{border-color:#afe9d3;background:#35516a;outline-offset:3px}.v467-button.primary{background:#b4efd2;color:#132c30;font-weight:800}
.v467-button.selected{background:#fac8a8;color:#1b293a;border-color:#fac8a8}
.v467-steps{display:grid;grid-template-columns:1fr;gap:5px}.v467-step{display:flex;align-items:center;justify-content:space-between;border:1px solid #465a75;border-radius:6px;padding:8px 10px;font-size:12px;color:#becce0}.v467-step.active{color:#fff2e2;border-color:#ffcf9d}.v467-step.done{color:#baf4d8;border-color:#52967e}
.v467-feedback{border-right:3px solid #8fb2cd;background:#223149;padding:10px;margin:9px 0;border-radius:5px;font-size:12px;line-height:1.9}.v467-feedback[data-status=success]{border-color:#8aebba}.v467-feedback[data-status=warning]{border-color:#f7ba8b}
.v467-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v467-projects.timeline{grid-template-columns:1fr}
.v467-project{min-height:75px;border-radius:8px;border:1px solid #607c94;background:#202f48;padding:8px;display:grid;gap:3px;font-size:12px}.v467-project span{color:#f6cb9c}.v467-project small{color:#bdd2d9}
.v467-route{padding:14px;margin:12px 0;color:#c0f6eb;direction:ltr;text-align:center;font:700 11px/1.9 ui-monospace,monospace;border:1px dashed #73a5b0;background:#12283c;border-radius:8px}
.v467-disclaimer{font-size:10px;color:#9db2c8;margin:16px 0 0;line-height:1.7}
@media(max-width:900px){.room-object-list{grid-template-columns:1fr}}
@media(max-width:700px){.room-info{padding:13px}.v467-room-experience{padding:10px;margin:8px 0}.v467-room-experience h3{font-size:14px}.v467-button{min-height:38px;font-size:11px}.hero{max-width:min(95vw,420px)}}
@media(prefers-reduced-motion:reduce){.v467-button{transition:none}}

/* Arcade Pro — strong visual hierarchy, readable keyboard/touch hints and restrained motion */
.arcade-tabs{gap:9px;flex-wrap:wrap}.arcade-tabs [role=tab][aria-selected=true]{box-shadow:0 5px 0 #082334,0 0 0 2px #99eedf inset}
.tile-grid{border:5px solid #1d3552;border-radius:12px;padding:9px;background:#16243f!important;box-shadow:0 20px 45px #070e27a8}
.tile-grid .tile.filled{box-shadow:inset 0 -5px #10273d66;animation:v467-arrive .15s ease-out both}
@keyframes v467-arrive{from{transform:scale(.94);opacity:.65}to{transform:scale(1);opacity:1}}
.bug-grid button.v467-scanned{outline:3px solid #f3dc82;outline-offset:-4px;background:#495c75;color:#fff6ca}
.v467-scan-status{font-size:12px;color:#c6def0;line-height:1.9;margin:10px 0 14px}
.v467-scan{border-color:#f8d493!important;color:#ffe8b2!important}
.memory-card.open{background:#ae9de4!important;color:#172038!important}.memory-card.matched{background:#9ee4c3!important;color:#14273b!important}
.ship-garage{border-color:#95acc0;box-shadow:0 25px 80px #10172a91}.ship-progress{gap:7px}.ship-milestone.current{background:#262c51;border-radius:9px 9px 0 0}
@media(prefers-reduced-motion:reduce){.tile-grid .tile.filled{animation:none!important}}
/* Keep the city, rather than the intro card, the first thing people see on phones. */
@media(max-width:720px){
  .hero{top:9px!important;right:9px!important;left:auto!important;width:min(250px,calc(100vw - 18px))!important;max-height:194px!important;padding:11px 13px!important;overflow:hidden}
  .hero h1{font-size:clamp(21px,6vw,25px)!important;line-height:1.35!important;margin:3px 0 5px!important}
  .hero p{font-size:10.5px!important;line-height:1.65!important;margin:4px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero .hero-buttons{margin-top:5px!important}
  .hero .hero-buttons a,.hero .hero-buttons button{min-height:32px!important;font-size:10px!important;padding:6px 9px!important}
  .hero .hero-hint{display:none!important}
}