/* Garage environment, reusable steel material, and a live HTML console. */
.garage-page {
  --cyan:#36efd3; --orange:#ffa254; --muted:#a9b6b6;
  --steel:url("/assets/images/garage/worn-steel.webp");
  background:#101311; color:#e6e7de; color-scheme:dark;
  font-family:Arial,"Yu Gothic",Meiryo,sans-serif; line-height:1.4; min-width:320px;
}
.garage-page *{box-sizing:border-box}
.garage-page [hidden]{display:none!important}
.garage-page :is(p,h1,h2,ul){margin:0}
.garage-page :is(button,select){font:inherit;color:inherit}
.garage-page button{cursor:pointer;line-height:1.2}
.garage-page button:disabled{opacity:.38;cursor:default}
.garage-page :is(button,a,select,summary){-webkit-tap-highlight-color:transparent}
.garage-page :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.garage-page a{color:inherit}
.garage-stage{position:relative;isolation:isolate;padding:48px 0 64px;overflow:hidden}
.garage-stage:before{content:"";position:absolute;left:clamp(-35px,calc(50% - 720px),20px);top:-123px;width:190px;height:190px;background:url("/assets/images/garage/workshop-lamp.webp") center/contain no-repeat;filter:drop-shadow(0 5px 12px #d47a2240);z-index:5;pointer-events:none}
.garage-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse 190px 190px at 4% 4%,#ff9e2533,transparent 80%)}
.workshop{position:absolute;inset:0;z-index:-2;background:#0b0e0d url("/assets/images/garage/workshop-wide.webp") center/100% 100% no-repeat}
.workshop:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 88%,#101311);pointer-events:none}
.machine {
  position:relative;isolation:isolate;max-width:1160px;width:calc(100% - 168px);margin:auto;
  padding:16px 19px 14px;display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1.15fr);gap:8px;
  background:linear-gradient(110deg,#59351445,#06101796 9%,#0a1112a8 92%,#b178365e),var(--steel);
  background-size:auto,430px;border:2px solid transparent;border-radius:22px;
  box-shadow:inset 0 0 14px #000,4px 6px 2px #030708,8px 14px 23px #000c,0 30px 45px #0008;
}
/* Nine-slice photographic frame: transparent center leaves all controls live HTML. */
.machine:before{content:"";position:absolute;inset:-4px;border:34px solid transparent;border-image:url("/assets/images/garage/chassis-frame.webp") 20% round;pointer-events:none;z-index:4}
.bolted:before,.bolted:after {
  position:absolute;z-index:2;content:"";width:11px;height:11px;border-radius:50%;pointer-events:none;
  background:linear-gradient(140deg,transparent 41%,#090c0e 43% 53%,#a6a29a 54% 57%,transparent 59%),
    radial-gradient(circle at 37% 29%,#a3aaab,#313b40 31%,#070f14 37% 53%,#d5a565 57%,#866139 70%,#080b0c 74%);
  box-shadow:1px 2px 2px #000,-1px -1px 1px #d8ae6766;
}
.bolted{position:relative}
.bolted:before{left:5px;top:5px}.bolted:after{right:5px;top:5px}
.machine-header{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:16px;padding:17px 24px;min-height:91px;border:2px solid #121719;border-radius:11px 11px 2px 2px;background:linear-gradient(120deg,#050a0bed,#071117e8),var(--steel);background-size:auto,470px;box-shadow:inset 0 1px #93a3a136,0 2px #b5915433,0 4px 6px #000}
.machine-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.sprout{width:45px;height:55px;fill:var(--cyan);stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 5px #37fbd120)}
.machine-brand h1{font:36px/1 Georgia,serif;letter-spacing:-1px;color:#eeeae0;text-shadow:0 2px 1px #000}
.machine-brand small{display:block;font:12px/1.3 Georgia,serif;margin-top:5px}
.header-message{margin-left:auto!important;font:15px/1.8 "Yu Mincho",Georgia,serif;letter-spacing:2px;color:#d8d7c9;transform:rotate(-3deg)}
.machine-menu{position:relative}
.machine-menu summary{display:grid;place-items:center;list-style:none;width:47px;height:47px;cursor:pointer;border:2px solid #47545b;border-radius:6px;background:linear-gradient(145deg,#1a2427,#070d11);box-shadow:inset 1px 1px #85959644,2px 3px 5px #000;font:25px/1 Arial;color:#c1cbcc}
.machine-menu summary::-webkit-details-marker{display:none}
.machine-menu nav{position:absolute;z-index:8;right:0;top:54px;width:225px;padding:12px;background:#10191c;border:1px solid #778a87;box-shadow:0 12px 24px #000}
.machine-menu nav a{display:block;padding:10px;text-decoration:none;font-size:13px}
.machine-message{grid-column:1/-1;display:flex;align-items:stretch;justify-content:space-between;border:2px solid #0a1013;min-height:66px;border-radius:4px;background:linear-gradient(115deg,#c6c2b430,#969f9c2e),var(--steel);background-size:auto,370px;box-shadow:inset 0 1px #ccd0c069,0 2px 3px #000}
.machine-message p{position:relative;width:49%;padding:9px 22px;color:#ebcbb0;font:17px/1.5 "Yu Mincho",Georgia,serif;letter-spacing:3px;background:linear-gradient(#070e14ba,#0c141de8),var(--steel);border-right:4px solid #0b1114;box-shadow:inset 0 1px #8c9c9c55}
.machine-message>span{display:flex;align-items:center;gap:12px;width:45%;padding:8px 12px;color:#071113;font:bold 16px/1.1 Arial;letter-spacing:1px;text-shadow:0 1px #c4b9a339}
.machine-badge svg{width:34px;height:44px;flex-shrink:0;fill:#071113;stroke:#071113;stroke-width:2}
.machine-message small{display:block;font:bold 9px/1.35 Arial;letter-spacing:.7px;margin-top:3px}
.garage-sticker{position:absolute;right:-47px;top:127px;width:90px;z-index:4;transform:rotate(9deg);pointer-events:none;padding:14px 9px 12px;color:#191811;font:bold 15px/1.3 "Comic Sans MS",cursive;background:linear-gradient(155deg,#94713933,#ebc06c44),#b28b4e;box-shadow:3px 5px 4px #0008;clip-path:polygon(0 2%,96% 0,100% 18%,98% 75%,100% 99%,2% 97%)}
.garage-sticker:before{position:absolute;top:-2px;left:30%;width:28%;height:16px;content:"";background:#b8a17877;transform:rotate(-12deg)}
.classification{min-width:0;grid-column:1;grid-row:3;align-self:stretch;padding:8px 7px;background:linear-gradient(90deg,#161e22,#060c0f 8% 94%,#1e272b);border:2px solid #080b0e;box-shadow:inset 0 2px 8px #000,inset 0 -1px #8b8c7e44}
.genre-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:4px}
.genre-button{min-height:67px;position:relative;padding:7px 2px;border:2px solid #3e4749;border-radius:6px;background:radial-gradient(ellipse at 50% 0,#202e32,#080f13 78%);box-shadow:inset 1px 1px 1px #a1b1b22b,inset -1px -2px 3px #000,0 3px 0 #030707,1px 4px 4px #000;color:#bfc7c8!important}
.genre-button svg{display:block;width:25px;height:25px;margin:0 auto 5px;fill:currentColor;color:#508d9b;filter:drop-shadow(0 1px #000)}
.genre-button strong{display:block;font-size:9px;font-weight:600;line-height:1.2;white-space:nowrap}
.genre-button[aria-pressed=true]{color:#ffcda5!important;border-color:#ffc78b;background:radial-gradient(ellipse at bottom,#983a1766,#23130e 70%);box-shadow:0 0 3px #ffdcb4,0 0 8px #ff7d25,0 0 17px #ed5a1470,inset 0 0 9px #fa722766}
.genre-button[aria-pressed=true] svg{color:#ffac6a;filter:drop-shadow(0 0 3px #ff713a)}
.genre-button[aria-pressed=true]:after{position:absolute;content:"";height:3px;left:28%;right:28%;bottom:3px;background:#ffc989;box-shadow:0 0 4px #ff891f}
.model-switch{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:12px 4px 2px;font:8px/1.2 monospace;letter-spacing:.3px;color:#b6bab6}
.model-switch select{width:100%;min-height:35px;border:1px solid #576569;border-radius:2px;background:#071014;padding:4px;font-size:10px;box-shadow:inset 1px 2px 3px #000}
.power-light{width:8px;height:8px;border:1px solid #ffe2ac;border-radius:50%;display:block;background:#ffb52d;box-shadow:0 0 0 2px #54250d,0 0 5px 2px #e85d1a,0 0 13px #f4a543}
.model-switch>.power-light{display:none}
.archive{position:relative;grid-column:2;grid-row:3;min-width:0;display:flex;flex-direction:column;border:2px solid #13181a;box-shadow:inset 0 0 3px #000,0 2px 1px #aa774640;background:#020709}
.metal-label{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:34px;padding:7px 83px 7px 19px;border:1px solid #817c72;border-bottom:3px solid #12191a;border-radius:2px;color:#080e10;background:linear-gradient(125deg,#c6b9a550,#414e5820),var(--steel);background-size:auto,320px;box-shadow:0 1px 0 #d3c3a658,0 5px 7px #000}
.metal-label h2{font:bold 15px/1 Arial;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px #b7b09d55}
.metal-label>span{font:bold 7px/1 monospace;white-space:nowrap}
.metal-label>span>span{display:none}
.metal-label.bolted:before,.metal-label.bolted:after{width:7px;height:7px;top:10px;left:4px}.metal-label.bolted:after{left:auto;right:4px}
.shelf-well{display:flex;flex:1;position:relative;min-width:0;padding:0 5px;background:linear-gradient(#000a,#101a1f44),repeating-linear-gradient(90deg,#03090b 0 103px,#5d6058 104px 107px,#11181c 108px 113px);box-shadow:inset 0 10px 16px #000,inset 0 -7px 5px #000}
.shelf-well:before,.shelf-well:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:2}
.shelf-well:before{top:3px;height:4px;background:linear-gradient(#000,#7c7358,#070d10)}
.shelf-well:after{bottom:0;height:10px;background:linear-gradient(#b0a183 0,#424f53 20%,#0b161a 40%,#17242a 75%,#a8743866);box-shadow:0 -1px #5f716a,0 3px 4px #000}
.cartridge-shelf{display:flex;align-items:center;gap:10px;list-style:none;width:100%;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:18px 9px 20px!important;scrollbar-width:thin;scrollbar-color:#9a7945 #050a0b}
.cartridge-shelf li{flex:0 0 119px;position:relative;scroll-snap-align:center;padding:5px 3px 0}
.cartridge-shelf li:before{position:absolute;content:"";top:32px;bottom:-6px;left:-2px;right:-4px;background:linear-gradient(90deg,#c1965577,#0e1719 5% 94%,#b1855170);border:1px solid #686451;border-radius:6px 6px 2px 2px;box-shadow:inset 0 3px 6px #000}
.cartridge{position:relative;display:flex;flex-direction:column;isolation:isolate;width:100%;padding:19px 6px 9px;border:1px solid #8f9899;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#040b0f 1%,#85918b 3%,#16272f 7% 92%,#667675 96%,#04090b),var(--steel);box-shadow:inset 0 1px #bcc4bf,2px 1px 0 #101415,4px 3px 0 #050809,0 3px 6px #000;transition:transform .18s,box-shadow .18s}
.cartridge:before{content:"";position:absolute;left:5px;right:5px;top:3px;height:11px;border:1px solid #03080a;border-radius:3px;background:linear-gradient(180deg,#56677373,#101b20 35% 70%,#040a0e 75%),repeating-linear-gradient(90deg,#111b20 0 3px,#728187 3px 4px);box-shadow:inset 0 1px #798c8d66,0 2px 0 #040a0c}
.cartridge:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:3px;background:repeating-linear-gradient(90deg,#aa8a4e 0 2px,#091216 2px 5px);opacity:.65}
.cartridge[aria-pressed=true]{transform:translateY(-6px) scale(1.025);border-color:#ffd7a6;box-shadow:0 0 2px 2px #ffe0b5,0 0 6px 3px #ff9a3d,0 0 20px #ff781bba,inset 0 0 5px #ffd28c}
.cassette-brand{display:block;color:#172125;font:bold 8px/1 Arial;letter-spacing:.5px;padding:6px 0;text-align:center;border:1px solid #060d0f;border-bottom:0;background:linear-gradient(#b7b5aa66,#878f92aa),var(--steel);background-size:auto,160px;box-shadow:inset 0 1px #bac2c5}
.cartridge img{width:100%;height:160px;object-fit:cover;object-position:50% 70%;border:1px solid #071319;border-block:0;filter:brightness(1.22) saturate(1.15)}
/* Keep the real protagonist in the narrow paper cover's crop. */
.cartridge[data-game="C"] img,.selected-cover[src$="/c.webp"],.cartridge[data-game="G"] img,.selected-cover[src$="/g.webp"]{object-position:0% 70%}
.cartridge[data-game="A"] img,.selected-cover[src$="/a.webp"]{object-position:100% 70%}
.cassette-title{font:14px/1.15 Georgia,serif;color:#f3f0e5;padding:7px 1px;min-height:30px;display:grid;place-items:center;text-align:center;background:linear-gradient(#0d171ce0,#040b0f);border:1px solid #192b32;border-top:0;text-shadow:0 1px 2px #000}
.cassette-genre{display:block;padding:6px 0;font:bold 11px/1.2 Arial;color:#111d24;border:1px solid #050c10;border-radius:0 0 4px 4px;background:linear-gradient(#abb1aacc,#858c8bc4),var(--steel);background-size:auto,190px}
.shelf-navigation{position:absolute;right:12px;top:4px;z-index:3}
.shelf-navigation>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.shelf-navigation>div{display:flex;gap:4px}
.shelf-navigation button{width:25px;height:24px;padding:0;border:1px solid #565a54;border-radius:2px;background:linear-gradient(#252e31,#10181a);box-shadow:0 1px #000,inset 0 1px #7d888844;color:#d9dbcb;font:14px/1 Arial}
.empty-shelf{font-size:13px;padding:30px 10px}
.empty-shelf button{display:block;margin-top:12px;padding:10px;background:#173034;border:1px solid #638384}
.monitor-bay{grid-column:3;grid-row:3;min-width:0;display:flex;padding:10px;border:2px solid #9e8061;border-radius:10px 10px 4px 4px;background:linear-gradient(95deg,#020909,#314047 3%,#0d191d 6% 96%,#030708),var(--steel);box-shadow:inset 0 0 0 2px #040b0f,inset 0 0 0 3px #717467,0 3px 3px #000,0 -1px #adb6a444}
.monitor-bezel{display:flex;flex-direction:column;width:100%;min-width:0;padding:8px;border:2px solid #36474b;border-radius:12px 12px 5px 5px;background:linear-gradient(110deg,#030c10,#09181c);box-shadow:0 0 0 2px #020708,inset 1px 1px #72858835,inset -3px -2px 7px #000}
.monitor-label{display:flex;justify-content:space-between;padding:0 3px 7px;color:#91a4aa;font:9px/1.2 monospace;letter-spacing:1px}
.preview-screen{position:relative;height:210px;overflow:hidden;border:2px solid #496a71;border-radius:8px;background:#07121d;box-shadow:0 0 5px #36dec93d,inset 0 0 15px #000}
.preview-screen>img{width:100%;height:100%;object-fit:cover;object-position:50% 63%;filter:brightness(1.24) saturate(1.2) contrast(1.07)}
.preview-screen:after{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;background:repeating-linear-gradient(0deg,#0018280d 0 1px,transparent 1px 3px),radial-gradient(ellipse at 72% 15%,#76dcff26,transparent 65%);box-shadow:inset 0 0 12px #0008,inset 0 1px 2px #b9fff93d}
.preview-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(transparent 8%,#00132924 36%,#00142166 72%,#000b13b3);text-shadow:0 2px 5px #000,0 1px 1px #00121f}
.preview-caption>span{color:#bee3ed;font:10px monospace;letter-spacing:2px}
.preview-caption>p{font:32px/1.2 Georgia,serif;color:#fff;margin:6px!important}
.preview-caption>small{font:12px/1.7 "Yu Mincho",Georgia,serif;align-self:flex-end;max-width:70%;margin:22px 10px 0 0;transform:rotate(-3deg);color:#e9f8ee;letter-spacing:1px}
.selected-details{display:grid;grid-template-columns:45px minmax(0,1fr) 112px;gap:9px;align-items:start;margin-top:12px;flex:1;align-content:center}
.selected-cover{width:100%;height:92px;object-fit:cover;object-position:50% 70%;border:1px solid #607979;border-radius:4px;box-shadow:0 0 0 2px #020a0d;filter:brightness(1.2) saturate(1.2)}
.selected-cover[hidden]+.selected-copy{grid-column:1/3}
.selected-copy h2{font:21px/1.15 Georgia,serif;color:#f1eee7}
.game-tags{font-size:9px;line-height:1.5;color:#a5c1c9;margin-top:7px!important}
.game-description{font-size:10px;line-height:1.6;color:#bdcccc;margin-top:7px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.play-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;border:2px solid #a9fff0;border-radius:5px;background:linear-gradient(120deg,#49ffdc,#21e0c8 55%,#3cf4d8);color:#001919!important;box-shadow:inset 0 1px 4px #fff9,inset 0 -3px 4px #028b79,0 0 5px #66ffe7,0 0 18px #0ce4c978,1px 4px 4px #000;font-size:24px!important;line-height:1!important;font-weight:800!important}
.play-button small{display:block;font:bold 10px/1.2 monospace;letter-spacing:2px;margin-top:4px}
.trace-button{width:100%;margin-top:7px;min-height:33px;border:1px solid #649f9a;border-radius:3px;background:linear-gradient(#12282d,#061317);box-shadow:inset 0 1px #81ddd733,0 1px 3px #000;font-size:11px!important}
.trace-button span{font:8px/1 monospace}
.variant-control{display:flex;gap:7px;align-items:center;margin-top:8px;padding-top:7px;border-top:1px solid #345357;font:8px/1.2 monospace}
.variant-control select{min-height:30px;max-width:65%;padding:3px;background:#08171c;border:1px solid #5e7579;font-size:10px}
.lower-chassis{grid-column:1/-1;position:relative;height:128px;border:2px solid #181817;border-radius:4px 4px 11px 11px;padding:12px 21px;background:linear-gradient(100deg,#b8834936,#ccd3cf50 50%,#aaa18d35),var(--steel);background-size:auto,460px;box-shadow:inset 0 1px #bfc8c77d,inset 0 -2px #171c1f,0 2px 2px #000;color:#080e10}
.chassis-label{font:bold 12px/1.2 Arial;letter-spacing:.5px;text-shadow:0 1px #e5dbc038}
.chassis-label small{display:block;font:bold 8px/1.4 monospace}
.speaker{position:absolute;top:13px;left:44%;width:77px;height:25px;border:2px solid #9e9e92;border-radius:5px;background:repeating-linear-gradient(#000 0 3px,#4a4c47 4px 5px);box-shadow:0 0 0 1px #11191d,inset 2px 3px 4px #000}
.chassis-message{position:absolute;top:11px;right:22px;font:13px/1.65 "Yu Mincho",Georgia,serif;letter-spacing:2px;transform:rotate(-4deg)}
.d-pad{position:absolute;left:32px;bottom:9px;width:70px;height:70px;filter:drop-shadow(2px 4px 2px #000)}
.d-pad svg{display:block;width:100%;height:100%}
.console-motto{position:absolute;top:43px;left:28%;padding:5px 13px 6px;border:1px solid #1e231fd1;border-radius:4px;box-shadow:inset 0 1px #d6c3a742,0 1px #d6c3a754;background:#1d282024;font:bold 16px/1.06 Arial;letter-spacing:.2px;text-shadow:0 1px #f1dabb33}
.console-switches{position:absolute;left:46%;bottom:22px;display:flex;gap:20px}
.console-switches i{display:block;width:38px;height:12px;border:2px solid #817150;border-radius:5px;background:linear-gradient(#1a2328,#000);box-shadow:0 0 0 1px #171715,inset 0 1px #6d817970,0 3px 2px #000}
.console-switches small{position:absolute;top:17px;font:bold 8px/1 monospace;white-space:nowrap}
.console-buttons{position:absolute;right:28px;bottom:9px;display:flex;gap:10px;align-items:center;transform:rotate(-24deg);padding:7px;border:2px solid #aa9578;border-radius:60px;background:linear-gradient(130deg,#152229,#020709);box-shadow:0 0 0 2px #060b0d,inset 2px 2px #53666a99,2px 4px 3px #000}
.console-buttons i{display:grid;place-items:center;width:45px;height:45px;border:3px solid #2f3d43;border-radius:50%;background:radial-gradient(circle at 36% 20%,#223b44,#020b0f);box-shadow:inset 0 2px #74817b55,inset 0 -3px 4px #000,0 0 0 2px #000;font:8px/1 Arial;color:#ce9c60}
.console-buttons i+i{width:51px;height:51px;border-color:#b43725;background:radial-gradient(circle at 40% 30%,#ce3023,#760b08 82%);box-shadow:inset 0 2px #e8653988,inset 0 -4px 4px #480d09,0 0 0 2px #000}
.lower-chassis>.power-light{position:absolute;left:43%;top:73px;width:10px;height:10px}
.other-bay{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:calc(100% - 178px);max-width:1145px;margin:17px auto 0;padding:4px;background:#101d21aa;border:1px solid #707d70;border-radius:7px;box-shadow:0 5px 14px #000b;transform:perspective(900px) rotateX(4deg)}
.other-bay a{display:flex;align-items:center;justify-content:center;gap:13px;min-height:66px;padding:10px 8px;text-decoration:none;border:1px solid #405658;border-radius:4px;background:linear-gradient(120deg,#0a171ae6,#061012f0);box-shadow:inset 1px 1px #899f8933;font-size:17px;letter-spacing:.5px}
.other-bay b{font-size:27px;color:#49dfc8}.other-bay a:nth-child(2) b{color:#e6eeee}.other-bay b svg{display:block;width:25px;height:25px;fill:#49dfc8}.other-bay .note-mark{font:900 29px/1 Arial}
.other-bay small{display:block;color:#b4c0bd;font-size:10px;letter-spacing:0;margin-top:5px}
.other-works,.garage-notes,.garage-footer{max-width:1120px;margin:auto;padding:30px 14px;border-bottom:1px solid #33403b;color:#b2bbb5}
.other-works h2{font:12px/1.4 monospace;letter-spacing:3px}
.other-works>p{font-size:12px;margin-top:8px}
.other-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
.other-links a{font-size:13px;text-decoration:none}
.other-links small{display:block;font-size:10px;line-height:1.5;color:#96a49c;margin-top:6px}
.garage-notes{font-size:12px;line-height:1.9}.garage-notes h2{font-size:15px}.garage-notes a{display:inline-block;margin:12px 20px 0 0}
.garage-footer nav{display:flex;flex-wrap:wrap;gap:18px;font-size:11px}.garage-footer p{font:10px/1.4 monospace;margin-top:20px}
.no-script{grid-column:1/-1;padding:16px;font-size:14px}.no-script a{display:block}
@media(max-width:1100px) and (min-width:761px){
  .machine{width:calc(100% - 80px);grid-template-columns:140px minmax(0,1fr) minmax(0,1.2fr);padding-inline:15px}
  .machine-brand h1{font-size:30px}.selected-details{grid-template-columns:0 minmax(0,1fr) 96px;gap:5px}.selected-cover{visibility:hidden}.selected-copy h2{font-size:19px}
  .metal-label{padding-left:12px;padding-right:65px}.metal-label h2{font-size:12px}.metal-label>span{display:none}.other-bay{width:calc(100% - 92px)}
  .garage-sticker{right:-26px;width:65px;font-size:11px;padding:10px 6px}
}
@media(max-width:760px){
  .garage-stage{padding:19px 0 43px}
  .garage-stage:before{left:-46px;top:-75px;width:115px;height:115px}
  .garage-stage:after{background:radial-gradient(ellipse 115px 150px at 5% 4%,#ffab352b,transparent 85%)}
  .workshop{background-image:url("/assets/images/garage/workshop-portrait.webp")}
  .machine{display:flex;flex-direction:column;width:calc(100% - 56px);max-width:430px;gap:5px;padding:8px 10px 8px;border-radius:16px 16px 10px 10px;background-size:auto,270px;box-shadow:inset 0 0 10px #000,4px 4px 2px #030809,6px 10px 18px #000c}
  .machine:before{inset:-4px;border-width:30px}
  .bolted:before,.bolted:after{width:7px;height:7px;top:4px}.bolted:before{left:3px}.bolted:after{right:3px}
  .machine-header{min-height:55px;padding:7px 8px;gap:8px;border-radius:7px 7px 2px 2px;border-width:1px}
  .machine-brand{gap:6px}.sprout{width:29px;height:39px;flex-shrink:0}
  .machine-brand h1{font-size:23px;letter-spacing:-.8px}.machine-brand small{font-size:7px;margin-top:3px;white-space:nowrap}
  .header-message{font-size:7px;line-height:1.8;letter-spacing:1px}
  .machine-menu summary{width:28px;height:31px;border-width:1px;font-size:18px;border-radius:4px}
  .machine-menu nav{top:39px;width:215px}
  .machine-message{min-height:42px;border-width:1px;background-size:auto,240px}
  .machine-message p{padding:6px 11px;width:50%;font-size:11px;line-height:1.5;letter-spacing:1.5px;border-right-width:3px}
  .machine-message>span{width:48%;padding:5px 5px;font-size:10px;letter-spacing:.3px;gap:5px}
  .machine-badge svg{width:23px;height:28px}
  .machine-message small{font-size:5.5px;line-height:1.25;letter-spacing:.25px;margin-top:2px}
  .garage-sticker{right:-26px;top:91px;width:49px;font-size:8px;line-height:1.3;padding:9px 4px 7px;transform:rotate(10deg)}.garage-sticker:before{height:8px}
  .classification{padding:3px 2px;border-width:1px}
  .genre-buttons{display:flex;overflow-x:auto;gap:4px;padding:3px 3px 4px;scrollbar-width:none;overscroll-behavior-x:contain}
  .genre-button{flex:0 0 calc((100% - 16px)/5);min-width:50px;min-height:44px;padding:4px 1px;border-width:1px;border-radius:4px}
  .genre-button svg{width:22px;height:22px;margin-bottom:4px}
  .genre-button strong{font-size:8px;line-height:1.15}
  .genre-button[aria-pressed=true]:after{height:2px;bottom:2px}
  .model-switch{flex-wrap:nowrap;gap:5px;padding:1px 4px 2px;font-size:8px;white-space:nowrap}
  .model-switch select{width:auto;flex:1;min-width:0;min-height:24px;height:24px;padding:2px 3px;font-size:10px}
  .model-switch>.power-light{display:block;width:5px;height:5px;margin:0 3px}
  .archive{flex-shrink:0;border-width:1px}
  .metal-label{min-height:25px;padding:5px 65px 5px 14px}
  .metal-label h2{font-size:12px;letter-spacing:.4px}.metal-label>span{font-size:6px}
  .metal-label.bolted:before,.metal-label.bolted:after{width:5px;height:5px;top:8px}
  .shelf-well{padding:0 2px}
  .cartridge-shelf{gap:6px;padding:10px 5px 12px!important;min-height:135px;scrollbar-width:none}
  .cartridge-shelf li{flex-basis:calc((100% - 18px)/4);min-width:58px;padding:4px 1px 0}
  .cartridge-shelf li:before{left:-1px;right:-3px;top:23px;bottom:-5px;border-radius:4px 4px 1px 1px}
  .cartridge{padding:12px 3px 5px;border-radius:5px 5px 2px 2px;min-height:114px}
  .cartridge:before{top:2px;left:4px;right:4px;height:8px;border-radius:2px}.cartridge:after{height:2px;bottom:2px;left:9px;right:9px}
  .cartridge[aria-pressed=true]{transform:translateY(-4px) scale(1.015);box-shadow:0 0 1px 1px #ffedc8,0 0 6px 2px #ff9a39,0 0 17px #ff6817b8}
  .cassette-brand{font-size:5.5px;letter-spacing:.1px;padding:3px 0}
  .cartridge img{height:56px}
  .cassette-title{min-height:21px;padding:3px 0;font-size:9px;line-height:1.1;letter-spacing:-.3px}
  .cassette-genre{font-size:8px;padding:3px 0;line-height:1.1;letter-spacing:-.3px}
  .shelf-navigation{top:2px;right:7px}.shelf-navigation>div{gap:3px}.shelf-navigation button{width:24px;height:24px;font-size:12px}
  .shelf-well:after{height:7px}
  .monitor-bay{padding:7px 6px 6px;border-width:1px;border-radius:7px 7px 3px 3px}
  .monitor-bezel{padding:5px;border-width:1px;border-radius:7px 7px 3px 3px}
  .monitor-label{font-size:7px;letter-spacing:.6px;padding-bottom:5px}
  .preview-screen{height:113px;border-width:1px;border-radius:5px}
  .preview-caption>p{font-size:24px;margin:4px!important}
  .preview-caption>span{font-size:7px;letter-spacing:1px}
  .preview-caption>small{font-size:8px;line-height:1.6;margin-top:17px;margin-right:7px;max-width:66%}
  .selected-details{grid-template-columns:32px minmax(0,1fr) 86px;gap:6px;margin-top:8px;flex:none}
  .selected-cover{height:66px;border-radius:3px}
  .selected-copy h2{font-size:15px;line-height:1.15}
  .game-tags{font-size:8px;line-height:1.3;margin-top:5px!important}
  .game-description{font-size:8px;line-height:1.6;margin-top:5px!important;-webkit-line-clamp:2}
  .play-button{min-height:44px;font-size:21px!important;gap:7px;border-width:1px;border-radius:4px}
  .play-button small{font-size:8px;margin-top:3px;letter-spacing:1px}
  .trace-button{min-height:24px;margin-top:4px;font-size:9px!important;border-radius:3px}.trace-button span{font-size:6px}
  .variant-control{font-size:7px;gap:5px;margin-top:7px;padding-top:6px}.variant-control select{min-height:26px;font-size:9px}
  .lower-chassis{height:98px;flex-shrink:0;padding:8px 11px;border-width:1px;border-radius:3px 3px 6px 6px;background-size:auto,250px}
  .chassis-label{font-size:8px;letter-spacing:0}.chassis-label small{font-size:6px}
  .speaker{top:9px;left:43%;width:47px;height:18px;border-width:1px;border-radius:3px}
  .chassis-message{top:9px;right:12px;font-size:8px;font-weight:600;text-shadow:0 1px #d7c7ab55;line-height:1.6;letter-spacing:1px}
  .d-pad{left:14px;bottom:10px;width:53px;height:53px}
  .console-motto{left:29%;top:30px;padding:3px 7px 4px;font-size:10px;line-height:1.05}
  .console-switches{left:30%;bottom:16px;gap:10px}.console-switches i{width:27px;height:9px;border-width:1px}.console-switches small{font-size:6px;top:12px}
  .console-buttons{right:14px;bottom:13px;gap:6px;padding:4px;border-width:1px}
  .console-buttons i{width:29px;height:29px;border-width:2px;font-size:6px}.console-buttons i+i{width:35px;height:35px;border-width:2px}
  .lower-chassis>.power-light{left:53%;top:59px;width:7px;height:7px}
  .other-bay{width:calc(100% - 61px);max-width:425px;margin-top:12px;padding:2px;gap:3px;border-radius:5px}
  .other-bay a{gap:5px;min-height:44px;padding:6px 4px;font-size:11px;letter-spacing:0;border-radius:3px}
  .other-bay b{font-size:21px}.other-bay b svg{width:20px;height:20px}.other-bay .note-mark{font-size:23px}.other-bay small{font-size:6.5px;line-height:1.3;margin-top:4px;white-space:nowrap}
  .other-works,.garage-notes,.garage-footer{margin-inline:24px;padding:24px 4px}.other-links{grid-template-columns:repeat(2,1fr);gap:16px}.garage-notes{font-size:11px}
  .garage-footer nav{gap:12px;font-size:10px}
}
@media(max-width:380px){
  .machine{width:calc(100% - 48px);padding-inline:9px}
  .other-bay{width:calc(100% - 54px)}
  .machine-header{gap:6px;padding-inline:7px}.machine-brand h1{font-size:22px}
  .header-message{letter-spacing:.5px;font-size:7px}.preview-screen{height:114px}
}
@media(prefers-reduced-motion:reduce){.garage-page *{transition:none!important;scroll-behavior:auto!important}}
.trace-dialog{width:min(640px,94vw);max-height:88dvh;background:#111d21;color:#e7eded;border:2px solid #65797d;border-radius:6px;padding:20px}.trace-dialog::backdrop{background:#020607e8}.trace-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #506062;padding-bottom:15px}.trace-dialog h2{font:18px monospace}.trace-dialog button{width:44px;height:44px;border:1px solid #6b878b;background:#14262b;font-size:26px}.trace-dialog h3{margin:22px 0 10px;font-size:17px}.trace-dialog dl{font-size:12px}.trace-dialog dl>div{display:grid;grid-template-columns:35% 1fr;border-bottom:1px solid #314043;gap:8px;padding:8px 0}.trace-dialog dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.trace-dialog p{font-size:12px;line-height:1.8;margin:14px 0}.trace-dialog>a{display:block;padding:14px 0;color:var(--cyan);font-size:13px}
.full-play{inset:0;margin:0;border:0;padding:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;background:#080f18;color:#edf6f6;overflow:hidden}.play-toolbar{display:flex;align-items:center;gap:9px;padding:0 max(5px,env(safe-area-inset-right)) 0 max(5px,env(safe-area-inset-left));border-bottom:1px solid #2c414b;background:#0d1a21}.play-toolbar :is(h1,h2){flex:1;font:12px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-toolbar button{height:36px;min-width:38px;background:#152630;border:1px solid #50626b;border-radius:3px;font-size:14px}.full-play iframe{width:100%;height:100%;border:0;display:block;background:#080f18}.play-status{position:absolute;left:0;right:0;top:44px;background:#182a32;font-size:12px;padding:10px;text-align:center;pointer-events:none}.play-status:empty{display:none}

.trace-dialog details p{white-space:pre-wrap;overflow-wrap:anywhere}

.player-page{margin:0;overflow:hidden}
.full-play.standalone-player{display:grid;grid-template-rows:44px 40px minmax(0,1fr)}
.play-toolbar>a{display:grid;place-items:center;height:36px;min-width:60px;padding:0 8px;text-decoration:none;background:#152630;border:1px solid #50626b;border-radius:3px;font-size:14px}
.player-fallback{position:absolute;top:60px;left:16px;right:16px;background:#14262b;padding:16px;font-size:14px}

/* Keep the game clear of phone notches and the home indicator in both orientations. */
.player-page .full-play{width:100%;padding-bottom:env(safe-area-inset-bottom);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}
.player-page .standalone-player{grid-template-rows:calc(44px + env(safe-area-inset-top)) 40px minmax(0,1fr)}
.player-page .play-toolbar{padding-top:env(safe-area-inset-top);padding-inline:4px;gap:6px}
.player-page .play-toolbar :is(button,a){height:44px;min-width:44px;touch-action:manipulation}
.player-page .play-toolbar a{min-width:64px}
.player-page .play-status{top:calc(84px + env(safe-area-inset-top));z-index:1}
.player-page .play-toolbar h1{min-width:0}
.play-provenance{display:flex;flex-direction:column;justify-content:center;gap:2px;margin:0;padding:4px 12px;border-bottom:1px solid #536e68;background:#182725;color:#e9f1e2;min-width:0}
.play-provenance strong{font-size:12px;line-height:1.25}.play-provenance span{font-size:10px;line-height:1.25;color:#b4c8bf}
.play-provenance[data-kind=assisted]{background:#30291e;border-color:#ad845c;color:#ffe0a8}
.variant-provenance{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:11px;line-height:1.6;color:#bac9bd}
.variant-provenance strong{font-size:12px;color:#d7e6c8}.variant-provenance[data-kind=assisted] strong{color:#f3c48b}
.launch-provenance{display:none}
.full-play.standalone-player{position:relative;grid-template-columns:minmax(0,1fr)}

/* The same fullscreen element contains both the isolated screen and console. */
.game-controller[hidden]{display:none}
.player-page .standalone-player.with-controller{grid-template-rows:calc(44px + env(safe-area-inset-top)) 40px minmax(0,min(calc(58% - 20px),calc(100vw * var(--screen-ratio) + 96px))) minmax(0,1fr)}
.game-controller{min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));border-top:2px solid #536e68;background:radial-gradient(ellipse at 50% 0,#314842,#152525 70%);box-shadow:inset 0 3px 0 #0a151b,inset 0 5px 0 #93a29533;overflow:auto;overscroll-behavior:contain}
.controller-caption{display:flex;justify-content:space-between;gap:8px;color:#ecdfbf;font:11px/1.5 monospace;letter-spacing:.05em}.controller-caption strong{font-size:12px}
.controller-hint{max-width:420px;color:#b8cbc3;font-size:12px;line-height:1.6}
.controller-controls{flex:1;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:space-between;gap:16px}
.controller-controls>div{display:flex;gap:10px;align-items:center}
.controller-controls button{display:grid;place-items:center;min-width:64px;min-height:64px;padding:10px;border:2px solid #749084;border-radius:16px;background:linear-gradient(#263c3e,#14272d);color:#f1e4c5;box-shadow:0 5px 0 #071419,inset 0 1px #bacbb333;font-size:18px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.controller-controls button[aria-pressed=true]{transform:translateY(3px);background:#466454;border-color:#f3b778;box-shadow:0 2px 0 #071419,inset 0 2px 8px #0004;color:#fff3d7}
.controller-controls button:focus-visible{outline:3px solid #fac781;outline-offset:3px}
.controller-action button{min-width:76px;background:linear-gradient(#755342,#402c2c);border-color:#c09263;font-size:14px;border-radius:50%;aspect-ratio:1}
.controller-controls .controller-utility{flex-basis:100%;justify-content:center}
.controller-utility button{min-height:44px;min-width:136px;border-radius:8px;font-size:12px;padding:8px}
.controller-note{color:#9fb1a6;text-align:center;font-size:10px;line-height:1.5}
.game-controller[data-kind=flight] .controller-direction{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px}
.game-controller[data-kind=flight] .controller-direction button{width:100%;height:100%;min-width:44px;min-height:44px;padding:4px;border-radius:10px;font-size:20px}
.game-controller[data-kind=flight] .controller-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-content:center}
.game-controller[data-kind=flight] .controller-direction{grid-column:1;grid-row:1;justify-self:start}
.game-controller[data-kind=flight] .controller-action{grid-column:2;grid-row:1;flex-direction:column}
.game-controller[data-kind=flight] .controller-utility{grid-column:1/-1;grid-row:2}
.controller-direction [data-controller-action=up]{grid-column:2;grid-row:1}.controller-direction [data-controller-action=left]{grid-column:1;grid-row:2}.controller-direction [data-controller-action=down]{grid-column:2;grid-row:3}.controller-direction [data-controller-action=right]{grid-column:3;grid-row:2}
.game-controller[data-kind=rhythm] .controller-controls{align-content:center;gap:20px}
.controller-controls .controller-lane{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.controller-lane button{min-width:0;min-height:84px;border-radius:12px;font-size:23px}
.game-controller[data-kind=rhythm] .controller-hint{font-size:12px}
.controller-controls{min-height:0}
.controller-controls .controller-utility button{height:44px;min-height:44px;font-size:12px}
@media(orientation:portrait) and (max-height:700px){.player-page .standalone-player.with-controller{grid-template-rows:calc(44px + env(safe-area-inset-top)) 40px minmax(0,min(calc(48% - 40px),calc(100vw * var(--screen-ratio) + 96px))) minmax(0,1fr)}.controller-hint,.controller-note{display:none}.controller-controls{align-content:center}}
@media(max-width:360px){.game-controller{padding:12px;gap:8px}.controller-controls{gap:10px}.controller-controls button{min-width:58px;min-height:58px}.controller-action button{min-width:68px}.game-controller[data-kind=flight] .controller-direction{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}.game-controller[data-kind=flight] .controller-action{gap:8px}.game-controller[data-kind=flight] .controller-action button{min-width:60px;min-height:60px;font-size:12px}}
@media(orientation:landscape){
  .player-page .standalone-player.with-controller{grid-template-columns:minmax(0,1fr) clamp(232px,30vw,300px);grid-template-rows:calc(44px + env(safe-area-inset-top)) 40px minmax(0,1fr)}
  .with-controller .play-toolbar,.with-controller .play-provenance{grid-column:1/-1}.with-controller iframe{grid-column:1;grid-row:3}
  .game-controller{grid-column:2;grid-row:3;border-top:0;border-left:2px solid #536e68;padding:12px;gap:8px}
  .controller-caption{flex-wrap:wrap}.controller-caption span{font-size:9px}.controller-hint{font-size:11px;line-height:1.4}
  .controller-controls{gap:10px;justify-content:center}.controller-controls button{min-width:52px;min-height:52px;border-radius:12px;padding:6px;font-size:16px}
  .controller-action button{min-width:64px;font-size:12px}.controller-utility button{min-height:44px;font-size:11px}
  .game-controller[data-kind=flight] .controller-direction{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}
  .game-controller[data-kind=flight] .controller-controls{display:grid;grid-template-columns:132px minmax(0,1fr);gap:8px}
  .game-controller[data-kind=flight] .controller-direction{grid-column:1;grid-row:1}
  .game-controller[data-kind=flight] .controller-action{flex-direction:column;grid-column:2;grid-row:1;gap:8px}
  .game-controller[data-kind=flight] .controller-action button{min-width:60px;min-height:60px}
  .game-controller[data-kind=flight] .controller-utility{grid-column:1/-1}
  .controller-controls .controller-lane{gap:6px}.controller-lane button{min-width:0;min-height:90px}
  .controller-note{font-size:9px}
}
/* Short landscape retains the game's former viewport height. Provenance shares
   the 44px toolbar; the accessible game title remains in the document. */
@media(orientation:landscape) and (min-width:600px) and (max-height:500px){
  .player-page .standalone-player,.player-page .standalone-player.with-controller{grid-template-rows:calc(44px + env(safe-area-inset-top)) minmax(0,1fr)}
  .player-page .play-toolbar h1{clip-path:inset(50%)}
  .player-page .play-provenance{position:absolute;top:env(safe-area-inset-top);left:calc(74px + env(safe-area-inset-left));right:calc(160px + env(safe-area-inset-right));height:44px;padding:3px 8px;border-bottom:0}
  .player-page .play-status{top:calc(44px + env(safe-area-inset-top))}
  .with-controller iframe,.with-controller .game-controller{grid-row:2}
}
@media(orientation:landscape) and (max-height:400px){.controller-caption strong,.controller-hint,.controller-note{display:none}.controller-controls{align-content:center}.game-controller[data-kind=flight] .controller-controls{align-content:center}}

/* Search and editorial help share the console's local materials and palette. */
.game-search{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid #3b504e;background:#0c191d}
.game-search label{flex-shrink:0;font-size:10px;color:#b8cdc6}
.game-search input{min-width:0;width:100%;min-height:36px;padding:7px 9px;font:12px Arial,"Yu Gothic",Meiryo,sans-serif;color:#edf3ee;background:#061015;border:1px solid #58706a;border-radius:4px}
.game-search input::placeholder{color:#a5b6b0}
.game-search button{min-width:36px;min-height:36px;border:1px solid #58706a;background:#162a2c;border-radius:4px;font-size:20px}
.help-button{width:100%;min-height:36px;margin-top:6px;border:1px solid #719388;border-radius:3px;background:#17282a;font-size:12px!important}
.mobile-help{display:none}
.guide-dialog header h2{font:20px/1.4 Georgia,"Yu Gothic",serif;overflow-wrap:anywhere;text-wrap:balance}
.guide-dialog header button{flex-shrink:0}
.guide-dialog .guide-boundary{padding:12px;border-left:3px solid #edb579;background:#1d2b2d;color:#c7d5cc}
.garage-guide{max-width:1120px;width:calc(100% - 32px);margin:0 auto;padding:36px 0;border-bottom:1px solid #33403b;color:#c6d0c6;line-height:1.9;scroll-margin-top:20px}
.garage-guide .guide-kicker{font:11px/1.4 monospace;letter-spacing:2px;color:#bda887;margin-bottom:10px}
.garage-guide h2{font:26px/1.5 "Yu Mincho",Georgia,serif;color:#f1e8d5;margin-bottom:12px;text-wrap:balance}
.garage-guide header>p:last-child{max-width:70ch;font-size:14px}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.discovery-grid>a{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #405850;border-radius:6px;background:linear-gradient(130deg,#172625,#101b1c);text-decoration:none}
.discovery-grid>a:hover{border-color:#91b9a1}
.discovery-grid h3{font-size:17px;color:#e6e9d9;margin:0}
.discovery-grid p{font-size:13px;line-height:1.9;flex:1}
.discovery-grid span{font-size:12px;color:var(--cyan)}
.guide-faq{margin-top:28px}
.guide-faq h3,.production-copy h3{font-size:17px;color:#e6e9d9;margin:0 0 12px}
.guide-faq details{border-top:1px solid #334c43}
.guide-faq summary{cursor:pointer;padding:14px 4px;min-height:48px;font-size:14px;color:#e0e7d9}
.guide-faq details p{max-width:80ch;font-size:14px;padding:0 4px 18px}
.guide-faq a,.production-copy a{color:var(--cyan);text-underline-offset:4px}
.production-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}
.production-note h2 span{display:inline-block}
.production-copy p{font-size:14px;line-height:2;margin-bottom:14px}
.production-copy a{display:block;font-size:13px;min-height:44px;padding-block:10px}
@media(max-width:760px), (max-width:1024px) and (pointer:coarse){
  .garage-guide{max-width:700px;padding:28px 0}
  .garage-guide h2{font-size:23px}
  .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .discovery-grid>a{padding:14px}
  .discovery-grid h3{font-size:16px}
  .production-copy{grid-template-columns:1fr;gap:20px}
  .guide-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px;overflow-y:auto}
  .guide-dialog header{position:sticky;top:-16px;padding-top:8px;background:#111d21;z-index:1}
  .guide-dialog p{font-size:14px}
}
@media(max-width:380px){.discovery-grid{grid-template-columns:1fr}}