:root{font-family:Arial,Helvetica,sans-serif;color:#f4f2df;background:#112b2a;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:4px}[hidden]{display:none!important}#lobby{max-width:860px;margin:auto;padding:28px 24px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:15px}.logo{font-size:30px;letter-spacing:-2px}.logo span{font-weight:400;color:#cce57c}.logo i{color:#e8a579;font-style:normal;margin-left:8px}.badge{font-size:8px;letter-spacing:1px;border:1px solid #57736a;border-radius:20px;padding:9px}.welcome{margin:38px 0 30px}.welcome small{color:#c7dc96;font-size:9px;letter-spacing:1.5px}h1{font-size:44px;line-height:1.05;letter-spacing:-2px;margin:12px 0 15px}.welcome p{color:#b6c6ba;font-size:14px}.card{width:100%;border:1px solid #ffffff30;border-radius:22px;overflow:hidden;padding:0;text-align:left;margin-bottom:22px;color:#152e29;background:#efeeda;display:grid;grid-template-columns:42% 58%;min-height:207px;transition:transform .15s}.card:active{transform:scale(.99)}.art{position:relative;overflow:hidden;min-height:190px;background:#c2db93}.art>span{position:absolute;font-size:80px;left:10%;top:38px;filter:drop-shadow(2px 8px 0 #45643c25)}.art>span:nth-child(2){font-size:56px;left:60%;top:78px}.art>span:nth-child(3){font-size:47px;left:52%;top:17px}.art b{position:absolute;bottom:15px;left:15px;font-size:8px;letter-spacing:1px}.details{padding:28px 24px}.details small{font-size:8px;letter-spacing:1px}h2{font-size:24px;letter-spacing:-.8px;margin:10px 0}h2 span{float:right}.details p{font-size:12px;line-height:1.5;margin:0 0 20px;color:#53655a}.details em{font-style:normal;font-size:9px;font-weight:bold;border-top:1px solid #a7b49b;padding-top:12px;display:block}.defender{color:#eef2d9;background:#284540}.defender .art{background:repeating-linear-gradient(0deg,transparent 0 26px,#f1e2a5 26px 38px,transparent 38px 49px) center/3px 100% no-repeat,#a8b8a0}.defender .details p{color:#c0d1c3}.bot{position:absolute;font-size:47px;font-style:normal;color:#234c48;text-shadow:3px 3px #d7a750;left:18%;top:20px}.bot:nth-child(2){left:65%;top:40px}.art strong{position:absolute;left:43%;top:95px;font-size:62px;color:#1a5650}.beam{position:absolute;height:29px;width:4px;background:#fff6bd;left:51%;top:68px}.defender .art b{color:#173c32}footer{text-align:center;font-size:12px;color:#ccd7ba;padding:7px 0 15px}footer p,footer small{font-size:10px;color:#97b1a4;line-height:1.6}#player{height:100vh;height:100dvh;display:flex;flex-direction:column}nav{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;border-bottom:1px solid #415a4d}nav button{border:0;background:none;color:#e4f2bf;min-height:44px;font-size:13px}nav b{font-size:12px}nav span{font-size:8px;color:#a8b9a4}#frames{flex:1;position:relative;min-height:0;background:#111d27}iframe{height:100%;width:100%;border:0;display:block}@media(max-width:520px){#lobby{padding:22px 18px}.welcome{margin:30px 0 25px}h1{font-size:38px}.card{grid-template-columns:36% 64%;min-height:183px}.art{min-height:183px}.art>span{font-size:58px;left:0;top:46px}.art>span:nth-child(2){font-size:39px;left:51%;top:84px}.art>span:nth-child(3){font-size:35px;left:44%;top:26px}.art b{font-size:6px;left:9px}.details{padding:22px 16px}h2{font-size:21px}.details small{font-size:7px}.details p{font-size:11px}.badge{font-size:6px}.bot{font-size:36px}.art strong{left:34%}.beam{left:49%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.matatu{background:#f4c771;color:#242840}.matatu .art{background:repeating-linear-gradient(0deg,transparent 0 26px,#f8dc92 26px 44px,transparent 44px 64px) center/3px 100% no-repeat,#6a6885}.minibus{position:absolute;left:50%;top:28px;transform:translateX(-50%) rotate(-9deg);width:72px;height:116px;background:#ffc34f;border:5px solid #242840;border-radius:14px;box-shadow:8px 10px #2224}.minibus i{display:block;margin:8px 6px;height:30px;background:#263e53;border-radius:6px}.minibus strong{position:static;display:block;border-top:12px solid #ee7795;border-bottom:9px solid #358c90;font-size:10px;text-align:center;color:#29243a;padding:5px 0}.matatu .art b{color:#fff1d7}
.kitchen{background:#f6ead3;color:#2d493e}.kitchen .art{background:#e1bb85}.stall-awning{height:31px;background:repeating-linear-gradient(90deg,#bf6045 0 25px,#fff0cf 25px 50px);border-radius:0 0 10px 10px}.tea-cup{font-size:72px;text-align:center;margin-top:18px}.kitchen .art b{color:#553e2e}
.game-shortcuts{display:flex;gap:8px;margin-top:20px}.game-shortcuts button{flex:1;min-height:48px;padding:8px;border:1px solid #718978;border-radius:12px;background:#28483c;color:#fff1d4;font-size:12px;font-weight:bold}.game-shortcuts button:first-child{background:#f4c771;color:#243e33}.game-shortcuts small{font-size:8px;margin-left:3px}.welcome{margin:22px 0}.welcome h1{font-size:34px}.welcome p{margin-bottom:10px}
.card.kitchen .art{background:#456c55 url(kiosk/assets/street.webp) center 40%/cover;overflow:hidden}.card.kitchen .tea-cup{font-size:0!important;width:46%;height:100%;left:auto;right:-3%;top:8%;background:url(kiosk/assets/customers.webp) 0 0/400% 300% no-repeat;aspect-ratio:1}.card.kitchen .stall-awning{display:none}.card.kitchen .art>b{z-index:2;background:#254539d9;padding:6px 10px;border-radius:6px;color:#ffedba}
.card.fruit .art{background:linear-gradient(#284e3440,#254b3250),url(fruit/assets/fruit-market.webp) center 45%/cover}.card.fruit .fruit-card-sprite{display:block;width:100px;height:100px;background:url(fruit/assets/fruit-sprites.webp) 66.6667% 100%/400% 300%;left:3%;top:40px;filter:drop-shadow(2px 8px 3px #243d2766)}.card.fruit .orange{width:68px;height:68px;left:56%;top:95px;background-position:0 50%}.card.fruit .peach{width:57px;height:57px;left:59%;top:21px;background-position:100% 50%}.card.fruit .art b{color:#fff2cf;background:#284a3cce;border-radius:4px;padding:5px 7px}.card.matatu .art{background:url(matatu/assets/matatu-worlds.webp) 0 50%/300% 100%}.matatu-card-bus{position:absolute;width:155px;height:155px;left:50%;top:20px;transform:translateX(-50%) rotate(-5deg);background:url(matatu/assets/matatu-sprites.webp) 0 0/400% 300%;filter:drop-shadow(4px 8px 4px #213d4766)}.card.matatu .art b{background:#1e404bd9;padding:5px 7px;border-radius:4px}.card.kitchen .tea-cup{position:absolute;width:150px;height:150px;right:0;top:16px;margin:0;background-size:400% 300%}

.android-download{display:grid;grid-template-columns:minmax(0,1fr) 192px;align-items:center;gap:24px;padding:24px;border:1px solid #57736a;border-radius:22px;margin-bottom:24px}.android-download small{font-size:10px;color:#c7dc96}.android-download h2{font-size:23px}.android-download p{font-size:12px;line-height:1.65;color:#bccdc0}.android-download-button{display:inline-block;max-width:100%;background:#d4eb72;color:#17332c;padding:14px 18px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:bold}.android-download small a{color:#d4eb72}.android-download-qr{margin:0;text-align:center}.android-download-qr>a{display:block;width:192px;margin:auto;padding:8px;border-radius:16px;background:#fff}.android-download-qr img{display:block;width:176px;height:176px}.android-download-qr figcaption{margin-top:12px;line-height:1.5}.android-download-qr strong{display:block;font-size:13px;color:#e4f2bf}.android-download-qr span{display:block;font-size:11px;color:#bccdc0}.android-download a:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:600px){.android-download{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px}.android-download-qr{padding-top:20px;border-top:1px solid #57736a}}