/* A self-contained, playable mobile showcase for the GANZ homepage. */
.mobile-showcase{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:76px;align-items:center;border-top:1px solid #263445}
.mobile-showcase__copy{max-width:550px}
.mobile-showcase__eyebrow{margin:0 0 25px;color:#56d9e8;font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.15em}
.mobile-showcase__copy h2{margin:0;color:#f2f6fa;font-family:'Manrope',Arial,sans-serif;font-size:clamp(40px,5vw,68px);line-height:1.04;font-weight:700;letter-spacing:-.055em}
.mobile-showcase__intro{max-width:470px;margin:27px 0 0;color:#a6b3c5;font-size:17px;line-height:1.85}
.mobile-showcase__capabilities{padding:0;margin:31px 0 34px;list-style:none}
.mobile-showcase__capabilities li{display:flex;align-items:baseline;gap:13px;margin:13px 0;color:#d5deea;font-size:15px;line-height:1.6}
.mobile-showcase__capabilities li::before{content:'↗';color:#56d9e8;font-size:14px}
.mobile-showcase__link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;color:#f2f6fa;font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid #58697c;padding-bottom:10px}
.mobile-showcase__link:hover{color:#56d9e8;border-color:#56d9e8}
.mobile-showcase__platforms{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:39px;color:#a6b3c5;font-size:11px}
.mobile-showcase__platforms span:not(:last-child){border:1px solid #344355;border-radius:5px;color:#c6d1df;padding:5px 10px;font-weight:600;line-height:1.5}
.mobile-showcase__platforms span:last-child{margin-left:9px}
.mobile-showcase__demo{display:flex;flex-direction:column;align-items:center;min-width:0}
.mobile-showcase__demo-label{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#a6b3c5;font-size:9px;font-weight:600;line-height:1.6;letter-spacing:.095em}
.mobile-showcase__live-dot{width:5px;height:5px;background:#56d9e8;border-radius:50%;flex:none}
.mobile-showcase__demo-caption{margin:18px 0 0;color:#8e9caf;font-size:11px;line-height:1.6;text-align:center}
.ganz-game{box-sizing:border-box;width:320px;max-width:100%;padding:0 11px 9px;border:1px solid #41516a;border-radius:39px;background:#09101a;font-family:'Manrope',Arial,sans-serif;color:#f2f6fa;position:relative}
.ganz-game::before,.ganz-game::after{content:'';position:absolute;left:-4px;width:3px;border-radius:2px 0 0 2px;background:#41516a}
.ganz-game::before{top:87px;height:23px}.ganz-game::after{top:125px;height:42px}
.ganz-game__device-top{height:28px;display:flex;align-items:center;justify-content:center}
.ganz-game__device-top>span{display:block;width:42px;height:4px;background:#344456;border-radius:5px}
.ganz-game__screen{position:relative;width:100%;aspect-ratio:340/460;border-radius:25px 25px 8px 8px;overflow:hidden;background:#111b28}
.ganz-game__canvas{display:block;width:100%;height:100%;background:#111b28;touch-action:pan-y pinch-zoom;outline-offset:-5px!important}
.ganz-game[data-state='running'] .ganz-game__canvas{cursor:pointer}
.ganz-game__canvas:focus-visible{outline:2px solid #56d9e8;border-radius:25px 25px 8px 8px}
.ganz-game__overlay{position:absolute;inset:66px 17px auto;display:flex;align-items:center;text-align:center;flex-direction:column;gap:15px;pointer-events:none}
.ganz-game__overlay[hidden]{display:none}
.ganz-game__overline{color:#56d9e8;font-size:10px;font-weight:800;letter-spacing:.21em;line-height:1.4}
.ganz-game__overlay strong{max-width:230px;color:#f2f6fa;font-size:33px;line-height:1.09;font-weight:800;letter-spacing:-.055em}
.ganz-game__overlay>span:last-child{color:#a6b3c5;font-size:12px;line-height:1.6}
.ganz-game__dashboard{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 5px 15px}
.ganz-game__score{display:flex;align-items:baseline;gap:11px}
.ganz-game__score>span{font-size:8px;font-weight:600;letter-spacing:.12em;color:#95a4b9}
.ganz-game__score output{font-size:23px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:#f2f6fa}
.ganz-game__score small{font-size:12px;font-weight:500;letter-spacing:0;color:#a6b3c5}
.ganz-game__state{color:#95a4b9;font-size:8px;font-weight:600;letter-spacing:.06em;white-space:nowrap}
.ganz-game[data-state='running'] .ganz-game__state{color:#56d9e8}
.ganz-game__controls{display:grid;grid-template-columns:1.28fr 1fr;gap:8px}
.ganz-game__controls button{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0;min-height:46px;padding:11px 10px;border:1px solid #334459;border-radius:7px;font:700 12px/1.4 'Manrope',Arial,sans-serif;letter-spacing:0;cursor:pointer;touch-action:manipulation;transition:background .16s,color .16s}
.ganz-game__controls button:focus-visible{outline:2px solid #56d9e8;outline-offset:3px}
.ganz-game__controls button>span{font-size:16px;line-height:1}
.ganz-game__controls .ganz-game__toggle{color:#0b111a;background:#56d9e8;border-color:#56d9e8}
.ganz-game__controls .ganz-game__toggle:hover{background:#86e7f1;border-color:#86e7f1}
.ganz-game__controls .ganz-game__jump{color:#f2f6fa;background:#152132}
.ganz-game__controls .ganz-game__jump:hover:not(:disabled){background:#20324a}
.ganz-game__controls button:disabled{opacity:.48;cursor:default}
.ganz-game__instructions{margin:13px 0 0;color:#95a4b9;text-align:center;font-size:9px;line-height:1.8}
.ganz-game__instructions kbd{border:1px solid #334459;border-radius:3px;padding:1px 4px;font:inherit;color:#c4d0de}
.ganz-game__status{min-height:29px;margin:7px 7px 0;color:#a6b3c5;font-size:10px;line-height:1.45;text-align:center}
.ganz-game__home-indicator{width:70px;height:3px;margin:9px auto 0;background:#5a6a7d;border-radius:4px}
@media(max-width:1000px){.mobile-showcase{gap:40px;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.mobile-showcase__copy h2{font-size:55px}.mobile-showcase__intro{font-size:16px}.ganz-game{width:300px}}
@media(max-width:740px){.mobile-showcase{grid-template-columns:1fr;gap:45px}.mobile-showcase__copy{max-width:580px}.mobile-showcase__copy h2{font-size:49px}.mobile-showcase__intro{font-size:16px;margin-top:23px}.mobile-showcase__eyebrow{font-size:10px;margin-bottom:22px}.mobile-showcase__capabilities{margin:26px 0 30px}.mobile-showcase__platforms{margin-top:28px}.mobile-showcase__demo{padding-top:7px}.ganz-game{width:310px}.mobile-showcase__demo-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ganz-game__controls button{transition:none}}