#lobby{background:linear-gradient(115deg,#103d32eb,#103d32b8);color:white;display:grid;place-items:center;padding:24px}.lobbyShell{display:block;min-height:0;width:min(1050px,100%);margin:auto}.lobbyIntro{display:none}.joinPanel{padding:28px;background:#f9fcf9;color:#153c30;border-radius:24px}.sustentareIdentity{flex-direction:row;justify-content:space-between;margin:0 0 16px;gap:15px}.sustentareIdentity img{width:145px;height:75px}.sustentareIdentity .eyebrow{font-size:14px}.joinPanel>label{margin-top:8px}.joinPanel input{max-width:440px}.serviceChoices{border:0;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.serviceChoices legend{font-size:18px;font-weight:700;margin-bottom:12px}.serviceChoices label{position:relative;margin:0!important;display:block;border:2px solid #dce6df;border-radius:15px;padding:18px 14px;cursor:pointer;min-height:145px;background:white;transition:.2s}.serviceChoices input{position:absolute;opacity:0;width:1px}.serviceChoices label:has(input:checked){border-color:#287951;background:#e7f2da;box-shadow:0 0 0 2px #28795120}.serviceChoices label:has(input:focus-visible){outline:3px solid #e1a22c}.serviceChoices b{display:block;font-size:18px;margin:8px 0}.serviceChoices small{display:block;font-size:14px;line-height:1.4;color:#5b7467;font-weight:400}.serviceChoices .number{font-size:13px;color:#428265;letter-spacing:2px}.joinPanel .primary{width:auto;min-width:240px}.joinPanel .fineprint{font-size:14px}.joinPanel .startLine{display:flex;align-items:center;gap:18px;justify-content:space-between}.joinPanel .startLine p{margin:0}.introFilm{position:fixed;inset:0;z-index:18;pointer-events:none;border-top:8vh solid #0b231d;border-bottom:8vh solid #0b231d;display:flex;align-items:flex-end;justify-content:space-between;padding:30px;color:white;background:linear-gradient(0deg,#0b231d80,transparent 30%)}.introFilm h2{font-size:clamp(26px,4vw,48px);margin:6px 0}.introFilm p{margin:0;font-size:16px}.introFilm button{pointer-events:auto;border:1px solid white;color:white;background:#183d32b0;padding:14px;border-radius:10px}.introFilm[hidden]{display:none}.serviceMode .steps{display:none}.serviceMode #dropBag{display:none}.serviceMode .touchActions{display:none}.serviceMode .keys{font-size:14px}.serviceMode #serviceTool{display:block}.serviceMode .mission h1{font-size:21px}.workOverlay{position:fixed;inset:0;z-index:19;background:#0d322b55;display:grid;place-items:center;padding:18px}.workPanel{width:min(460px,100%);background:#f7fcf8;padding:22px;border-radius:22px;box-shadow:0 20px 80px #123b3255}.workPanel h2{margin:0 0 8px;font-size:24px}.workPanel p{font-size:16px;line-height:1.4}.workPanel canvas{width:100%;height:240px;background:#e4dbc2;border-radius:14px;touch-action:none;cursor:crosshair}.workPanel .workTrack{height:8px;background:#dce5dc;border-radius:6px;margin:14px 0;overflow:hidden}.workTrack i{height:100%;display:block;background:#3f965c;width:0}.workPanel button{padding:12px;border-radius:10px;background:#e4ede6;color:#164532}.workOverlay[hidden]{display:none}#serviceHint{font-size:14px}.rankingTools select{font-size:16px}#servicesBack{display:block;text-align:center;margin-top:14px;color:#275c47}.serviceMode #action{min-width:220px}.serviceMode .mission .stats small{font-size:11px}@media(max-width:800px){#lobby{padding:12px;display:block}.joinPanel{padding:18px}.sustentareIdentity img{height:52px;width:112px}.sustentareIdentity .eyebrow{font-size:11px}.serviceChoices{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.serviceChoices label{min-height:110px;padding:10px}.serviceChoices b{font-size:16px;margin:5px 0}.serviceChoices small{font-size:12px}.joinPanel .startLine{display:block}.joinPanel .primary{width:100%}.joinPanel .startLine p{margin-top:10px}.joinPanel .fineprint{font-size:12px}.serviceChoices legend{font-size:16px}.introFilm{padding:18px;align-items:flex-end;gap:15px}.introFilm p{font-size:14px}.introFilm button{font-size:12px;padding:10px}.serviceMode #action{min-width:165px;font-size:14px}.workPanel{padding:18px}.workPanel canvas{height:220px}}@media(max-height:520px){.serviceChoices{grid-template-columns:repeat(4,1fr)}.workPanel{padding:12px}.workPanel h2{font-size:18px}.workPanel p{font-size:13px;margin:6px 0}.workPanel canvas{height:150px}.workTrack{margin:6px 0!important}.introFilm{border-width:4vh}}
#lobby[hidden]{display:none!important}

#serviceMachine{position:absolute;bottom:94px;right:32px;background:#1d5944;color:white;border:2px solid #d0edb1;border-radius:14px;padding:15px;min-width:220px;z-index:6;font-weight:bold}#serviceRaceTip{position:absolute;top:245px;right:32px;padding:10px 14px;background:#ffffffed;color:#224e3d;border-radius:12px;font-size:14px;max-width:300px;pointer-events:none}#serviceMachine[hidden],#serviceRaceTip[hidden]{display:none!important}.inLobby>#serviceMachine,.inLobby>#serviceRaceTip{visibility:hidden}.mobileGame #serviceMachine{right:14px;bottom:calc(18px + env(safe-area-inset-bottom));width:166px;min-width:0;min-height:52px;font-size:14px;padding:9px}.mobileGame #serviceRaceTip{top:calc(148px + env(safe-area-inset-top));left:12px;right:auto;max-width:calc(100% - 24px);font-size:12px;padding:7px 10px;margin-top:5px}@media(orientation:landscape){.mobileGame #serviceRaceTip{top:140px;max-width:220px}.mobileGame #serviceMachine{bottom:calc(10px + env(safe-area-inset-bottom));min-height:50px}}
