/* Atelier refinement: quieter surfaces, deliberate accents, readable game tools. */
:root {
  --focus-ink:#282539; --focus-muted:#696579; --focus-brand:#5946bb;
  --focus-paper:#fffefa; --focus-bg:#f7f6fa; --focus-line:#e4dfed;
  --toy-purple:#6752ca; --toy-purple-dark:#493995; --toy-lavender:#eeeaf8;
  --toy-mint:#e3f1eb; --toy-peach:#fbf0df; --toy-lip:#e1dae9;
  --toy-shadow:0 2px 0 var(--toy-lip),0 12px 30px -23px #32244950;
  --mission-success:#276d55; --mission-warning:#8d5522;
  --mission-dark:#292538; --mission-dark-ink:#f2edf9;
}
html[data-theme="night"] {
  --focus-ink:#f2eef8; --focus-muted:#c3bbd0; --focus-brand:#c8b8ff;
  --focus-paper:#272333; --focus-bg:#1d1a25; --focus-line:#45404f;
  --toy-purple:#b29ae9; --toy-purple-dark:#564278; --toy-lavender:#393044;
  --toy-mint:#233b31; --toy-peach:#403325; --toy-lip:#14111c;
  --mission-success:#a1d6bb; --mission-warning:#ecc08a;
  --mission-dark:#17141e; --mission-dark-ink:#f2edf9;
}
body { background-image:radial-gradient(ellipse at 18% 4%,#e8e0f84a,transparent 35%),radial-gradient(#aca0be13 .7px,transparent .7px); background-size:auto,25px 25px; }
.focus-header { border-radius:22px; border-color:var(--focus-line); box-shadow:0 2px 0 var(--toy-lip),0 12px 35px -27px #46305b60; }
.focus-nav a { font-size:13px; font-weight:500; }
@media(max-width:520px) { .focus-nav a { font-size:11px; padding:9px 6px; } }
.focus-nav a[aria-current="page"] { box-shadow:0 2px 0 #d6cde8; }
.focus-card { box-shadow:var(--toy-shadow); border-radius:21px; }
.focus-grid > .focus-card { border-top-width:2px; padding:28px; }
.focus-card p { font-size:14px; }
.focus-primary { background:#6250bf; border-color:#5a47b5; box-shadow:0 3px 0 #44358b,inset 0 1px 0 #ffffff25; }
.focus-primary:hover { background:#5642ad; box-shadow:0 4px 0 #44358b,0 12px 20px -16px #624aaf; transform:translateY(-1px); }
.focus-secondary { box-shadow:0 2px 0 var(--toy-lip); }
.focus-secondary:hover { box-shadow:0 3px 0 var(--toy-lip); transform:translateY(-1px); }
.focus-primary,.focus-secondary { font-size:13px; font-weight:500; border-radius:12px; }
.focus-resume { background:linear-gradient(110deg,var(--focus-paper) 55%,var(--toy-lavender)); }
.focus-hero > p { font-size:16px; line-height:2; }
.focus-main h1 { letter-spacing:-.6px; }
.focus-note { font-size:12px !important; }
.arena-play-panel,.arena-leaderboard-panel { background:var(--focus-paper); border:1px solid var(--focus-line); border-radius:22px; box-shadow:var(--toy-shadow); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.mission-catalog-heading { display:flex; justify-content:space-between; align-items:center; gap:40px; margin-bottom:34px; }
.mission-catalog-heading > div:first-child { max-width:750px; }
.mission-catalog-heading h1 { font-size:38px; margin-bottom:14px; }
.mission-catalog-heading p { font-size:15px; }
.mission-passport { width:220px; flex-shrink:0; border:1px solid var(--focus-line); padding:18px 21px; border-radius:18px; background:var(--focus-paper); box-shadow:0 3px 0 var(--toy-lip); }
.mission-passport > span { display:block; color:var(--focus-muted); font-size:11px; }
.mission-passport > strong { display:block; color:var(--focus-brand); font:600 33px 'JetBrains Mono',monospace; margin:12px 0; direction:ltr; text-align:right; }
.mission-passport small { font-size:16px; color:var(--focus-muted); font-weight:400; }
.mission-progress { height:5px; background:var(--toy-lavender); border-radius:9px; overflow:hidden; margin:10px 0 12px; }
.mission-progress > i { display:block; height:100%; background:var(--toy-purple); border-radius:9px; }
.mission-catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-bottom:36px; }
.mission-card { --art-bg:#ede9f7; --art-ink:#7662bd; background:var(--focus-paper); border:1px solid var(--focus-line); border-radius:24px; overflow:hidden; box-shadow:0 3px 0 var(--toy-lip),0 20px 35px -29px #47315055; display:flex; flex-direction:column; transition:transform .2s,box-shadow .2s; }
.mission-card[data-accent="amber"] { --art-bg:#f7eee0; --art-ink:#b58a51; }
.mission-card[data-accent="mint"] { --art-bg:#e6f0ea; --art-ink:#518d76; }
.mission-card[data-accent="sky"] { --art-bg:#e6edf2; --art-ink:#5a86a3; }
.mission-card:hover { transform:translateY(-3px); box-shadow:0 3px 0 var(--toy-lip),0 25px 40px -30px #47315070; }
.mission-card-art { height:170px; position:relative; background:var(--art-bg); border-bottom:1px solid var(--focus-line); color:var(--art-ink); overflow:hidden; }
.mission-card-art::before { content:''; width:220px; height:220px; border:1px solid currentColor; opacity:.09; border-radius:50%; position:absolute; right:-60px; top:-100px; }
.mission-card-art svg { display:block; width:100%; height:100%; max-width:390px; margin:auto; }
.mission-card-number { position:absolute; top:16px; right:18px; font:12px 'JetBrains Mono',monospace; opacity:.8; }
.mission-card-body { padding:26px 28px; display:flex; flex-direction:column; flex:1; }
.mission-card-meta { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; color:var(--focus-muted); font-size:11px; }
.mission-card-body h2 { margin:0 0 10px; font-size:24px; }
.mission-card-body p { font-size:14px; margin:0 0 24px; line-height:1.9; }
.mission-card-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:auto; }
.mission-card-footer > span { font-size:10px; color:var(--focus-muted); }
.mission-card-footer .focus-primary { min-height:43px; font-size:12px; padding:10px 17px; }
.mission-classroom p { max-width:730px; }
.mission-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:30px; }
.mission-topline > a { color:var(--focus-muted); font-size:12px; text-decoration:none; }
.mission-stage-links { display:flex; gap:8px; }
.mission-stage-links a { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--focus-line); background:var(--focus-paper); border-radius:10px; color:var(--focus-muted); text-decoration:none; font:12px 'JetBrains Mono',monospace; }
.mission-stage-links a[aria-current="step"] { color:var(--focus-brand); background:var(--toy-lavender); border-color:var(--toy-purple); box-shadow:0 2px 0 var(--toy-lip); }
.mission-share,.mission-hint { font:500 12px 'Readex Pro',sans-serif; color:var(--focus-brand); background:var(--focus-paper); border:1px solid var(--focus-line); padding:10px 14px; border-radius:10px; cursor:pointer; min-height:42px; }
.mission-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:26px; }
.mission-heading > div { max-width:800px; }
.mission-heading h1 { font-size:31px; margin:0 0 10px; }
.mission-heading p { font-size:14px; margin:0; line-height:1.9; }
.mission-heading .focus-eyebrow { margin-bottom:10px; font-size:11px; }
.mission-reward { color:var(--focus-brand); background:var(--toy-lavender); border:1px solid var(--focus-line); padding:9px 13px; border-radius:10px; white-space:nowrap; font-size:10px; }
.mission-workbench { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:24px; align-items:start; }
.mission-editor,.mission-simulation { background:var(--focus-paper); border:1px solid var(--focus-line); border-radius:22px; overflow:hidden; box-shadow:0 3px 0 var(--toy-lip),0 12px 30px -25px #40334f50; }
.mission-editor { padding:24px; }
.mission-simulation { padding:24px; }
.mission-panel-title { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--focus-line); padding-bottom:16px; margin-bottom:22px; }
.mission-panel-title > span { font-size:11px; color:var(--focus-muted); }
.mission-panel-title > strong { font-size:12px; color:var(--focus-ink); font-weight:500; }
.mission-control { margin-bottom:20px; }
.mission-control label { font-size:13px; display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.mission-control output { font:600 22px 'JetBrains Mono',monospace; color:var(--focus-brand); background:var(--toy-lavender); padding:4px 12px; border-radius:8px; min-width:55px; text-align:center; }
#missionControls input[type="range"] { width:100%; accent-color:#6652be; cursor:pointer; direction:ltr; min-height:28px; }
.mission-scale { display:flex; justify-content:space-between; font-size:10px; color:var(--focus-muted); direction:ltr; margin-top:3px; }
#missionControls select { padding:10px 12px; border:1px solid var(--focus-line); border-radius:10px; background:var(--focus-bg); color:var(--focus-ink); font:12px 'Readex Pro',sans-serif; min-height:44px; cursor:pointer; }
.mission-control select { width:100%; }
.mission-check { display:flex; gap:9px; align-items:center; flex-wrap:wrap; font-size:12px; padding:13px 0; }
.mission-check input { accent-color:#6652be; width:17px; height:17px; }
.mission-check code { font-size:11px; color:var(--focus-brand); }
.mission-control-note { font-size:11px !important; color:var(--focus-muted); margin:10px 0 20px !important; line-height:1.8; }
.mission-code-head { display:flex; justify-content:space-between; align-items:center; background:var(--mission-dark); color:#b9abc9; border:1px solid #40384e; border-bottom:0; border-radius:12px 12px 0 0; padding:11px 15px; font-size:9px; direction:rtl; }
.mission-code { background:var(--mission-dark); color:var(--mission-dark-ink); direction:ltr; text-align:left; padding:16px; margin:0 0 20px; border:1px solid #40384e; border-top:1px solid #ffffff12; border-radius:0 0 12px 12px; font:11px/1.9 'JetBrains Mono',monospace; white-space:pre-wrap; overflow-wrap:anywhere; max-height:285px; overflow:auto; }
.mission-code code { font:inherit; }
.mission-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mission-actions .focus-primary { flex:1; min-width:160px; }
.mission-actions .focus-secondary { padding-inline:14px; }
.mission-hint { border:0; background:transparent; padding-inline:8px; }
.mission-actions button:disabled,#missionControls :disabled { cursor:wait; opacity:.65; }
.mission-stage { border:1px solid var(--focus-line); border-radius:16px; padding:20px; min-height:290px; position:relative; background:linear-gradient(165deg,#f4f0fc,#efedf5 70%); overflow:hidden; }
.mission-stage.is-complete { border-color:#78a68d; }
.mission-world-head,.mission-world-footer { display:flex; justify-content:space-between; gap:14px; color:var(--focus-muted); font-size:10px; }
.mission-world-head strong { color:var(--focus-brand); font-weight:500; }
.mission-world-footer { border-top:1px solid #71607919; padding-top:14px; margin-top:18px; }
.mission-lane { margin-top:28px; }
.mission-lane-label { display:flex; align-items:center; justify-content:space-between; font:10px 'JetBrains Mono',monospace; color:var(--focus-muted); direction:ltr; }
.mission-lane-label output { font:11px 'Readex Pro',sans-serif; direction:rtl; }
.mission-road { height:88px; position:relative; direction:ltr; }
.mission-track-grid { position:absolute; bottom:0; height:25px; left:0; right:0; background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#c4bbd633 calc(10% - 1px),#c4bbd633 10%),linear-gradient(#d5cde1,#e5dfef); transform:perspective(100px) rotateX(28deg); border-radius:8px; border-bottom:3px solid #c7bdd6; }
.mission-bot { width:31px; height:38px; position:absolute; bottom:15px; background:linear-gradient(135deg,#d0bff0,#9b83c4); border:1.5px solid #8b71b2; border-radius:10px 10px 6px 6px; box-shadow:inset 2px 2px 0 #ece3ff9c,0 3px 0 #7c629d; z-index:2; }
.mission-bot > i { display:block; width:22px; height:14px; margin:7px auto 0; border-radius:5px; background:#3b304b; position:relative; }
.mission-bot > i::before,.mission-bot > i::after { content:''; width:3px; height:5px; border-radius:3px; background:#b9efda; position:absolute; top:4px; left:5px; }
.mission-bot > i::after { left:auto; right:5px; }
.mission-bot::before { content:''; position:absolute; width:3px; height:6px; background:#a888cb; left:13px; top:-7px; }
.mission-bot::after { content:''; position:absolute; width:6px; height:6px; border-radius:3px; background:#e4b473; left:11px; top:-11px; }
.mission-beacon { position:absolute; bottom:23px; width:30px; height:45px; transform:translateX(-3px); }
.mission-beacon > i { position:absolute; top:4px; left:7px; width:15px; height:21px; background:linear-gradient(120deg,#f9df9e,#d4a661); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); filter:drop-shadow(0 2px 0 #a48544); }
.mission-beacon::after { content:''; position:absolute; bottom:-9px; left:14px; width:1px; height:18px; background:#cfa965; }
.mission-beacon span { position:absolute; bottom:-36px; left:10px; font:11px 'JetBrains Mono',monospace; color:#7a6442; }
.mission-rule { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; direction:ltr; padding:16px 8px; background:var(--focus-bg); border:1px solid var(--focus-line); border-radius:12px; }
.mission-rule code { color:var(--focus-brand); font-size:12px; }
.mission-rule b { font:600 18px 'JetBrains Mono',monospace; }
.mission-door-world { display:flex; align-items:center; justify-content:center; gap:20px; margin:32px 0 20px; }
.mission-door-pill { font:10px 'JetBrains Mono',monospace; direction:ltr; background:var(--focus-paper); border:1px solid var(--focus-line); padding:9px; border-radius:8px; }
.mission-arch { position:relative; width:84px; height:118px; border-radius:42px 42px 3px 3px; background:#d9c7e5; border:7px solid #c7b0d6; box-shadow:0 4px 0 #b19bbd; overflow:hidden; flex-shrink:0; }
.mission-door-leaf { width:100%; height:100%; background:linear-gradient(100deg,#b39ac6,#8f74a3); transform-origin:left center; transition:transform .3s ease; border-radius:32px 32px 0 0; }
.mission-door-leaf > span { display:block; position:absolute; width:6px; height:6px; border-radius:4px; background:#edce90; right:9px; top:64%; }
.mission-arch.open { background:#d8eddf; }
.mission-arch.open .mission-door-leaf { transform:perspective(200px) rotateY(-78deg); }
.mission-scene-caption { font-size:11px !important; color:var(--focus-muted); text-align:center; margin:16px 0 0 !important; }
.mission-placement { display:flex; align-items:center; justify-content:space-between; gap:15px; border:1px solid var(--focus-line); padding:14px; margin-bottom:12px; border-radius:12px; }
.mission-placement label { display:grid; gap:7px; font-size:12px; }
.mission-placement code { font-size:10px; color:var(--focus-muted); }
.mission-machine { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:24px 0; }
.mission-machine > div { background:var(--focus-paper); border:1px solid var(--focus-line); box-shadow:0 3px 0 #d5ccdf; border-radius:14px; padding:19px 10px; text-align:center; }
.mission-machine span { display:block; font-size:10px; }
.mission-machine strong { display:block; font:600 32px 'JetBrains Mono',monospace; color:var(--focus-brand); margin:16px 0 10px; }
.mission-machine small { font-size:9px; color:var(--focus-muted); }
.mission-frame-strip { display:flex; flex-wrap:wrap; gap:5px; justify-content:center; direction:ltr; }
.mission-frame-strip i { width:12px; height:12px; background:#d6cde2; border-radius:3px; }
.mission-frame-strip i.active { background:#8a75b5; box-shadow:0 1px 0 #674d8e; }
.mission-results { display:grid; gap:8px; margin-top:18px; }
.mission-test { display:flex; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid var(--focus-line); border-radius:9px; font-size:10px; background:var(--focus-bg); align-items:center; }
.mission-test strong { font-weight:500; }
.mission-test.passed { border-color:#97baa6; color:var(--mission-success); }
.mission-test.failed { border-color:#d4b698; color:var(--mission-warning); }
.mission-feedback { margin-top:21px; padding:16px; border-radius:12px; background:var(--toy-lavender); border:1px solid var(--focus-line); }
.mission-feedback strong { font-size:13px; display:block; margin-bottom:9px; }
.mission-feedback p { font-size:12px; margin:0; line-height:1.9; }
.mission-feedback[data-kind="success"] { background:var(--toy-mint); border-color:#91b49d; }
.mission-feedback[data-kind="warning"] { background:var(--toy-peach); border-color:#d4b698; }
.mission-next { margin-top:20px; }
.mission-next a { width:100%; }
.mission-mobile-next,.mission-mobile-back { display:none; }
@media(max-width:800px) { .mission-mobile-next,.mission-mobile-back { display:flex; margin-top:18px; } .mission-mobile-next a { width:100%; } .mission-mobile-back { width:100%; font-size:11px; } }
.mission-model-note { font-size:10px !important; color:var(--focus-muted); margin:18px 0 0 !important; line-height:1.9; }
.mission-source { color:var(--focus-muted); font-size:10px !important; margin:24px 0 0 !important; }
.mission-source a { color:var(--focus-brand); }
#missionShareStatus { font-size:12px; padding:10px 0; color:var(--focus-brand); overflow-wrap:anywhere; }
.mission-command-palette { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.mission-command-palette button { background:var(--focus-bg); border:1px solid var(--focus-line); border-radius:10px; color:var(--focus-ink); font:12px 'Readex Pro',sans-serif; padding:12px; cursor:pointer; min-height:46px; }
.mission-command-palette button:hover { border-color:var(--toy-purple); background:var(--toy-lavender); }
.mission-command-palette code { font-size:10px; color:var(--focus-muted); margin-inline:5px; }
.mission-queue-head { display:flex; justify-content:space-between; color:var(--focus-muted); font-size:10px; margin:20px 0 10px; }
.mission-queue { display:flex; flex-wrap:wrap; gap:7px; min-height:80px; border:1px dashed var(--focus-line); border-radius:10px; padding:12px; margin-bottom:20px; align-content:flex-start; }
.mission-queue p { font-size:11px; margin:10px 0; }
.mission-command { background:var(--toy-lavender); border:1px solid var(--focus-line); border-radius:8px; font:11px 'Readex Pro',sans-serif; color:var(--focus-ink); padding:8px 10px; cursor:pointer; }
.mission-command b { font:9px 'JetBrains Mono',monospace; color:var(--focus-muted); margin-inline-end:7px; }
.mission-command span { color:var(--focus-muted); margin-inline-start:5px; }
.mission-command.is-executing { background:#6752b4; color:white; border-color:#6752b4; }
.mission-command.is-executing b,.mission-command.is-executing span { color:#e6dff5; }
.mission-grid-map { display:grid; grid-template-columns:repeat(var(--columns),1fr); gap:5px; margin:23px 0 16px; direction:ltr; padding:8px; border:1px solid #cfc6dd; border-radius:13px; background:#e3ddea; }
.mission-tile { aspect-ratio:1; background:#f7f3fc; border:1px solid #d9d0e5; border-bottom-width:3px; border-radius:6px; position:relative; display:grid; place-items:center; min-width:0; }
.mission-tile.is-wall { background:linear-gradient(135deg,#b7a8c9,#9c8baf); border-color:#8f7ba4; box-shadow:inset 1px 1px 0 #ffffff40; }
.mission-tile.is-goal { background:#f7e9c9; border-color:#dac38d; }
.mission-tile.is-gate { background:#e4d2be; border-color:#b69a80; }
.grid-bot { width:23px; height:28px; bottom:auto; position:relative; left:auto; margin-top:3px; border-radius:7px 7px 4px 4px; }
.grid-bot > i { width:17px; height:11px; margin-top:5px; }
.grid-bot > i::before,.grid-bot > i::after { top:3px; width:2px; height:4px; left:4px; }
.grid-bot > i::after { left:auto; right:4px; }
.grid-bot::before { left:9px; top:-5px; height:5px; }
.grid-bot::after { left:8px; top:-8px; width:5px; height:5px; }
.mission-gem { width:16px; height:23px; background:linear-gradient(120deg,#f3d992,#cfa059); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.mission-key { font-size:31px; color:#99713e; }
.mission-grid-door { color:#926f53; font:600 26px sans-serif; }
.mission-grid-legend { display:flex; gap:14px; flex-wrap:wrap; font-size:9px; color:var(--focus-muted); }
.mission-grid-legend i { display:inline-block; width:7px; height:7px; border-radius:2px; }
.legend-wall { background:#9c8baf; }.legend-goal { background:#d5b16d; }
html[data-theme="night"] .mission-card-art { filter:brightness(.66) saturate(.75); }
html[data-theme="night"] .mission-stage { background:linear-gradient(145deg,#332c3c,#2b2632); }
html[data-theme="night"] .mission-track-grid { background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#7b6e8e33 calc(10% - 1px),#7b6e8e33 10%),linear-gradient(#53465f,#46394f); border-color:#64556f; }
html[data-theme="night"] .mission-grid-map { background:#31283c; border-color:#57465f; }
html[data-theme="night"] .mission-tile { background:#45374f; border-color:#625071; }
html[data-theme="night"] .mission-tile.is-wall { background:#736080; border-color:#8a7199; }
html[data-theme="night"] .mission-tile.is-goal { background:#655135; border-color:#ad8d57; }
html[data-theme="night"] .mission-machine > div { box-shadow:0 3px 0 #17111c; }
@media(max-width:1000px) { .mission-heading h1 { font-size:28px; } .mission-workbench { gap:18px; } .mission-editor,.mission-simulation { padding:20px; } .mission-door-world { gap:9px; } .mission-door-pill { font-size:9px; padding:7px; } .mission-card-body { padding:23px; } .mission-catalog-heading h1 { font-size:31px; } }
@media(max-width:800px) { .mission-workbench { grid-template-columns:1fr; } .mission-heading { align-items:flex-start; } .mission-reward { display:none; } .mission-catalog-heading { gap:22px; } .mission-passport { width:165px; } .mission-card-footer > span { display:none; } .mission-card-body h2 { font-size:21px; } .mission-card-body p { font-size:13px; } }
@media(max-width:580px) { .mission-catalog { grid-template-columns:1fr; gap:22px; } .mission-catalog-heading { flex-direction:column; align-items:stretch; } .mission-catalog-heading h1 { font-size:29px; } .mission-passport { width:auto; display:grid; grid-template-columns:1fr auto; gap:5px 16px; align-items:center; padding:16px 19px; } .mission-passport > strong { margin:0; grid-column:2; grid-row:1/3; } .mission-passport .mission-progress { grid-column:1; grid-row:2; margin:0; } .mission-passport > span:last-child { grid-column:1/-1; margin-top:5px; } .mission-card-art { height:155px; } .mission-topline { gap:8px; margin-bottom:24px; } .mission-stage-links { gap:5px; } .mission-stage-links a { width:29px; height:32px; } .mission-share { font-size:10px; padding:9px; } .mission-topline > a { font-size:11px; } .mission-heading h1 { font-size:26px; } .mission-heading p { font-size:13px; } .mission-editor,.mission-simulation { padding:18px; border-radius:18px; } .mission-panel-title { gap:10px; } .mission-panel-title span { font-size:10px; } .mission-panel-title strong { font-size:10px; } .mission-code { font-size:10px; } .mission-stage { padding:15px; } .mission-rule { gap:8px; } .mission-test { flex-wrap:wrap; font-size:10px; } .mission-placement { padding:11px; gap:10px; } .mission-placement code { font-size:9px; } .mission-grid-map { gap:3px; padding:5px; } .mission-tile { border-radius:4px; } .grid-bot { transform:scale(.8); } .mission-grid-legend { gap:9px; } }
@media(prefers-reduced-motion:reduce) { .mission-card:hover { transform:none; } .mission-door-leaf { transition:none; } }