:root{--fb-sun: #fcbe55;--fb-orange: #f08a3e;--fb-teal: #2d8c8b;--fb-tomato: #ff5a58;--fb-ink: #2a2928;--fb-paper: #f0ece7;--fb-cream: #eeeae5;--fb-shadow: rgba(31, 28, 26, .24);font-family:Arial Rounded MT Bold,Nunito,Arial,sans-serif;color:var(--fb-ink)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#2a1f66}body{touch-action:none;user-select:none}button,input{font:inherit}button{cursor:pointer}#app-shell{position:fixed;inset:0;overflow:hidden;background:#65c9ec}#game,#ui-root{position:absolute;inset:0}#game canvas{display:block;touch-action:none}#ui-root{pointer-events:none}.screen-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.fb-panel{position:relative;width:min(620px,calc(100vw - 36px));padding:34px 42px 36px;border-radius:18px;background:#f0ece7e6;border:4px solid rgba(255,255,255,.55);box-shadow:0 18px 40px var(--fb-shadow);text-align:center;pointer-events:auto}.fb-panel.small{width:min(520px,calc(100vw - 36px))}.fb-panel.win{background:#fffaeff0}.title-panel h1,.fb-panel h1,.fb-panel h2{margin:0;color:var(--fb-ink);font-family:Arial Black,Arial Rounded MT Bold,Arial,sans-serif;letter-spacing:0;line-height:.96;text-transform:uppercase}.title-panel h1{font-size:clamp(48px,10vw,108px);color:#d91f26;text-shadow:8px 8px 0 #111}.fb-panel h1{font-size:clamp(34px,5vw,58px)}.fb-panel h2{font-size:clamp(28px,4.4vw,48px)}.eyebrow{margin:0 0 10px;color:var(--fb-teal);font-weight:900;text-transform:uppercase}.tagline,.legend,.fb-panel p{font-size:clamp(16px,2vw,22px);font-weight:800}.legend{margin-bottom:0;color:#2a2928b8}.pill,.big-choice,.asset-button,.text-pill,.sound-button,.segmented button,.plain-link{min-height:48px;border:0;border-radius:999px;font-weight:950;transition:transform .12s ease,filter .12s ease,background .12s ease}button:hover{filter:brightness(1.05)}button:focus-visible{outline:4px solid rgba(252,190,85,.95);outline-offset:3px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:180px;margin-top:22px;padding:0 24px;color:#fff;text-transform:uppercase}.pill.primary{background:var(--fb-teal)}.pill.secondary{background:#2a292833;color:var(--fb-ink)}.pill.pressed,.big-choice.pressed,.asset-button.pressed,.text-pill.pressed,.sound-button.pressed,.segmented button.pressed{transform:translateY(2px) scale(.97);filter:brightness(.92)}.chevron{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#ffffff29}.mode-buttons{display:grid;gap:18px;margin:30px auto 16px;max-width:440px}.big-choice{min-height:68px;padding:0 28px;color:var(--fb-ink);font-size:clamp(22px,3vw,34px);text-transform:uppercase;box-shadow:0 8px #2a29282e}.big-choice.yellow{background:var(--fb-sun)}.big-choice.orange{background:var(--fb-orange);color:#fff}.setup-panel{width:min(680px,calc(100vw - 28px));max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow-y:auto;padding-bottom:0}.setup-panel.computer{width:min(600px,calc(100vw - 28px))}.field{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;margin:18px auto;max-width:520px;text-align:left;font-weight:950;text-transform:uppercase}.field.inline{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;max-width:none}.field.inline>span{font-size:13px}.field input{width:100%;min-height:58px;border:3px solid #c9d4df;border-radius:8px;padding:0 18px;background:#ffffffeb;color:var(--fb-ink);font-size:22px;font-weight:850}.setup-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-items:end;max-width:520px;margin:14px auto 0}.setup-row.two{align-items:start}.setup-row .field input,.setup-row .select-wrap select{min-height:46px;font-size:18px}.setup-row .option-block{margin:0}.setup-row .option-block>span{margin-bottom:6px;font-size:13px}.setup-row .segmented{display:flex;width:100%}.setup-row .segmented button{flex:1;min-width:0;padding:0 8px}.select-wrap{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:3px solid #c9d4df;border-radius:8px;background:#ffffffeb}.select-wrap .checker-dot{width:22px;height:22px;flex:none}.select-wrap select{flex:1;border:0;padding:0 20px 0 0;background:transparent;color:var(--fb-ink);font-size:18px;font-weight:850;appearance:none;-webkit-appearance:none;cursor:pointer}.select-wrap select:focus-visible{outline:none}.select-wrap:after{content:"";position:absolute;right:14px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--fb-ink);pointer-events:none}.levels .level-easy{background:#cfe8b6}.levels .level-medium{background:#ffd9a8}.levels .level-hard{background:#ffc4c2}.levels .level-easy.selected{background:#5fb53a;color:#fff}.levels .level-medium.selected{background:var(--fb-orange);color:#fff}.levels .level-hard.selected{background:var(--fb-tomato);color:#fff}.levels button.selected{box-shadow:0 0 0 3px #2a292838}.timer-block{margin:16px auto 0;max-width:520px}.timer-block>span{display:flex;justify-content:space-between;align-items:baseline}.slider-readout{font-style:normal;font-weight:950;text-transform:none;color:var(--fb-teal)}.slider-wrap{margin-top:10px}.time-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#2a292833;cursor:pointer}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:999px;background:var(--fb-teal);border:3px solid #fff;box-shadow:0 2px 5px #0000004d;cursor:pointer}.time-slider::-moz-range-thumb{width:26px;height:26px;border-radius:999px;background:var(--fb-teal);border:3px solid #fff;box-shadow:0 2px 5px #0000004d;cursor:pointer}.slider-ticks{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:900;color:#2a29289e}.slider-ticks span{position:relative;flex:1;text-align:center}.slider-ticks span:first-child{text-align:left}.slider-ticks span:last-child{text-align:right}.slider-ticks span:before{content:"";position:absolute;top:-9px;left:50%;width:2px;height:6px;background:#2a292852;transform:translate(-50%)}.slider-ticks span:first-child:before{left:1px;transform:none}.slider-ticks span:last-child:before{left:auto;right:1px;transform:none}.option-block{margin:22px auto 0}.option-block>span{display:block;margin-bottom:10px;font-weight:950;text-transform:uppercase}.segmented{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px}.segmented button{min-width:104px;padding:0 18px;background:#2a29282e;color:var(--fb-ink)}.segmented button.selected{background:var(--fb-sun)}.checker-dot{width:28px;height:28px;border-radius:999px;box-shadow:inset 0 4px 6px #ffffff59,inset 0 -5px 8px #00000042}.checker-dot.red{background:#e42c25}.checker-dot.black{background:#262626}.setup-actions{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;align-items:center;margin-top:16px;padding:12px 0 16px;background:linear-gradient(to top,var(--fb-cream) 76%,rgba(238,234,229,0))}.back-button{min-width:180px;height:48px;margin-top:0}.back-button img{width:22px;height:22px}.asset-button{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:0;background:transparent;line-height:0}.asset-button img{display:block;width:100%;height:auto;pointer-events:none}.start-button{width:min(180px,42vw)}.continue-button{width:min(170px,40vw);height:40px}.play-again-button{width:min(220px,46vw)}.text-pill{padding:0 20px;background:#2a292838;color:var(--fb-ink);font-family:Arial Black,Arial Rounded MT Bold,Arial,sans-serif;font-size:17px;line-height:1;text-transform:uppercase}.round-panel{align-self:start;justify-self:center;width:min(300px,calc(100vw - 40px));margin:clamp(82px,15vh,150px) 0 0 0;padding:16px 22px 18px}.round-panel .eyebrow{margin-bottom:6px;font-size:13px}.round-panel h2{font-size:clamp(20px,2.6vw,30px)}.round-panel p{margin:8px 0 0;font-size:clamp(13px,1.4vw,16px)}.round-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:18px}.round-actions .text-pill,.round-actions .asset-button{height:44px;min-height:44px}.round-actions .text-pill.replay{min-width:150px;padding:0 26px}.round-actions .asset-button{width:auto}.round-actions .asset-button img{width:auto;height:44px;object-fit:contain}.text-pill.replay{background:#fff;color:var(--fb-teal);border:3px solid var(--fb-teal)}.landing-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#65c9ec;pointer-events:none}.landing-actions{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto}.play-now-button{width:min(190px,44vw)}.hud{position:absolute;top:clamp(54px,7vh,74px);left:clamp(18px,5vw,92px);right:clamp(82px,8vw,118px);display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;pointer-events:none}.player-hud{display:inline-flex;align-items:center;gap:14px;width:max-content;max-width:min(34vw,360px);padding:8px 16px;border-radius:999px;color:var(--fb-ink);font-size:clamp(18px,2.2vw,30px);font-weight:950;text-transform:uppercase;text-shadow:0 2px 0 rgba(255,255,255,.36)}.player-hud.player-1{justify-self:end}.player-hud.active{background:#ffffff6b}.timer-readout{position:absolute;left:50%;top:clamp(14px,3vh,30px);transform:translate(-50%);min-width:76px;padding:8px 18px;border-radius:999px;background:#2a2928b8;color:#fff;box-shadow:0 8px 18px #2a292833;text-align:center;font-family:Arial Black,Arial Rounded MT Bold,Arial,sans-serif;font-size:clamp(22px,3.5vw,34px);font-weight:950;line-height:1;pointer-events:none}.corner-actions{position:absolute;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vh,20px);display:flex;gap:10px;align-items:center;pointer-events:auto}.exit-button{border:0;background:transparent;padding:0;line-height:0;transition:transform .12s ease,filter .12s ease}.exit-button.pressed{transform:translateY(2px) scale(.97);filter:brightness(.92)}.icon-button{display:inline-flex;align-items:center;justify-content:center;height:48px;min-height:48px;padding:0;border-radius:999px;background:#403d3ad1;border:2px solid rgba(255,255,255,.92);color:#fff;overflow:hidden;transition:background .12s ease,transform .12s ease,filter .12s ease}.icon-button .icon{display:block;width:26px;height:26px;margin:0 9px}.icon-button.pressed{transform:translateY(2px) scale(.97);filter:brightness(.9)}.icon-button:hover{background:#403d3af2}.sound-button{width:48px}.fullscreen-button{flex-direction:row}.fullscreen-button .icon{order:2}.fullscreen-button .icon-label{order:1;max-width:0;opacity:0;white-space:nowrap;overflow:hidden;font-family:Arial Black,Arial Rounded MT Bold,Arial,sans-serif;font-size:14px;font-weight:950;text-transform:uppercase;color:#fff;transition:max-width .2s ease,opacity .16s ease,margin .2s ease}.fullscreen-button:hover .icon-label,.fullscreen-button:focus-visible .icon-label{max-width:150px;opacity:1;margin-left:14px}.exit-button{position:absolute;top:clamp(8px,1.6vw,16px);right:clamp(10px,1.8vw,18px);width:42px;height:42px;display:grid;place-items:center;pointer-events:auto}.exit-button img{display:block;width:28px;height:28px}.control-hint{position:absolute;left:50%;transform:translate(-50%);border-radius:999px;pointer-events:none}.round-panel{background:#f0ece7ed}.control-hint{bottom:20px;padding:8px 16px;background:#ffffff57;color:#2a2928d1;font-size:14px;font-weight:900}.decor-flyer{position:absolute;width:clamp(86px,13vw,156px);height:auto;opacity:.92;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(31,28,26,.18))}.decor-bird{top:9%;left:5%;animation:floaty 2.4s ease-in-out infinite}.decor-drone{bottom:10%;right:6%;animation:floaty 2s ease-in-out infinite reverse}.swing-in{animation:swingIn .52s cubic-bezier(.34,1.56,.64,1)}@keyframes floaty{0%,to{margin-top:-4px}50%{margin-top:8px}}@keyframes swingIn{0%{opacity:0;transform:translateY(-40px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.round-markers{display:inline-flex;gap:6px;align-items:center}.star svg{display:block;width:20px;height:20px}.star path{fill:#ffffff40;stroke:var(--fb-ink);stroke-width:1.4;stroke-linejoin:round}.star.filled path{fill:var(--fb-sun)}.player-hud.blink{animation:turnBlink .4s steps(1,end) 3}@keyframes turnBlink{0%,to{background:#ffffff6b}50%{background:var(--fb-sun)}}.win-card{position:relative;align-self:start;justify-self:center;margin-top:0;width:min(440px,calc(100vw - 48px));pointer-events:auto}.win-card-art{display:block;width:100%;height:auto}.win-card-text{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);margin:0;padding:0 14%;text-align:center;color:var(--fb-ink);font-family:Arial Black,Arial Rounded MT Bold,Arial,sans-serif;font-size:clamp(22px,3vw,34px);line-height:1;text-transform:uppercase}.win-card-actions{position:absolute;left:0;right:0;bottom:12%;margin:0}@media (max-width: 760px){.fb-panel{padding:24px 22px 28px}.field{grid-template-columns:1fr;gap:8px}.setup-row,.setup-row.two{grid-template-columns:1fr}.hud{gap:8px;right:62px}.round-panel{align-self:end;justify-self:center;margin-right:0;margin-bottom:20px}.player-hud{max-width:44vw;font-size:16px}.corner-actions{right:10px;bottom:10px}.icon-button{height:42px;min-height:42px}.sound-button{width:42px}.icon-button .icon{width:23px;height:23px;margin:0 8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}