:root{
  --bg:#101824;--bg2:#182638;--panel:rgba(255,255,255,.085);--panel2:rgba(255,255,255,.13);
  --ink:#fffaf0;--muted:rgba(255,250,240,.72);--gold:#ffd166;--mint:#50e3c2;--blue:#60a5fa;
  --red:#ff6b6b;--cell:#203149;--line:rgba(255,255,255,.14);--font:'Estedad',Tahoma,Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box;min-width:0;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);overscroll-behavior:none}
body{font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}
button:focus-visible{outline:3px solid rgba(255,209,102,.9);outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.46;filter:saturate(.65)}
.ff-root{width:100%;height:100vh;height:100svh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:hidden;outline:none;background:radial-gradient(circle at 10% -5%,rgba(255,209,102,.20),transparent 32%),radial-gradient(circle at 92% 7%,rgba(80,227,194,.16),transparent 31%),linear-gradient(150deg,#0b121d,#172437 52%,#0c1420)}
.ff-shell{width:min(760px,100%);height:100%;margin:auto;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.ff-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-height:46px}
.ff-brand{display:flex;align-items:center;gap:9px}.ff-brand strong{font-size:clamp(20px,4vw,26px);font-weight:950;letter-spacing:-.5px}.ff-brand span,.ff-badge{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#ffb454);color:#172030;font-size:12px;font-weight:900;box-shadow:0 8px 22px rgba(255,209,102,.13)}
.ff-actions{display:flex;gap:7px}.ff-actions button{min-height:44px;min-width:72px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.055));font-weight:900;box-shadow:0 9px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}.ff-actions button:active,.ff-main-btn:active,.ff-hint-btn:active{transform:scale(.975)}.ff-actions button.is-paused{background:rgba(255,209,102,.22);border-color:rgba(255,209,102,.55)}
.ff-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex:0 0 auto}.ff-stat{min-height:54px;padding:7px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.05));text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.15)}.ff-stat span{display:block;font-size:11px;color:var(--muted);font-weight:750;margin-bottom:2px}.ff-stat strong{display:block;font-size:19px;line-height:1.1;font-weight:950;color:#fff;font-variant-numeric:tabular-nums}.ff-time{border-color:rgba(255,209,102,.34)}.ff-time strong{color:var(--gold)}
.ff-mission{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-height:54px;padding:8px 12px;border:1px solid rgba(80,227,194,.24);border-radius:17px;background:linear-gradient(135deg,rgba(80,227,194,.12),rgba(96,165,250,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.ff-mission strong{font-size:15px;font-weight:950}.ff-mission p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.ff-combo{flex:0 0 auto;min-width:64px;text-align:center;border-right:1px solid var(--line);padding-right:10px}.ff-combo span{display:block;color:var(--muted);font-size:10px}.ff-combo strong{font-size:21px;color:var(--mint)}
.ff-play-area{flex:1 1 auto;min-height:220px;display:grid;place-items:center;overflow:hidden}.ff-stage{--stage:min(540px,calc(100vw - 18px),calc(100svh - 246px));position:relative;width:max(230px,var(--stage));max-width:100%;aspect-ratio:1;border-radius:26px;padding:7px;background:linear-gradient(145deg,var(--gold),var(--mint) 54%,var(--blue));box-shadow:0 20px 55px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.09);overflow:hidden;isolation:isolate;contain:layout paint}.ff-stage:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.22);border-radius:20px;pointer-events:none;z-index:3}.ff-stage.is-hit{animation:stageHit .2s ease}.ff-stage.is-clear{animation:stageClear .34s ease}
.ff-board{position:relative;z-index:1;width:100%;height:100%;display:grid;gap:clamp(3px,.8vw,6px);padding:clamp(6px,1.2vw,9px);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(96,165,250,.10),transparent 38%),linear-gradient(180deg,#17283e,#0e1a2a);box-shadow:inset 0 0 0 2px rgba(0,0,0,.28),inset 0 0 45px rgba(0,0,0,.38);touch-action:none}
.ff-cell{position:relative;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.07);border-radius:clamp(7px,1.5vw,13px);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 -3px 0 rgba(0,0,0,.16);overflow:hidden}.ff-cell.is-empty{opacity:.38}.ff-cell.is-wall{background:repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 6px,rgba(255,255,255,.045) 6px 12px),linear-gradient(180deg,#3a4a62,#26364d);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2),inset 0 -4px 0 rgba(0,0,0,.22)}.ff-cell.is-arrow{cursor:pointer;background:radial-gradient(circle at 28% 14%,rgba(255,255,255,.40),transparent 35%),linear-gradient(145deg,var(--a),var(--b));box-shadow:0 7px 16px rgba(0,0,0,.2),inset 0 -4px 0 rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .09s ease,filter .15s ease,box-shadow .15s ease}.ff-cell.is-arrow:active{transform:scale(.94) translateY(1px)}.ff-arrow{position:relative;z-index:2;font-family:Tahoma,Arial,sans-serif;font-size:clamp(22px,7vw,42px);font-weight:950;line-height:1;color:#142033;text-shadow:0 1px 0 rgba(255,255,255,.35)}.ff-cell.is-tutorial-free,.ff-cell.is-hint{animation:freePulse .78s ease-in-out infinite;box-shadow:0 0 0 4px rgba(80,227,194,.65),0 0 26px rgba(80,227,194,.55),inset 0 -4px 0 rgba(0,0,0,.2)}.ff-cell.is-blocker{animation:blockerPulse .55s ease 2;box-shadow:0 0 0 4px rgba(255,107,107,.68),0 0 28px rgba(255,107,107,.42),inset 0 -4px 0 rgba(0,0,0,.22)}.ff-cell.is-path-blocked{box-shadow:inset 0 0 0 3px rgba(255,107,107,.46);background:rgba(255,107,107,.15)}.ff-cell.is-path-free{box-shadow:inset 0 0 0 3px rgba(80,227,194,.42);background:rgba(80,227,194,.12)}.ff-cell.is-hit{animation:cellHit .26s ease}.ff-cell.is-escape{z-index:7;pointer-events:none;animation:escape .31s ease-in both}
.ff-pop-layer{position:absolute;z-index:5;inset:7px;pointer-events:none}.ff-pop{position:absolute;transform:translate(-50%,-50%);padding:7px 12px;border-radius:999px;background:var(--gold);color:#142033;font-size:13px;font-weight:950;box-shadow:0 12px 32px rgba(0,0,0,.28);white-space:nowrap;animation:pop .82s ease both}.ff-pop.is-danger{background:var(--red);color:#fff}.ff-pop.is-good{background:var(--mint);color:#10202a}
.ff-overlay{position:absolute;z-index:10;inset:7px;display:none;align-items:center;justify-content:center;padding:12px;border-radius:20px;background:radial-gradient(circle at 50% 5%,rgba(255,209,102,.18),rgba(12,22,35,.91) 56%,rgba(8,15,25,.98));text-align:center;overflow:auto}.ff-overlay.is-open{display:flex}.ff-overlay-card{width:min(410px,100%);padding:clamp(15px,4vw,24px);border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(180deg,rgba(37,52,72,.97),rgba(18,29,44,.98));box-shadow:0 22px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.10)}.ff-overlay-card h1,.ff-overlay-card h2{margin:11px 0 7px;font-size:clamp(22px,5.5vw,31px);line-height:1.25;letter-spacing:-.5px}.ff-overlay-card p{margin:8px auto 14px;max-width:36ch;color:var(--muted);font-size:14px;line-height:1.8}.ff-main-btn{width:100%;min-height:52px;padding:11px 16px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#ff9f45);color:#172030;font-weight:950;font-size:16px;box-shadow:0 12px 28px rgba(255,209,102,.18),inset 0 -3px 0 rgba(0,0,0,.15)}
.ff-rule-demo{display:grid;gap:8px;margin:13px 0}.ff-demo-row{direction:ltr;display:grid;grid-template-columns:minmax(82px,auto) 46px 28px 28px minmax(46px,auto);align-items:center;justify-content:center;gap:4px;min-height:48px;padding:7px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.055)}.ff-demo-label{direction:rtl;font-size:12px;font-weight:950}.ff-demo-arrow{display:grid;place-items:center;width:42px;height:36px;border-radius:10px;background:linear-gradient(145deg,var(--gold),#ff9f45);color:#172030;font:950 26px/1 Tahoma}.ff-demo-row i{display:block;width:24px;height:8px;border-radius:999px;background:rgba(255,255,255,.18)}.ff-demo-row b{font-size:11px}.ff-demo-row em{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--red);color:#fff;font-style:normal}.ff-demo-row.is-free{border-color:rgba(80,227,194,.35)}.ff-demo-row.is-free .ff-demo-label,.ff-demo-row.is-free b{color:var(--mint)}.ff-demo-row.is-blocked{border-color:rgba(255,107,107,.34)}.ff-demo-row.is-blocked .ff-demo-label,.ff-demo-row.is-blocked b{color:#ff9a9a}
.ff-footer{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1fr);align-items:center;gap:7px;flex:0 0 auto}.ff-hint-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:8px 12px;border:1px solid rgba(255,209,102,.32);border-radius:16px;background:linear-gradient(180deg,rgba(255,209,102,.17),rgba(255,209,102,.08));font-weight:900;text-align:right}.ff-hint-btn>span:first-child{font-size:23px}.ff-hint-btn b,.ff-hint-btn small{display:block}.ff-hint-btn b{font-size:13px}.ff-hint-btn small{margin-top:1px;color:var(--muted);font-size:10px}.ff-rule-pill{margin:0;min-height:52px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.055);color:var(--muted);font-size:12px;line-height:1.55;text-align:center}.ff-rule-pill b{color:var(--mint);margin-left:4px}
.ff-guide{position:fixed;z-index:50;inset:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(4,10,18,.88);backdrop-filter:blur(10px);display:grid;place-items:center;overflow:auto}.ff-guide[hidden]{display:none}.ff-guide-card{position:relative;width:min(520px,100%);padding:22px;border:1px solid rgba(255,255,255,.17);border-radius:26px;background:linear-gradient(180deg,#25364c,#121e2e);box-shadow:0 26px 80px rgba(0,0,0,.55)}.ff-guide-close{position:absolute;left:12px;top:12px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.09);font-size:28px;line-height:1}.ff-guide-card h2{margin:13px 0 5px;font-size:26px}.ff-guide-lead{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.ff-guide-card ol{margin:14px 0;padding:0 22px 0 0}.ff-guide-card li{margin:8px 0;color:var(--muted);font-size:14px;line-height:1.7}.ff-guide-card li b{color:#fff}.ff-guide-notes{display:grid;gap:6px;margin:13px 0}.ff-guide-notes span{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.055);font-size:12px;color:var(--muted)}
@media(max-width:520px){
  .ff-root{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .ff-shell{gap:5px}.ff-header{min-height:42px}.ff-brand strong{font-size:20px}.ff-brand span{display:none}.ff-actions button{min-width:62px;min-height:42px;padding:7px 9px;font-size:12px}.ff-hud{gap:4px}.ff-stat{min-height:48px;padding:5px 3px;border-radius:13px}.ff-stat span{font-size:9px}.ff-stat strong{font-size:16px}.ff-mission{min-height:48px;padding:6px 9px}.ff-mission strong{font-size:13px}.ff-mission p{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:74vw}.ff-combo{min-width:53px;padding-right:7px}.ff-combo strong{font-size:18px}.ff-stage{--stage:min(calc(100vw - 12px),calc(100svh - 215px));padding:5px;border-radius:21px}.ff-stage:before{inset:5px;border-radius:16px}.ff-board{padding:5px;gap:3px;border-radius:16px}.ff-cell{border-radius:7px}.ff-arrow{font-size:clamp(21px,8.4vw,34px)}.ff-footer{grid-template-columns:1fr}.ff-rule-pill{display:none}.ff-hint-btn{min-height:48px;border-radius:14px}.ff-overlay{inset:5px;border-radius:16px;padding:8px}.ff-overlay-card{padding:14px;border-radius:19px}.ff-overlay-card h1,.ff-overlay-card h2{font-size:21px;margin:9px 0 5px}.ff-overlay-card p{font-size:12px;line-height:1.65;margin:6px auto 10px}.ff-rule-demo{gap:6px;margin:8px 0}.ff-demo-row{grid-template-columns:minmax(72px,auto) 40px 22px 22px minmax(40px,auto);min-height:42px;padding:5px;gap:3px}.ff-demo-arrow{width:38px;height:32px;font-size:23px}.ff-demo-row i{width:19px}.ff-demo-label{font-size:10px}.ff-main-btn{min-height:48px;font-size:14px}.ff-guide-card{padding:18px 14px}.ff-guide-card h2{font-size:22px}.ff-guide-demo{margin-top:12px}
}
@media(max-height:590px) and (orientation:landscape){
  .ff-shell{width:min(900px,100%);display:grid;grid-template-columns:minmax(240px,1fr) minmax(330px,1.35fr);grid-template-rows:auto auto minmax(0,1fr);gap:6px;direction:rtl}.ff-header{grid-column:1;grid-row:1}.ff-hud{grid-column:1;grid-row:2}.ff-mission{grid-column:1;grid-row:3;align-self:start}.ff-play-area{grid-column:2;grid-row:1/4}.ff-footer{position:absolute;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:calc((100% - 28px)*.42);display:block}.ff-rule-pill{display:none}.ff-hint-btn{width:100%;min-height:45px}.ff-stage{--stage:min(calc(100svh - 16px),calc(58vw - 14px))}.ff-brand span{display:none}.ff-actions button{min-width:62px}.ff-mission{min-height:70px}.ff-mission p{white-space:normal}.ff-overlay-card{padding:12px}.ff-rule-demo{margin:6px 0}.ff-demo-row{min-height:38px}.ff-overlay-card p{margin:5px auto 8px}.ff-main-btn{min-height:44px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@keyframes freePulse{50%{filter:brightness(1.18);transform:scale(1.04)}}
@keyframes blockerPulse{50%{filter:brightness(1.25)}}
@keyframes stageHit{30%{transform:translateX(-5px)}70%{transform:translateX(5px)}}
@keyframes stageClear{50%{filter:brightness(1.28);transform:scale(1.012)}}
@keyframes cellHit{35%{transform:translateX(-5px) rotate(-2deg)}70%{transform:translateX(5px) rotate(2deg)}}
@keyframes escape{to{transform:translate(var(--escape-x),var(--escape-y)) scale(.7);opacity:0}}
@keyframes pop{0%{opacity:0;transform:translate(-50%,-20%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-105%) scale(.94)}}

/* 1.1.2 reliable start */
#startButton:not([hidden]){display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}


/* 1.1.4 — Bazio Core 1.3.8 pause/scroll contract */
html.ff-page-scroll,body.ff-page-scroll{touch-action:pan-y!important;overscroll-behavior-y:auto!important}
.ff-root.ff-paused{touch-action:pan-y!important}
.ff-root.ff-paused .ff-board{touch-action:pan-y!important;pointer-events:none;filter:saturate(.72) brightness(.72)}
.ff-root.ff-paused .ff-hint-btn,.ff-root.ff-paused .ff-actions button:not(#pauseButton){pointer-events:none}
.ff-root.ff-paused .ff-stage{touch-action:pan-y!important;overscroll-behavior:auto}