/* The original space games share the scenic games' warm paper, matte materials
   and green ink. Their rules, cue identities and input remain unchanged.
   Standalone game pages do not load this file. */
#experiment canvas,#gameDialog #driftCanvas,#crowdCanvas{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
#gameDialog{
  background:#f7f3e7;
  color:#304a47;
  border-color:#c4cdbb;
  border-radius:20px;
  box-shadow:0 22px 80px #253d3f38;
}
#gameDialog::backdrop{background:#243b3f80;backdrop-filter:blur(6px)}
#gameDialog .dialog-head{align-items:flex-start;gap:12px;padding-bottom:15px;border-bottom:1px solid #d6ddcc}
#gameDialog .dialog-head .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1px;color:#5b7163}
#gameDialog .dialog-head h2{font-size:24px;line-height:1.35;letter-spacing:-.5px;margin:5px 0 0}
#gameDialog .game-hud{flex-wrap:wrap;gap:8px 10px;padding:13px 0 15px;font-size:12px;line-height:1.5;color:#5b7163}
#gameDialog .game-hud>strong{font-size:22px;line-height:1.3;color:#426b59}
#gameDialog .best b{color:#405d51}
#gameDialog .small-button{
  min-height:44px;
  padding:10px 13px;
  border:1px solid #b7c5b1;
  border-radius:11px;
  background:#edf0e1;
  color:#304a47;
  font-size:12px;
  line-height:1.4;
}
#gameDialog #close{
  flex-shrink:0;
  display:grid;
  place-items:center;
  min-width:44px;
  min-height:44px;
  width:44px;
  height:44px;
  padding:0;
  border-color:#b7c5b1;
  border-radius:12px;
  background:#edf0e1;
  color:#304a47;
  font-size:26px;
  line-height:1;
}
#gameDialog #driftStart,#gameDialog #memoryStart{
  min-height:44px;
  padding:12px 22px;
  border:1px solid #ced9bf;
  border-radius:12px;
  background:#dbe5cb;
  color:#284a3e;
  font-size:13px;
  font-weight:650;
  line-height:1.4;
}
#gameDialog #close:hover,#gameDialog .small-button:hover:not(:disabled){background:#e1e8d5}
#gameDialog #driftStart:hover,#gameDialog #memoryStart:hover{background:#e8eedc}
#gameDialog .dialog-foot{
  flex-wrap:wrap;
  gap:5px 16px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #d6ddcc;
  color:#5b7163;
  font-size:11px;
  line-height:1.75;
}
#gameDialog .dialog-foot>span{max-width:100%;overflow-wrap:break-word}

/* Calm sky and a paper overlay match the actual faceted canvas artwork. */
#gameDialog .drift-area{background:#dce8df;border-color:#b4c6b1;box-shadow:inset 0 2px 10px #5b7b6512}
#gameDialog #driftOverlay{color:#304a47;background:linear-gradient(155deg,#faf4e6f2,#e4ebd9db)}
#gameDialog #driftOverlay .overlay-symbol{color:#63886b;text-shadow:0 3px 0 #58795820}
#gameDialog #overlayText{font-size:12px;line-height:1.85;color:#5a7469}
#gameDialog #memoryMessage{font-size:13px;line-height:1.8;color:#3f5e50}
#gameDialog .memory-hint{font-size:11px;line-height:1.8;color:#5b7365}
#gameDialog button:focus-visible,#orbitPause:focus-visible{outline:3px solid #4c7569;outline-offset:4px}
#gameDialog .pad:focus-visible{outline-color:#3b6254}
#gameDialog #driftCanvas:focus-visible{outline:3px solid #577f6c;outline-offset:-5px}

