@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900;1000&display=swap";:root{font-family:Nunito,sans-serif;color:#254d49;background:#d0f4f7;font-synthesis:none;line-height:1.4;--ink: #254d49;--green: #29765e;--coral: #ec6551}*{box-sizing:border-box;margin:0;padding:0;letter-spacing:0}html,body{width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible{outline:3px solid #277eaa;outline-offset:4px}button svg{width:21px;height:21px;flex-shrink:0}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}#header{flex-shrink:0;height:92px;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;z-index:2}.brand{display:flex;gap:10px;align-items:center}.brand-symbol{width:42px;height:42px;color:#fff;background:var(--green);display:grid;place-items:center;border-radius:8px;transform:rotate(-6deg)}.brand-symbol svg{width:27px;height:27px}.brand-name{font-size:28px;font-weight:1000;line-height:1}.brand-name span,#loading-screen strong span{color:var(--coral)}.brand-caption{font-size:10px;margin-top:6px;font-weight:800;text-transform:uppercase}.header-tools{display:flex;align-items:center;gap:9px}.score{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:900;margin-right:16px}.score svg{color:#d69528;fill:#ffc95c;width:20px}.score small{font-size:12px;opacity:.6}.icon-button{width:44px;height:44px;border-radius:8px;background:#ffffffb3;border:1px solid #fff;display:inline-flex;align-items:center;justify-content:center;position:relative;font-weight:900}.icon-button:hover{background:#fff}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);right:0;background:var(--ink);color:#fff;padding:7px 10px;border-radius:5px;font-size:12px;white-space:nowrap;z-index:60;pointer-events:none}#stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background-size:100% 100%}#stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#d0f4f78c}#game-canvas{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:4 / 3;touch-action:none;cursor:crosshair}#level-heading{position:absolute;top:8px;left:16px;right:16px;text-align:center;pointer-events:none}.level-eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;font-weight:900;color:#527f77}.level-eyebrow:before,.level-eyebrow:after{content:"";width:26px;height:1px;background:#86b6ac}#level-heading h1{font-size:30px;line-height:1.2;font-weight:1000;margin:7px 0}.level-stars{display:flex;justify-content:center;gap:4px;color:#91b5ac}.level-stars svg{width:17px;height:17px}.earned{fill:#ffc95c;color:#bc8125}#toolbar{flex-shrink:0;background:#fff;padding:20px max(24px,calc((100vw - 950px)/2)) max(15px,env(safe-area-inset-bottom));border-top:1px solid #d4e4d8;z-index:3}.tool-row{display:flex;align-items:center;gap:24px}.ink-control{flex:1;min-width:100px;max-width:250px}.ink-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;margin-bottom:8px}.ink-heading span{display:flex;align-items:center;gap:6px}.ink-heading svg{width:14px;height:14px}.ink-track{height:8px;background:#e8efeb;position:relative;border-radius:5px;overflow:hidden}#ink-fill{display:block;height:100%;width:100%;background:#58a27c;transition:width .1s}.ink-tick{position:absolute;top:0;bottom:0;width:2px;background:#fff}.drawing-tools{display:flex;gap:8px}.drawing-tools .icon-button{background:#f2f6f3;border-color:#e0e8e3}.drawing-tools .selected{color:#fff;background:var(--green);border-color:var(--green)}.tool-divider{width:1px;height:30px;background:#e1e8e3;margin:7px 3px}.drive-button,.primary-button{min-height:48px;border:0;border-bottom:4px solid #ba483c;border-radius:8px;background:var(--coral);color:#fff;font-weight:900;font-size:16px;padding:10px 25px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.drive-button{min-width:168px;margin-left:auto}.drive-button span{white-space:nowrap}.drive-button:not(:disabled):hover,.primary-button:hover{background:#f27560}.drive-button:not(:disabled):active,.primary-button:active{transform:translateY(2px);border-bottom-width:2px}.journey-row{margin-top:19px;padding-top:14px;border-top:1px solid #edf1ee;display:flex;align-items:center;justify-content:space-between;gap:12px}.journey-name{font-size:11px;display:flex;gap:6px;align-items:center;font-weight:800;color:#718a7e}.journey-name svg{width:14px;height:14px}.journey-dots{display:flex;align-items:center;gap:7px}.journey-dot{width:8px;height:8px;border-radius:50%;background:#dfe9e1}.journey-dot.current{width:22px;border-radius:4px;background:var(--green)}.journey-dot.done{background:#edb84e}.journey-count{font-size:11px;color:#718a7e;font-weight:800;white-space:nowrap}#overlay-root:empty{display:none}#overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#254d4970;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{width:100%;max-width:660px;max-height:calc(100dvh - 40px);background:#f7fbf8;border-radius:8px;padding:28px;overflow:auto;box-shadow:0 24px 80px #193e4933;animation:appear .2s ease-out}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.dialog h2{font-size:24px;font-weight:1000}.dialog-header p{font-size:12px;margin-top:4px;color:#789084}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.level-cell{aspect-ratio:1;border-radius:8px;background:#fff;border:1px solid #dce8df;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:22px;font-weight:900}.level-cell.active{border:2px solid #39795f;background:#e6f2e9}.level-cell:hover{background:#e6f2e9}.level-cell .level-stars svg{width:12px;height:12px}.result-dialog{max-width:380px;text-align:center;padding:32px}.result-emblem{width:68px;height:68px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#b47c21;background:#fff0c2}.result-emblem svg{width:34px;height:34px}.result-dialog p{margin:10px 0 20px;font-size:14px;color:#71877b}.result-dialog .level-stars{margin:20px 0;gap:12px}.result-dialog .level-stars svg{width:37px;height:37px}.result-actions{display:flex;flex-direction:column;gap:10px}.secondary-button{min-height:44px;border:1px solid #d6e2d9;border-radius:8px;background:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.result-fail .result-emblem{background:#fce3dc;color:#d66751}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#d0f4f7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;z-index:100}#loading-screen strong{font-size:36px;font-weight:1000}#loading-screen progress{width:180px;height:7px;accent-color:var(--green)}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1200px){#header{padding-left:5%;padding-right:5%}}@media (max-width: 600px){#header{height:76px;padding:14px 16px}.brand-symbol{width:34px;height:34px}.brand-name{font-size:23px}.brand-caption{font-size:8px}.header-tools{gap:5px}.header-tools .icon-button{width:36px;height:38px}.score{display:none}#level-heading{top:18px}#level-heading h1{font-size:25px}#toolbar{padding:17px 18px max(18px,env(safe-area-inset-bottom))}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.ink-control{grid-column:1 / -1;max-width:none}.drawing-tools{gap:7px}.drive-button{min-width:0;width:100%;padding:10px 12px;font-size:15px}.journey-row{margin-top:16px;padding-top:12px}.journey-name{display:none}.journey-dots{gap:5px}.journey-dot{width:6px;height:6px}.journey-dot.current{width:16px}.dialog{padding:20px}.level-grid{gap:7px}.level-cell{font-size:18px}}@media (max-height: 600px) and (min-width: 601px){#header{height:58px;padding-top:8px;padding-bottom:8px}.brand-name{font-size:23px}.brand-caption,.journey-row{display:none}#toolbar{padding-top:10px;padding-bottom:10px}#level-heading{text-align:left;top:5px;right:auto;max-width:180px}#level-heading h1{font-size:19px}.level-eyebrow,#level-heading .level-stars{justify-content:flex-start}.level-eyebrow:before,.level-eyebrow:after{display:none}}@media (max-width: 360px){.brand{gap:7px}.brand-name{font-size:19px}.brand-caption{font-size:7px}.brand-symbol{width:30px;height:34px}.drive-button>svg:last-child{display:none}.drive-button{gap:7px;font-size:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}