.lr-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.onboarding-tip{color:#f3efe3;z-index:12;background:#17382af2;border:1px solid #e8d7af55;border-radius:12px;width:min(300px,100vw - 24px);padding:12px 14px 11px;bottom:84px;left:22px;box-shadow:0 8px 28px #0003}.onboarding-tip small{color:#e5cc8e;letter-spacing:1px;text-transform:uppercase;font-size:10px;display:block}.onboarding-tip b{margin:4px 0;font-size:15px;display:block}.onboarding-tip p{color:#d9e1d4;margin:0 0 9px;font-size:13px;line-height:1.45}.onboarding-tip div{gap:6px;display:flex}.onboarding-tip div button{color:#17382a;background:#e8d7af;border:0;border-radius:6px;padding:7px 12px;font-size:12px}.onboarding-tip div button.ghost{color:#d9e1d4;background:0 0;border:1px solid #ffffff35}.onboarding-close{color:#cfd8cc;background:0 0;border:0;padding:2px;position:absolute;top:8px;right:8px}.onboarding-dots{gap:4px;margin:6px 0 2px;padding:0;list-style:none;display:flex}.onboarding-dots li{background:#ffffff2a;border-radius:2px;width:14px;height:4px}.onboarding-dots li.done{background:#e8d7af}.controls-sheet{margin:6px 0 10px}.controls-sheet-touch{color:#c7d3c6!important;font-size:12px!important}.controls-group{border-bottom:1px solid #fff2}.controls-group-head{color:#f1ead9;text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:10px 0;font-size:13px;display:flex}.controls-group-head span{color:#e5cc8e}.controls-sheet dl{margin:0 0 8px}.controls-row{align-items:baseline;gap:8px;padding:3px 0;font-size:12px;display:flex}.controls-row dt{flex-wrap:wrap;flex:0 0 42%;align-items:center;gap:3px;display:flex}.controls-row dt small{color:#c7d3c6;font-size:10px}.controls-row dd{color:#d9e1d4;margin:0;line-height:1.35}.controls-row kbd{color:#f3efe3;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:3px;padding:2px 5px;font-size:10px}.controls-note{color:#c7d3c6!important;margin:0 0 4px!important;font-size:11px!important;line-height:1.4!important}.legal-links{flex-wrap:wrap;gap:6px 14px;margin:10px 0 2px;font-size:12px;display:flex}.legal-links a{color:#e5cc8e}.loading .legal-links{justify-content:center;margin-top:26px}.panel-crash{color:#fbeee2;z-index:17;background:#3a2a22f2;border:1px solid #e9a17488;border-radius:10px;width:min(260px,100vw - 24px);padding:12px 14px;top:110px;right:22px}.panel-crash p{color:#f0dccd;margin:5px 0 8px;font-size:12px;line-height:1.4}.panel-crash div{gap:6px;display:flex}.panel-crash button{color:#3a2a22;background:#e8d7af;border:0;border-radius:6px;padding:6px 10px;font-size:12px}.panel-crash button.ghost{color:#fbeee2;background:0 0;border:1px solid #fff4}.loading-detail{opacity:.75;margin-top:4px;font-size:12px}.loading-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.loading-actions button{color:#17382a;background:#e8d7af;border:0;border-radius:8px;padding:11px 18px;font-size:15px}.loading-actions button.ghost{color:#e8d7af;background:0 0;border:1px solid #e8d7af88}.loading-note{font-size:13px;color:#e5cc8e!important}.quiet-hud .utility-panel,.utility-panel{overscroll-behavior:contain;max-height:calc(100dvh - 130px);overflow-y:auto}.touch-controls .touch-actions{flex-direction:column;grid-template-columns:none;align-items:end;gap:5px;display:flex}.touch-controls .touch-actions button{min-width:64px}@media (pointer:coarse) and (hover:none) and (min-width:701px){.touch-controls{z-index:2;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:95px;left:22px;right:22px}.touch-controls div{grid-template-columns:repeat(3,44px);gap:4px;display:grid}.touch-controls button{pointer-events:auto;color:#fff;touch-action:none;background:#173b30cc;border:1px solid #fff4;border-radius:8px;padding:11px;font-size:15px}.touch-controls div:first-child button:first-child{grid-column:2}.touch-controls div:first-child button:nth-child(2){grid-area:2/1}.touch-controls div:first-child button:nth-child(3){grid-area:2/2}.touch-controls div:first-child button:nth-child(4){grid-area:2/3}}@media (max-width:700px){.touch-controls .touch-actions{display:flex}.onboarding-tip{width:auto;inset:176px 12px auto}.panel-crash{top:60px;right:10px}.controls-row dt{flex-basis:46%}.graffiti__bar{max-height:42vh;overflow-y:auto}}@media (max-height:520px){.game{min-height:0}.onboarding-tip{width:min(280px,45vw);inset:auto 10px 10px auto}.onboarding-tip p{font-size:12px}.quiet-hud .utility-panel,.utility-panel{max-height:calc(100dvh - 62px);top:52px!important}}.unsupported h1{font:30px Georgia,serif}.unsupported ul{text-align:left;color:#d9e1d4;font-size:14px;line-height:1.6}.settings-heading{letter-spacing:1px;text-transform:uppercase;color:#e5cc8e;margin:18px 0 2px;font-size:13px;font-weight:600}.legal-page{color:#17382a;background:#f6f2e7;max-width:720px;min-height:100dvh;margin:0 auto;padding:32px 20px 60px;font-size:15px;line-height:1.6}.legal-page h1{margin:18px 0 12px;font:34px Georgia,serif}.legal-page h2{margin:24px 0 6px;font-size:17px}.legal-page .legal-back{color:#2f6b55}.legal-placeholder{background:#fbe3c8;border:1px solid #d9a36b;border-radius:8px;padding:10px 12px}.legal-todo{color:#6b4a2b;background:#fff8ec;border-left:3px solid #d9a36b;margin:0;padding:6px 10px}.legal-page .legal-links{margin-top:32px}.legal-page .legal-links a{color:#2f6b55}.tour-tracker{color:#f3efe3;z-index:11;pointer-events:auto;background:#17382af2;border:1px solid #e8d7af55;border-radius:12px;width:min(272px,100vw - 24px);padding:0 0 10px;top:92px;left:22px;box-shadow:0 8px 28px #0003}.tour-tracker.collapsed{padding:0}.tour-head{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;padding:9px 12px 7px;display:grid}.tour-head small{color:#e5cc8e;letter-spacing:1px;text-transform:uppercase;grid-column:1;font-size:10px}.tour-head b{grid-column:1;margin-top:2px;font-size:14px}.tour-head span{color:#e5cc8e;grid-area:1/2/3;align-self:center;font-size:16px}.tour-steps{color:#c7d3c6;border-top:1px solid #fff2;margin:0 12px 6px;padding:6px 0 0;font-size:11.5px;list-style:none}.tour-steps li{justify-content:space-between;padding:2px 0 2px 16px;display:flex;position:relative}.tour-steps li:before{content:"";border:1px solid #e8d7af88;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:2px}.tour-steps li.now{color:#f3efe3}.tour-steps li.now:before{background:#e5cc8e;border-color:#e5cc8e}.tour-steps li.done{color:#8fa898;text-decoration:line-through}.tour-steps li.done:before{background:#e8d7af;border-color:#e8d7af}.tour-steps i{color:#e5cc8e;font-style:normal}.tour-tracker p{color:#d9e1d4;margin:0 12px 8px;font-size:12.5px;line-height:1.4}.tour-tracker div{gap:6px;margin:0 12px;display:flex}.tour-tracker div button,.tour-finale div button{color:#17382a;background:#e8d7af;border:0;border-radius:6px;padding:7px 12px;font-size:12px}.tour-tracker div button.ghost{color:#d9e1d4;background:0 0;border:1px solid #ffffff35}.tour-toast{color:#f3efe3;white-space:nowrap;z-index:14;background:#17382af5;border:1px solid #e8d7af66;border-radius:999px;padding:9px 16px;font-size:13px;animation:.35s ease-out tour-pop;top:78px;left:50%;transform:translate(-50%)}.tour-toast.paid{color:#17382a;background:#e8d7af;border-color:#e8d7af}@keyframes tour-pop{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tour-finale{color:#f3efe3;z-index:20;pointer-events:auto;text-align:center;background:#17382af7;border:1px solid #e8d7af88;border-radius:14px;width:min(340px,100vw - 32px);padding:18px 18px 14px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0006}.tour-finale small{color:#e5cc8e;letter-spacing:1px;text-transform:uppercase;font-size:10px;display:block}.tour-finale b{margin:6px 0 8px;font-size:22px;display:block}.tour-finale p{color:#d9e1d4;margin:0 0 12px;font-size:13px;line-height:1.45}.tour-finale strong{color:#e8d7af}.tour-finale div{justify-content:center;display:flex}@media (max-width:640px){.tour-tracker{top:auto;bottom:150px}}