/* Four ceramic memory pieces keep their color, number and symbol identities. */
#gameDialog .memory-area{
  background:linear-gradient(145deg,#eef0df,#e3e8d7);
  border-color:#bdc9b4;
  box-shadow:inset 0 1px 0 #fff9e6;
}
#gameDialog .pads{gap:15px;padding:4px 3px 6px}
#gameDialog .pad{
  --cue-top:#d4dda9;--cue-base:#b3c58a;--cue-edge:#8d9e6d;--cue-ink:#405c3b;--cue-lit:#e7f1b9;
  background:linear-gradient(145deg,var(--cue-top),var(--cue-base));
  border:1px solid var(--cue-edge);
  color:var(--cue-ink);
  box-shadow:inset 0 3px 0 #fff9e580,inset 0 -7px 0 #39513d18,0 7px 0 var(--cue-edge),0 11px 12px #48614d1f;
  transition:transform .12s,box-shadow .12s,background .12s;
}
#gameDialog .pad.purple{--cue-top:#d9cce1;--cue-base:#bba6ce;--cue-edge:#9a83b2;--cue-ink:#58416d;--cue-lit:#eedbff}
#gameDialog .pad.blue{--cue-top:#c0dce0;--cue-base:#91bac5;--cue-edge:#719ba7;--cue-ink:#365d6c;--cue-lit:#daf7ff}
#gameDialog .pad.coral{--cue-top:#efd1ba;--cue-base:#d79f89;--cue-edge:#b67c67;--cue-ink:#7c493b;--cue-lit:#ffe2ce}
#gameDialog .pad i{text-shadow:0 2px 0 #fff7e850}
#gameDialog .pad span{opacity:1;font-weight:650}
#gameDialog .pad:disabled{opacity:1}
#gameDialog .pad.active{
  background:var(--cue-lit);color:var(--cue-ink);border-color:var(--cue-ink);
  box-shadow:inset 0 0 0 3px #fffdf1,inset 0 -4px 0 #4d614118,0 3px 0 var(--cue-edge),0 0 0 3px var(--cue-ink),0 8px 16px #49634d26;
  transform:translateY(4px) scale(.98);
}

/* The hero's canvas now draws the same quiet, three-dimensional paper universe. */
#experiment{background:#dce8df;border:1px solid #c1ccbb;box-shadow:inset 0 1px 0 #fff9e5}
#orbitPause{
  min-height:44px;
  min-width:104px;
  padding:10px 13px;
  border-color:#c4cfb8;
  border-radius:12px;
  background:#f5f2e5ed;
  color:#304a47;
  font-size:11px;
  line-height:1.4;
}
#orbitPause:hover{background:#fff9e9}
#experiment .orbit-corner{font-size:10px;line-height:1.8;color:#5f7b6a}
#experiment .orbit-corner strong{color:#34584b}
#experiment .orbit-caption{font-size:11px;line-height:1.6;color:#506c5c}
#experiment .orbit-coord{color:#698270}
#experiment .tiny-cross{color:#64835a}

