body:has(.befr-shell){background:#102e34}.befr-is-playing>.yk-language-toggle{display:none}.befr-shell+.ng-live{position:fixed;inset-block-start:0;inset-inline-start:0;margin:0}.befr-shell{--yk-line: #6b8f8555;--yk-soft: #b9cdc3;--yk-brass-light: #ebd49a;color:#eef1df;background:radial-gradient(ellipse at 73% 20%,#315b5c66,transparent 50%),radial-gradient(ellipse at 20% 85%,#35665b44,transparent 55%),#102e34;min-height:100dvh}.befr-shell .yk-menu{--yk-menu-ink-dim: #b9ccc1;--yk-menu-ink-faint: #91b0a5;--yk-menu-line: #7f9d8255}.befr-shell .yk-menu-art:before{animation:none;background:radial-gradient(ellipse,#a7dbc526,transparent 70%)}.befr-shell .yk-menu-btn:not(.yk-menu-btn--primary):not(.yk-menu-btn--quiet){background:linear-gradient(180deg,#315651,#244440)}.befr-shell .yk-menu-foot{color:#aac3b7}.befr-shell .yk-menu-art>svg{filter:drop-shadow(0 15px 18px #071d2566)}.bf-record{text-align:center;color:#d1decb;font-size:.85rem}.bf-game{width:min(100%,1060px);margin:auto;padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(300px,540px) minmax(250px,1fr);gap:18px 48px;align-items:center;min-height:100dvh;align-content:center}.bf-header{grid-column:1 / -1;display:flex;gap:12px;align-items:center;margin-bottom:14px}.bf-brand{color:#e8d6a9;text-decoration:none;display:flex;align-items:center;gap:10px;margin-inline-end:auto;font-size:1.25rem}.bf-brand svg{width:36px;height:36px}.bf-header .ng-game-menu-button{background:#16373c;border-color:#698b735c;box-shadow:none}.bf-intro{grid-column:1 / -1;text-align:center;margin-bottom:4px}.bf-eyebrow{margin:0 0 8px;color:#adc8b9;font-size:.68rem;letter-spacing:.25em;text-transform:uppercase}.bf-intro h1{margin:0;font-weight:400;font-size:clamp(2rem,4.8vw,3rem);color:#fff1d1}.bf-goal{color:#b4cbbd;margin:8px 0 12px;font-size:.94rem}.bf-scene{position:relative;padding:17px;border-radius:26px;border:1px solid #92b6a151;background:linear-gradient(145deg,#315752,#203f40);box-shadow:0 24px 70px #031d2566,inset 0 1px #cae0b62b}.bf-scene-top{display:flex;align-items:center;justify-content:space-between;padding:0 5px 12px;gap:10px}.bf-scene-label{color:#cfdfcd;font-size:.74rem;letter-spacing:.07em}.bf-stars{display:flex;direction:ltr;gap:8px;color:#718e82;font-size:1.7rem;line-height:1}.bf-stars .is-collected{color:#f0c968;text-shadow:0 0 12px #ffd67b44}.bf-board{isolation:isolate;position:relative;width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);background:#edf0e1;border:5px solid #c3d8cb;border-radius:15px;box-shadow:0 7px #719487,0 14px 18px #0a2c3655,inset 0 0 25px #fffaf0;touch-action:none}.bf-cell{position:relative;min-width:0;min-height:0;border-inline-end:1px solid #658f7c16;border-block-end:1px solid #658f7c16}.bf-cell:nth-child(2n){background:#ffffff1c}.bf-cell:before{position:absolute;content:"";width:15%;height:9%;border-radius:50%;top:48%;left:42%;transform:rotate(-25deg);background:#80ac9f;opacity:0;box-shadow:5px 5px #80ac9f}.bf-cell.is-trail:before{opacity:.35}.bf-cell svg{width:100%;height:100%;position:relative;z-index:1}.bf-cell.is-home{background:radial-gradient(circle,#f6d38188,transparent 75%)}.bf-cell.is-ready{box-shadow:inset 0 0 0 2px #d4a64d99;border-radius:12px}.bf-fox{position:absolute;width:calc(100% / var(--size));height:calc(100% / var(--size));z-index:3;pointer-events:none;filter:drop-shadow(0 3px 2px #50665333)}.bf-fox svg{width:100%;height:100%;transform:scale(1.13)}.bf-effects .bf-fox{transition:left .25s cubic-bezier(.2,.7,.25,1),top .25s cubic-bezier(.2,.7,.25,1)}.bf-board-note{text-align:center;color:#bdd1c2;font-size:.72rem;line-height:1.5;margin:18px 0 1px}.bf-side{text-align:center;align-self:center}.bf-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #84a48d44;padding:16px 0}.bf-stats>div{display:grid;gap:5px;border-inline-end:1px solid #84a48d33}.bf-stats>div:last-child{border:0}.bf-stats span{color:#b9cbb9;font-size:.73rem}.bf-stats strong{font-size:1.75rem;font-weight:400;font-variant-numeric:tabular-nums;color:#f4e5ba}.bf-status{min-height:106px;display:grid;align-content:center;gap:7px;padding:20px 0 10px}.bf-status h2{font-size:1.22rem;font-weight:400;margin:0;color:#ecdfb9}.bf-detail{margin:0;color:#b7cbbd;font-size:.79rem;line-height:1.6}.bf-pad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,48px);gap:7px;justify-content:center;margin:15px auto}.bf-direction{min-width:44px;min-height:44px;font-size:1.55rem;line-height:1;color:#e8e6c9;background:linear-gradient(180deg,#375b55,#294741);border:1px solid #829e7866;border-radius:12px;box-shadow:0 3px #092c30;cursor:pointer}.bf-up{grid-column:2;grid-row:1}.bf-left{grid-column:1;grid-row:2}.bf-down{grid-column:2;grid-row:2}.bf-right{grid-column:3;grid-row:2}.bf-direction.is-hint{background:#ebc575;color:#263f38;border-color:#fff0b9;box-shadow:0 0 0 4px #e5c47526}.bf-tools{display:flex;justify-content:center;gap:10px}.bf-tool{border:1px solid #839c7555;border-radius:11px;background:#203f3e;color:#d9dec0;min-height:46px;padding:8px 16px;cursor:pointer;font-size:.82rem}.bf-links{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 14px;margin-top:9px}.bf-text-button{min-height:44px;background:transparent;border:0;color:#bac8af;font-size:.74rem;text-decoration:underline;text-decoration-color:#bac8af55;text-underline-offset:4px;cursor:pointer}.bf-save{color:#99b3a6;font-size:.68rem;line-height:1.5;margin:4px 0 0}.bf-result:empty{display:none}.bf-next{width:100%;margin-top:16px;padding:10px 18px}.bf-won .bf-pad{display:none}.bf-won .bf-scene{border-color:#e5c26e99}.bf-won .bf-message{color:#f2d286}.bf-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.bf-level{position:relative;min-height:52px;border-radius:12px;border:1px solid #76978688;background:#244a45;color:#f1e5ba;cursor:pointer;font-size:1.1rem}.bf-level span{display:block;font-size:.62rem;line-height:1;color:#e8c067}.bf-level.is-complete{background:#355b4a}.befr-shell button:disabled{opacity:.38;cursor:default}.befr-shell :is(button,a,.bf-board):focus-visible{outline:3px solid #efd083;outline-offset:4px}.bf-rules{line-height:1.9}html[lang=ckb] :is(.bf-eyebrow,.bf-scene-label){letter-spacing:0}@media(max-width:720px){.bf-game{grid-template-columns:1fr;gap:10px;width:min(100%,480px);padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));align-content:start}.bf-header{margin-bottom:3px;gap:8px}.bf-header .ng-game-menu-button{width:44px;height:44px}.bf-brand{font-size:1.05rem;gap:5px}.bf-brand svg{width:29px;height:29px}.bf-intro{margin:0}.bf-eyebrow{font-size:.61rem;margin-bottom:3px}.bf-intro h1{font-size:1.65rem}.bf-goal{display:none}.bf-scene{padding:12px;border-radius:20px;width:min(100%,max(230px,calc(100svh - 500px)));justify-self:center}.bf-scene-top{padding-bottom:9px}.bf-board-note{display:none}.bf-side{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.bf-stats{grid-column:1/-1;padding:8px 0}.bf-stats>div{gap:1px}.bf-stats span{font-size:.65rem}.bf-stats strong{font-size:1.3rem}.bf-status{grid-column:1/-1;min-height:47px;padding:0;gap:2px}.bf-status h2{font-size:1.05rem}.bf-detail{font-size:.72rem}.bf-pad{grid-column:1;margin:0;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}.bf-tools{grid-column:2;flex-direction:column;gap:5px;justify-content:center}.bf-tool{min-height:44px;padding:5px}.bf-links{grid-column:1/-1;margin:0}.bf-save,.bf-result{grid-column:1/-1}.bf-save{margin:-4px 0 0}.bf-won .bf-tools{grid-column:1/-1;flex-direction:row}.bf-won .bf-tool{padding-inline:20px}.bf-next{margin-top:0}}@media(max-width:380px){.bf-game{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.bf-scene{padding:9px}.bf-brand span{font-size:.9rem}}@media(min-width:721px)and (max-height:760px){.bf-game{padding-block:12px;gap:10px 32px;grid-template-columns:minmax(300px,420px) minmax(250px,1fr);max-width:920px}.bf-header{margin:0}.bf-intro h1{font-size:2rem}.bf-goal{margin-bottom:0}.bf-eyebrow{margin-bottom:3px}}@media(max-width:720px)and (max-height:700px)and (orientation:portrait){.bf-game{padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom));gap:5px}.bf-header{margin:0}.bf-eyebrow{display:none}.bf-intro h1{font-size:1.2rem}.bf-scene{width:min(100%,max(190px,calc(100svh - 380px)));padding:8px}.bf-scene-top{padding-bottom:6px}.bf-stars{font-size:1.3rem}.bf-side{gap:4px 10px}.bf-stats{padding:3px 0}.bf-stats>div{gap:0}.bf-stats strong{font-size:1.2rem}.bf-status{min-height:40px}.bf-status h2{font-size:1rem}.bf-detail{line-height:1.4}.bf-save{margin:0}}@media(min-width:560px)and (max-height:500px){.bf-game{width:min(100%,880px);padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));grid-template-columns:minmax(180px,min(42vw,calc(100svh - 112px))) minmax(260px,1fr);grid-template-rows:44px auto 1fr;gap:6px 24px;align-content:start}.bf-header{margin:0;gap:8px}.bf-header .ng-game-menu-button{width:44px;height:44px}.bf-brand{font-size:1.05rem}.bf-brand svg{width:29px;height:29px}.bf-intro{grid-column:2;grid-row:2;margin:0}.bf-intro h1{font-size:1.3rem}.bf-eyebrow,.bf-goal,.bf-board-note{display:none}.bf-scene{grid-column:1;grid-row:2 / 4;align-self:start;width:100%;padding:8px;border-radius:18px}.bf-scene-top{padding-bottom:6px}.bf-stars{font-size:1.3rem}.bf-side{grid-column:2;grid-row:3;align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.bf-stats{grid-column:1 / -1;padding:3px 0}.bf-stats>div{gap:0}.bf-stats strong{font-size:1.2rem}.bf-status{grid-column:1 / -1;min-height:43px;padding:0;gap:1px}.bf-status h2{font-size:1rem}.bf-detail{font-size:.72rem;line-height:1.4}.bf-pad{grid-column:1;margin:0;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}.bf-tools{grid-column:2;flex-direction:column;gap:5px}.bf-tool{min-height:44px;padding:5px}.bf-links,.bf-result,.bf-save{grid-column:1 / -1;margin:0}.bf-won .bf-tools{grid-column:1 / -1;flex-direction:row}.bf-won .bf-tool{padding-inline:20px}.bf-next{margin-top:0}}@media(min-width:560px)and (max-height:360px){.bf-links{display:none}}@media(prefers-reduced-motion:reduce){.befr-shell *{animation:none!important;transition:none!important}}@media(forced-colors:active){.bf-direction,.bf-tool,.bf-level,.bf-board{border:2px solid CanvasText}.bf-cell.is-trail:before{background:CanvasText}.bf-direction.is-hint{outline:3px solid Highlight}}