#greyhound-scene{width:min(960px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f4e8cd;color:#27493c;border:1px solid #baa371;border-radius:20px}#greyhound-scene::backdrop{background:#142e2bdf;backdrop-filter:blur(5px)}.grey-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:9px 16px;background:#f4e8cd;border-bottom:1px solid #c8b78c;font:13px system-ui;gap:8px}.grey-nav button{padding:9px;background:transparent;border:0;color:#315941;min-height:42px;cursor:pointer}.grey-content{text-align:center;padding:14px 24px}.grey-content h1{font:600 clamp(22px,3vw,30px)/1.1 Georgia;margin:8px 0 13px}.grey-content .eyebrow{margin:0 0 5px}.grey-stage{position:relative;aspect-ratio:3/2;width:min(100%,calc(max(180px,100svh - 365px)*1.5));margin:auto;overflow:hidden;border-radius:14px;background:#547474;isolation:isolate;touch-action:none;box-shadow:0 5px 14px #263e3733}.grey-backdrop{display:block;width:100%;height:100%;object-fit:cover}.grey-destination{position:absolute;top:3%;left:34%;right:34%;padding:4px;background:#294d50;color:#eee5c2;border:1px solid #baa170;border-radius:4px;font:600 clamp(9px,1.2vw,13px) system-ui;z-index:6}.grey-stop{display:none;position:absolute;bottom:3%;left:3%;padding:4px 8px;border-radius:6px;background:#eaddbdeb;font:600 clamp(9px,1.2vw,13px) Georgia;z-index:7}.grey-stage.ready .grey-stop,.grey-stage.game .grey-stop{display:block}.grey-bathroom{position:absolute;left:57.6%;top:27.5%;width:6.3%;height:23.5%;z-index:4;perspective:500px;background:#1e3c3c;border-radius:3px}.grey-door{display:block;width:100%;height:100%;transform-origin:100% 50%;transform-style:preserve-3d;backface-visibility:hidden;background:linear-gradient(100deg,#678e8c,#95b8ac,#446d6a);border:2px solid #335756;border-radius:3px;box-shadow:inset 0 0 0 4px #a6b5a0;transform:rotateY(0deg);transition:transform .6s}.grey-door i{position:absolute;top:17%;left:20%;right:20%;font:normal 600 clamp(8px,1vw,12px) system-ui;background:#e3dcc2;border-radius:3px}.grey-bathroom.warning .grey-door{transform:rotateY(12deg);box-shadow:0 0 0 2px #e4c368}.grey-bathroom.open .grey-door{transform:rotateY(68deg)}.grey-bathroom.closing .grey-door{transform:rotateY(30deg)}.grey-odor{position:absolute;left:-30%;top:25%;font:clamp(15px,3vw,30px) Georgia;color:#a9bb82;opacity:0;text-shadow:0 1px #4b6b49;pointer-events:none}.grey-bathroom.open .grey-odor,.grey-bathroom.closing .grey-odor{opacity:.85}.grey-stage.intro .grey-door{animation:grey-door-fault 4.4s ease-in-out infinite}.grey-stage.intro .grey-odor{animation:grey-odor 4.4s ease-in-out infinite}.grey-person{position:absolute;width:20%;height:32%;z-index:3;filter:drop-shadow(0 2px 2px #273e3a55)}.grey-person svg{width:100%;height:100%}.grey-person>span,.grey-walker>span:last-child{position:absolute;left:25%;right:25%;bottom:0;background:#eee3c0d9;padding:2px;border-radius:6px;font:600 clamp(9px,1.1vw,12px) Georgia}.grey-seated-john{left:29%;top:38%;width:18%;height:31%}.grey-agy{left:20%;top:25%;width:15%;height:25%}.grey-eddie{left:32%;top:25%;width:15%;height:25%}.grey-passenger{position:absolute;left:6%;top:35%;width:39%;height:43%;z-index:3;filter:drop-shadow(0 3px 3px #283c3c55)}.grey-passenger img{width:100%;height:100%;object-fit:contain}.grey-front-seatback{position:absolute;left:24%;top:64%;width:21%;height:18%;z-index:4;border-radius:20% 20% 8% 8%;background:linear-gradient(110deg,#436b79,#8aacac,#335e6a);border:2px solid #264e58;box-shadow:inset 0 0 0 3px #a9b8ad}.grey-stage.intro .grey-front-seatback{display:none}.grey-walker{display:none;position:absolute;width:11%;height:19%;transform:translate(-50%,-95%);z-index:5;pointer-events:none}.grey-walker svg{width:100%;height:85%;position:absolute;top:0;left:0;z-index:2}.grey-walking-legs{position:absolute;left:27%;right:27%;height:32%;bottom:1%;background:linear-gradient(90deg,#3d4e54 0 43%,transparent 43% 57%,#3d4e54 57%);border-radius:5px;z-index:1}.grey-walker>span:last-child{bottom:10%;left:13%;right:13%;font-size:10px}.grey-walker.walking{animation:grey-walk .35s ease-in-out infinite alternate}.grey-bag{display:none;position:absolute;transform:translate(-50%,-50%);width:7%;height:8%;z-index:4;filter:drop-shadow(0 2px 2px #1d393b88)}.grey-bag svg{width:100%;height:100%}.grey-stage.game .grey-bag,.grey-stage.game .grey-walker{display:block}.grey-stage.ready .grey-person,.grey-stage.ready .grey-passenger,.grey-stage.game .grey-person,.grey-stage.game .grey-passenger{display:none}.grey-stage.game .grey-front-seatback,.grey-stage.ready .grey-front-seatback{display:none}.grey-seat-goal{display:none;position:absolute;left:43%;top:41%;width:15%;padding:4px 0;border:2px dashed #e2bd62;border-radius:8px;background:#fff1bdd9;font:600 clamp(9px,1.1vw,12px) system-ui;z-index:5}.grey-stage.game .grey-seat-goal{display:block}.grey-stage.reveal .grey-person,.grey-stage.reveal .grey-passenger{opacity:0;transform:translateY(40%);transition:transform 1s ease-out,opacity .35s}.grey-stage.reveal .grey-seated-john{left:44%;top:27%;width:17%;height:25%;opacity:1;transform:translateY(0)}.grey-stage.reveal .grey-front-seatback{left:42%;top:42%;width:19%;height:15%;z-index:6}.grey-stage.reveal.john-hidden .grey-seated-john{transform:translateY(45%);opacity:0;transition:transform .65s,opacity .35s .25s}.grey-stage.reveal.passenger-aboard .grey-passenger,.grey-stage.reveal.agy-aboard .grey-agy,.grey-stage.reveal.eddie-aboard .grey-eddie{transform:translateY(0);opacity:1}.grey-stage.reveal .grey-agy{left:20%;top:25%}.grey-stage.reveal .grey-eddie{left:29%;top:38%;width:18%;height:31%}.grey-stage.reveal .grey-bubble{position:absolute;left:7%;top:25%;width:39%;padding:9px;border-radius:12px;background:#fff6df;color:#304b40;font:clamp(12px,1.65vw,17px)/1.3 Georgia;z-index:8;box-shadow:0 3px 10px #2b413c33}.grey-story,.grey-reveal-line{font:17px/1.4 Georgia;max-width:740px;margin:12px auto}.grey-primary{min-height:44px;border:1px solid #a68f61;border-radius:11px;background:#315941;color:#fff7de;font:600 15px system-ui;padding:11px 20px;cursor:pointer}.grey-primary:disabled{opacity:.55;cursor:wait}.grey-guide{font:12px/1.4 system-ui;max-width:720px;margin:8px auto}.grey-feedback{font:14px/1.3 system-ui;margin:8px 0;min-height:36px}.grey-game-controls{display:flex;justify-content:center;align-items:center;gap:13px}.grey-dpad{display:flex;gap:5px}.grey-dpad button,.grey-pause{min-width:44px;min-height:44px;background:#f2e3bf;border:1px solid #a68f61;border-radius:9px;color:#315941;font:600 20px system-ui;touch-action:none;user-select:none;cursor:pointer}.grey-pause{font-size:13px;padding:0 12px}.grey-time{font:600 17px system-ui;min-width:36px}.grey-game-heading{font-size:23px!important}.grey-game-controls button:focus-visible,.grey-primary:focus-visible{outline:3px solid #416950;outline-offset:2px}.grey-ending-actions{min-height:48px}.greyhound-stop svg{width:80%;height:80%;filter:drop-shadow(0 3px 3px #353d3655)}@keyframes grey-walk{to{margin-top:-2px}}@keyframes grey-door-fault{0%,55%,100%{transform:rotateY(0)}70%,90%{transform:rotateY(68deg)}}@keyframes grey-odor{0%,55%,100%{opacity:0}70%,90%{opacity:.8}}@media(max-width:600px){.grey-content{padding:12px}.grey-nav{padding:7px 9px;font-size:11px}.grey-nav>span{max-width:95px;text-align:center}.grey-stage{width:100%}.grey-story,.grey-reveal-line{font-size:15px}.grey-game-controls{gap:8px}.grey-dpad{gap:3px}.grey-pause{min-width:55px;padding:0 7px}.grey-feedback{font-size:13px;min-height:34px}.grey-guide{font-size:11px}.grey-content h1{font-size:23px}.grey-walker>span:last-child{font-size:8px}.grey-stage.reveal .grey-bubble{font-size:11px;padding:6px}}@media(prefers-reduced-motion:reduce){.grey-door,.grey-stage.reveal .grey-person,.grey-stage.reveal .grey-passenger{transition:none}.grey-stage.intro .grey-door,.grey-stage.intro .grey-odor,.grey-walker.walking{animation:none}.grey-stage.reveal.john-hidden .grey-seated-john{transition:none}}

.grey-seat-occluder{position:absolute;left:5%;right:5%;bottom:-4%;height:24%;border-radius:20% 20% 7% 7%;background:linear-gradient(110deg,#416876,#8aabab,#355d6b);border:2px solid #2e545d;box-shadow:inset 0 0 0 2px #a4b5a8;z-index:4}.grey-person>span{z-index:5}.grey-seated-john{z-index:4}.grey-agy,.grey-eddie{z-index:2}.grey-stage.reveal .grey-eddie{z-index:4}
/* Intro only: the passenger’s feet sit in front of the adjacent seat. */
.grey-stage.intro .grey-passenger{z-index:5}.grey-stage.intro .grey-eddie>span{top:-8%;bottom:auto}.grey-stage.intro .grey-seated-john>span{bottom:-28%}

.grey-door i{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:210%;padding:2px 3px;font-size:clamp(7px,1vw,11px);line-height:1.1;white-space:nowrap}.grey-door:after{content:"";position:absolute;left:12%;top:54%;width:3px;height:9%;min-height:3px;background:#d7bb73;border-radius:2px}