@font-face{font-family:Arrows;src:url(/assets/fonts/manrope-variable.woff2?v=ba636bf3d69a) format("woff2");font-weight:200 800;font-display:swap}.arrows-app{--bg:#f3f1ec;--surface:#fbfaf7;--ink:#30332f;--muted:#888b80;--line:#dedfd6;--soft:#e9eae2;--accent:#76816b;--error:#b5665c;--shadow:0 24px 75px #3235280a;--arrow:#42483e;--glint:#fff8;--hint:#68855c;margin:0;background:var(--bg);color:var(--ink);font:14px Arrows,system-ui,sans-serif;min-height:100svh;color-scheme:light;transition:background .4s,color .4s;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.arrows-app[data-theme=dark]{--bg:#1a1d1b;--surface:#232724;--ink:#e4e6dd;--muted:#959b91;--line:#3a4039;--soft:#30362f;--accent:#b1bca5;--error:#d69589;--shadow:0 24px 75px #0002;--arrow:#d4dacb;--glint:#fff5;--hint:#bedbaa;color-scheme:dark}.arrows-app *{box-sizing:border-box}.arrows-app button,.arrows-app a,.arrows-app input,.arrows-app select{font:inherit}.arrows-app button{color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}.arrows-app a{color:inherit;text-decoration:none}.arrows-app button:focus-visible,.arrows-app a:focus-visible,.a-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.arrows-app button:disabled{opacity:.4;cursor:wait}.arrows-app [hidden]{display:none!important}.a-skip{position:fixed;top:-100px;padding:12px;background:var(--surface);z-index:20}.a-skip:focus{top:5px}.a-header{max-width:1480px;margin:auto;height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.a-brand{display:flex;align-items:center;gap:22px}.a-brand img{object-fit:contain}.arrows-app[data-theme=dark] .a-brand img{filter:invert(1)}.a-brand span,.a-eyebrow{font-size:9px;letter-spacing:2px;font-weight:700}.a-brand span{border-left:1px solid var(--line);padding-left:20px;color:var(--muted)}.a-header nav{display:flex;align-items:center;gap:22px;font-size:11px}.a-header button{height:42px;min-width:42px;border:1px solid var(--line);border-radius:50%;font-size:23px;display:flex;gap:9px;align-items:center;justify-content:center}.a-header button span{font-size:11px}.a-header #a-stats{border:0;width:auto;font-size:20px}.arrows-app main{max-width:1280px;margin:auto;padding:44px 48px 0}.a-intro{display:flex;justify-content:space-between;align-items:end;margin:0 0 32px}.a-eyebrow{color:var(--muted);margin:0 0 12px}.a-intro h1{font-size:64px;letter-spacing:-4px;line-height:1;margin:18px 0 0;font-weight:600}.a-intro h1 span{font-size:13px;font-weight:450;letter-spacing:0;margin-left:20px;vertical-align:middle}.a-manifesto{font-size:12px;line-height:1.9;color:var(--muted);margin:0 5px 4px 0}.a-game{display:grid;grid-template-columns:225px minmax(0,1fr);gap:52px;align-items:start}.a-sidebar{padding-top:24px}.a-mode{display:flex;align-items:center;gap:12px;width:100%;padding:19px 12px!important;border-radius:12px;text-align:left;margin-top:5px;transition:background .3s}.a-mode.active{background:var(--soft)}.a-mode>span{font-size:10px;color:var(--muted)}.a-mode div{font-size:13px;font-weight:650}.a-mode small{display:block;font-size:9px;font-weight:450;color:var(--muted);margin-top:7px;line-height:1.5}.a-mode b{margin-left:auto;font-weight:400}.a-sidebar-note{padding:40px 12px 20px}.a-small-mark{font-size:52px;font-weight:300;color:var(--accent)}.a-sidebar h2{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.8px;margin:20px 0}.a-sidebar p{font-size:11px;color:var(--muted);line-height:1.9;max-width:180px}.a-sidebar-note button{font-size:11px;border-bottom:1px solid var(--line);padding:10px 0;width:100%;display:flex;justify-content:space-between}.a-previous{display:block;font-size:10px;margin:25px 12px;color:var(--muted)!important}.a-stage{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;min-width:0;transition:background .4s}.a-hud{display:flex;align-items:center;gap:30px;margin:0 28px;padding:24px 0;border-bottom:1px solid var(--line)}#a-levels{text-align:left;position:relative;padding:0 24px 0 0}#a-levels .a-eyebrow{display:block;font-size:8px;margin-bottom:5px}#a-levels strong{font-size:17px;font-weight:600;white-space:nowrap}#a-levels small{position:absolute;right:0;bottom:2px}.a-progress{flex:1;max-width:180px;margin:auto;font-size:10px;color:var(--muted);text-align:right}.a-progress>div{height:3px;background:var(--soft);margin-top:9px;border-radius:5px;overflow:hidden}.a-progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .45s cubic-bezier(.2,.7,.2,1)}#a-hearts{display:flex;gap:5px;font-size:18px;color:var(--accent)}#a-hearts span{display:block;transition:opacity .3s,transform .4s}#a-hearts .lost{opacity:.16;transform:scale(.8)}.a-board-wrap{position:relative;isolation:isolate;overflow:hidden;height:clamp(270px,48svh,470px);background:radial-gradient(ellipse at center,var(--surface),var(--surface));touch-action:pan-x pan-y pinch-zoom}#a-viewport{height:100%;width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}#a-board{width:100%;height:100%;min-width:100%;min-height:100%;display:block;overflow:hidden;touch-action:pan-x pan-y pinch-zoom;transition:width .3s,height .3s}#a-dots{fill:var(--muted);opacity:.18}.a-arrow{outline:none;cursor:pointer;filter:url(#a-shadow)}.a-arrow .a-stroke{stroke:var(--arrow);stroke-width:.16;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:stroke .25s}.a-arrow .a-glint{stroke:var(--glint);stroke-width:.025;fill:none;pointer-events:none}.a-arrow .a-head{fill:var(--arrow);transition:fill .25s}.a-arrow .a-hit{stroke:transparent;stroke-width:.66;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:stroke}.a-arrow:hover .a-stroke,.a-arrow:focus-visible .a-stroke,.a-arrow.hinted .a-stroke{stroke:var(--hint)}.a-arrow:hover .a-head,.a-arrow:focus-visible .a-head,.a-arrow.hinted .a-head{fill:var(--hint)}.a-arrow.blocked .a-stroke{stroke:var(--error)}.a-arrow.blocked .a-head{fill:var(--error)}.a-arrow.hinted{animation:a-breathe 1.1s ease-in-out infinite}.a-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:var(--surface);font-size:20px}.a-loading span{font-size:11px;color:var(--muted);margin-top:12px}.a-fit{position:absolute;bottom:12px;right:15px;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:20px;padding:8px 12px;font-size:10px!important}.a-caption{display:flex;justify-content:space-between;gap:15px;padding:0 28px 24px;font-size:10px;color:var(--muted);min-height:38px}.a-controls{border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;padding:17px 22px}.a-controls>button{border-radius:10px;background:var(--soft);padding:13px 15px;font-size:10px;display:flex;align-items:center;gap:8px}.a-controls>button>span:first-child{font-size:17px}.a-controls>button:hover{transform:translateY(-2px)}.a-controls .a-zoom{display:flex;margin-left:auto;gap:3px}.a-zoom button{width:35px;height:40px;font-size:20px}.a-controls #a-display{background:transparent}.a-page-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:8px;letter-spacing:1px;color:var(--muted);align-items:center}.a-page-footer p{letter-spacing:0;font-size:9px;line-height:1.8;text-align:center;margin:0}.a-page-footer a{border-bottom:1px solid var(--line)}#a-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:22px;width:min(540px,calc(100% - 24px));max-height:85svh;overflow:auto;padding:28px;box-shadow:0 30px 150px #0003}#a-dialog::backdrop{background:#141b185a;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}#a-dialog[open]{animation:a-reveal .35s cubic-bezier(.2,.75,.2,1)}.a-dialog-top{display:flex;justify-content:space-between;align-items:center}.a-dialog-top .a-eyebrow{margin:0}.a-dialog-top button{font-size:27px;min-width:40px;height:40px}.a-dialog h2,#a-dialog h2{font-size:34px;letter-spacing:-1.5px;font-weight:500;margin:22px 0 15px;line-height:1.15}#a-dialog p{color:var(--muted);font-size:12px;line-height:1.9}#a-dialog .a-primary{background:var(--ink);color:var(--surface);padding:16px 24px;border-radius:12px;font-size:12px;width:100%;margin-top:20px}#a-dialog .a-secondary{border:1px solid var(--line);padding:12px 18px;border-radius:10px;width:100%;margin-top:10px;font-size:11px}.a-win-symbol{font-size:70px;color:var(--accent);line-height:1;margin:25px 0;animation:a-symbol .7s cubic-bezier(.2,.8,.2,1)}.a-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.a-score-grid div{background:var(--soft);padding:16px 10px;border-radius:10px;text-align:center}.a-score-grid strong{font-size:22px;display:block;font-weight:500}.a-score-grid small{font-size:8px;color:var(--muted);display:block;margin-top:6px}.a-level-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-height:310px;overflow:auto;padding:5px}.a-level-grid button{background:var(--soft);aspect-ratio:1;border-radius:9px;font-size:12px}.a-level-grid .complete{background:var(--accent);color:var(--surface)}.a-level-grid .selected{outline:2px solid var(--accent);outline-offset:2px}.a-setting{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.a-setting small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.a-setting select{color:var(--ink);background:var(--soft);border:0;border-radius:8px;padding:9px;max-width:145px}.a-setting input{accent-color:var(--accent);width:20px;height:20px}.a-badge{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:15px 0}.a-badge span{font-size:27px;color:var(--accent)}.a-badge div{font-size:12px}.a-badge small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.a-badge.locked{opacity:.4}#a-achievement{position:fixed;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:var(--surface);border:1px solid var(--accent);border-radius:18px;padding:17px 26px;z-index:30;box-shadow:0 15px 50px #0003;display:flex;align-items:center;gap:15px;max-width:calc(100% - 24px);animation:a-toast .6s cubic-bezier(.2,.8,.2,1)}#a-achievement b{font-size:32px;font-weight:400}#a-achievement strong{display:block;font-size:12px}#a-achievement small{font-size:8px;letter-spacing:1.6px;opacity:.65}#a-install{position:fixed;bottom:20px;left:20px;display:flex;gap:10px;align-items:center;background:var(--surface);padding:15px;border:1px solid var(--line);border-radius:14px;font-size:10px;z-index:10}#a-install button{font-size:10px;padding:8px;background:var(--soft);border-radius:8px}.a-how-list{counter-reset:step;padding:0;list-style:none}.a-how-list li{counter-increment:step;display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.a-how-list li:before{content:"0" counter(step);color:var(--accent);font-size:11px}.a-board-arrive{animation:a-board-in .6s cubic-bezier(.2,.7,.2,1)}@keyframes a-reveal{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes a-symbol{0%{opacity:0;transform:translateY(20px) rotate(-15deg) scale(.7)}to{opacity:1;transform:none}}@keyframes a-toast{0%{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@keyframes a-board-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes a-breathe{50%{opacity:.5}}@media(max-width:900px){.a-game{grid-template-columns:170px minmax(0,1fr);gap:25px}.arrows-app main{padding:32px 25px 0}.a-intro h1{font-size:52px}.a-intro h1 span{display:block;margin:15px 0 0}.a-hud{margin:0 20px;gap:15px}.a-controls{padding:15px 12px;gap:5px}.a-controls>button{padding:11px 10px}.a-sidebar h2{font-size:22px}}@media(max-width:640px){.a-header{height:72px;padding:env(safe-area-inset-top) 20px 0}.a-header nav{gap:12px}.a-header nav>a{display:none}.a-header #a-stats span{display:none}.a-brand{gap:12px}.a-brand span{padding-left:12px;font-size:8px}.arrows-app main{padding:25px 12px env(safe-area-inset-bottom)}.a-intro{margin:0 10px 20px}.a-intro h1{font-size:43px;letter-spacing:-2.6px;margin-top:14px}.a-intro h1 span{font-size:11px;margin-top:9px;letter-spacing:0}.a-intro .a-eyebrow{font-size:7px;letter-spacing:1.4px}.a-manifesto{display:none}.a-game{display:flex;flex-direction:column;gap:15px}.a-sidebar{display:flex;width:100%;padding:0 5px;gap:8px}.a-sidebar>.a-eyebrow,.a-sidebar-note,.a-previous{display:none}.a-mode{margin:0;padding:12px!important;border:1px solid var(--line)!important;border-radius:12px}.a-mode>span{display:none}.a-mode div{font-size:10px}.a-mode small{font-size:8px;margin-top:5px}.a-mode b{font-size:12px}.a-stage{width:100%;border-radius:19px}.a-hud{padding:18px 0;margin:0 18px;gap:18px}#a-levels strong{font-size:15px}#a-hearts{font-size:16px;gap:3px}.a-progress{max-width:100px}.a-board-wrap{height:clamp(255px,40svh,410px)}.a-caption{padding:0 17px 17px;font-size:9px;line-height:1.6;min-height:45px}.a-controls{padding:13px 10px;gap:3px}.a-controls>button{font-size:9px;padding:10px;gap:5px}.a-controls .a-zoom{margin-left:auto}.a-controls .a-zoom button{width:29px}.a-controls .a-display-label{display:none}.a-page-footer>span:first-child{display:none}.a-page-footer{padding:18px 8px}.a-page-footer p{text-align:left;font-size:8px}.a-page-footer>span{font-size:7px;white-space:nowrap}#a-dialog{padding:23px}#a-dialog h2{font-size:29px}.a-level-grid{grid-template-columns:repeat(6,1fr)}#a-install{left:12px;right:12px;bottom:12px;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.arrows-app *,.arrows-app *:before,.arrows-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.a-level-pagination{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:18px}.a-level-pagination button{padding:10px 0;min-height:40px}.arrows-app[data-motion=off] *,.arrows-app[data-motion=off] *:before,.arrows-app[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}