/* Star Gate: the whole control surface belongs to the miniature moon world. */
#crowdDialog{
  background:#f6f1e4;color:#304a47;border-color:#b7c7b3;
  box-shadow:0 22px 80px #253d3f38;
}
#crowdDialog::backdrop{background:#243b3f80;backdrop-filter:blur(6px)}
#crowdDialog .expedition-head .eyebrow{color:#67806f}
#crowdDialog .expedition-head h2 span{color:#6d8376}
#crowdDialog .expedition-hud{border-color:#d2dcc9}
#crowdDialog .expedition-hud>div>span{color:#617c6b}
#crowdDialog .expedition-hud strong{color:#496d58}
#crowdDialog .expedition-hud .gold,#crowdDialog .expedition-wallet b{color:#966e36}
#crowdDialog .expedition-progress{background:#d2dcc8}
#crowdDialog .expedition-progress i{background:#7fa99c}
#crowdDialog .expedition-stage{border-color:#b9c8b1;background:#dce8df;box-shadow:inset 0 1px 0 #fff9e6}
#crowdDialog .expedition-overlay{background:linear-gradient(155deg,#faf4e6ef,#e5ebd9d9);color:#304a47}
#crowdDialog .expedition-kicker{color:#63806c;font-size:10px}
#crowdDialog .expedition-emblem{color:#698d70;text-shadow:0 3px 0 #5577541a}
#crowdDialog .expedition-overlay p{color:#5c7867}
#crowdDialog .expedition-overlay .primary{background:#55765c;color:#fff9e8;border-radius:12px;box-shadow:0 3px 0 #385741}
#crowdDialog .expedition-overlay .primary:hover{background:#658868}
#crowdDialog .expedition-subtle{color:#56735e;border-color:#91aa8e;font-size:11px;min-height:40px}
#crowdDialog .expedition-tutorial{color:#597663;font-size:10px}
#crowdDialog .expedition-tutorial span{background:#f8f4e6a8;border-color:#bfceb6}
#crowdDialog .expedition-tutorial b{color:#43684e}
#crowdDialog .expedition-panel{background:#edf0df;border-color:#c2ceb7}
#crowdDialog .expedition-tabs{border-color:#c4d0b9}
#crowdDialog .expedition-tabs button{color:#62806c;min-height:40px}
#crowdDialog .expedition-tabs button[aria-selected=true]{background:#d6e3ca;color:#34553f}
#crowdDialog .expedition-panel-body{scrollbar-color:#a5b99d transparent}
#crowdDialog .expedition-panel-body p{color:#627b67}
#crowdDialog .expedition-route{background:#f9f5e8;border-color:#bdccb3;color:#35543f;box-shadow:inset 0 1px 0 #fffdf1}
#crowdDialog .expedition-route.selected{border-color:#6f926b;background:#dce8cb;box-shadow:inset 0 0 0 1px #8eab7b}
#crowdDialog .expedition-route small{color:#6b816c}
#crowdDialog .expedition-route em{color:#8a773b}
#crowdDialog .expedition-route:disabled{opacity:.5}
#crowdDialog .expedition-panel-note{color:#627b67;font-size:10px}
#crowdDialog .expedition-outfit{border-color:#bfceb5;background:#f8f4e7}
#crowdDialog .expedition-outfit.selected{border-color:#73986c;background:#e1ead1}
#crowdDialog .expedition-outfit button,#crowdDialog .expedition-upgrade button{
  border-color:#adbf9f;background:#dfe8d3;color:#365b40;min-height:40px;border-radius:10px;font-size:11px;
}
#crowdDialog .expedition-upgrade{border-color:#c2d0b6}
#crowdDialog .expedition-guide b{color:#41644b}
#crowdDialog .expedition-guide p{color:#607a66}
#crowdDialog .expedition-toast{border-color:#9dbb8a;background:#f8f4e7f5;color:#3c653e;box-shadow:0 4px 12px #46664820}
#crowdDialog .expedition-toast.danger{border-color:#c48c76;color:#8e4a37;background:#fff0dfed}
#crowdDialog .expedition-battle{background:#f5dfcbea;border-color:#c28a70}
#crowdDialog .expedition-battle span{color:#91614a}
#crowdDialog .expedition-battle strong{color:#8a4536}
#crowdDialog .expedition-steer{color:#506c59;background:#f6f0dfc4;padding:5px 9px;border-radius:8px}
#crowdDialog .expedition-foot,#crowdDialog .expedition-foot>span{color:#68806d}
#crowdSound,#crowdPause,#crowdMenu{
  min-height:44px;
  padding:10px 12px;
  border-radius:10px;
  font-size:11px;
  line-height:1.4;
  background:#e7ecd9;
  border-color:#afc09f;
  color:#3e6049;
}
#crowdClose{min-width:44px;min-height:44px;width:44px;height:44px;padding:0;font-size:25px;line-height:1;background:#e7ecd9;border-color:#afc09f;color:#3e6049}
#crowdDialog button:focus-visible{outline:3px solid #4d775b;outline-offset:3px}
#crowdCanvas:focus-visible{outline:3px solid #4d775b;outline-offset:-5px}

/* Entry geometry stays intact; its small moon scene reflects the actual game. */
.expedition-card .card-art{background:#dce8df}
.expedition-card .art-number{color:#4f705a;border-color:#9fb497;background:#f7f2df9e}
.expedition-card .play-badge{color:#355642;background:#d2dfbd}
.expedition-card .art-word{color:#577b633b}

@media(max-width:620px){
  #gameDialog{border-radius:18px}
  #gameDialog .game-hud{padding:11px 0 13px}
  #gameDialog .dialog-foot{row-gap:6px}
}
@media(prefers-reduced-motion:reduce){
  #gameDialog,#gameDialog *,#orbitPause,#crowdSound,#crowdPause,#crowdClose,#crowdMenu{
    transition:none!important;
    animation:none!important;
  }
  #gameDialog .pad.active{transform:none}
}