.bf-page{--cyan:#14dfff;--amber:#ffc21c;--red:#ff315f;color:#effcff;min-height:100vh;font-family:var(--font-geist-mono),monospace;background:#020810;overflow:hidden}.bf-page *{box-sizing:border-box}.bf-nav{border-bottom:1px solid #14dfff31;justify-content:space-between;align-items:center;width:min(1180px,92vw);height:76px;margin:auto;display:flex}.bf-brand{color:#fff;font:950 14px var(--font-geist-sans),sans-serif;align-items:center;text-decoration:none;display:flex}.bf-brand img{object-fit:contain;width:45px;height:45px;margin-right:8px}.bf-brand span{color:var(--cyan)}.bf-nav>div{gap:23px;display:flex}.bf-nav>div a{color:#7896ac;text-transform:uppercase;font-size:7px;font-weight:900;text-decoration:none}.bf-nav a:hover{color:var(--amber)}.bf-hero{text-align:center;background:radial-gradient(#083a4d,#051321 48%,#020810 72%);padding:80px 20px 65px;position:relative}.bf-hero:before{content:"";background:repeating-radial-gradient(circle at 50% 80%,#0000 0 54px,#14dfff12 55px 57px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}.bf-hero>*{position:relative}.bf-hero>span,.bf-learn header>span,.bf-cycle>div>span{color:#7395a9;letter-spacing:2.5px;font-size:7px;font-weight:900}.bf-hero h1{font:1000 clamp(70px,11vw,145px)/.68 var(--font-geist-sans),sans-serif;letter-spacing:-9px;text-shadow:8px 8px #075065,13px 13px #001d2b;margin:17px 0 10px;transform:skew(-4deg)}.bf-hero h1 em{color:var(--amber);text-shadow:7px 7px #9e330b;font-style:normal}.bf-hero p{color:var(--cyan);letter-spacing:2px;font-size:8px}.bf-console{background:linear-gradient(135deg,#5df2ff,#0b4050 14%,#061017 38%,#34210b 82%,#ffc21c);width:min(1100px,94vw);margin:0 auto 105px;padding:8px;box-shadow:0 35px 90px #000}.bf-top{color:#7596a9;letter-spacing:1.4px;background:#030910;justify-content:space-between;align-items:center;height:34px;padding:0 13px;font-size:6px;display:flex}.bf-top button{color:var(--cyan);cursor:pointer;background:#071923;border:1px solid #14dfff66;padding:5px 9px;font:900 6px inherit}.bf-stage{background:radial-gradient(circle at 60% 45%,#0d4050,#061520 45%,#02070d);border:2px solid #092b37;min-height:590px;position:relative}.bf-hud{border-bottom:1px solid #14dfff36;grid-template-columns:repeat(3,1fr);display:grid}.bf-hud>div{border-right:1px solid #14dfff26;padding:13px 20px}.bf-hud small{color:#7595a7;letter-spacing:1.5px;font-size:6px;display:block}.bf-hud strong{font:950 20px var(--font-geist-sans),sans-serif;color:#fff}.bf-hud>div:first-child strong{color:var(--amber)}.bf-play{grid-template-columns:1.05fr .95fr;gap:38px;padding:40px;display:grid}.bf-board-wrap{padding:27px 0 0 27px;position:relative}.bf-board{aspect-ratio:1;background:repeating-linear-gradient(45deg,#071923,#071923 10px,#08202b 10px 20px);border-top:1px solid #14dfff75;border-left:1px solid #14dfff75;grid-template-columns:repeat(6,1fr);display:grid}.bf-board button{color:#fff;cursor:default;background:0 0;border:1px solid #14dfff75;border-top:0;border-left:0;font:950 25px inherit;position:relative}.bf-board.armed button.unknown{cursor:crosshair;animation:1.2s infinite bfPulse}.bf-board.armed button.unknown:hover{background:#ffc21c44}.bf-board button.hit{color:#ffb0c1;text-shadow:0 0 12px #ff315f;background:#ff315f4d}.bf-board button.miss{color:#6ec9db;background:#123746}.bf-axis{color:#83abbc;font-size:7px;font-weight:900;display:grid;position:absolute}.bf-axis.top{grid-template-columns:repeat(6,1fr);top:5px;left:27px;right:0}.bf-axis.side{grid-template-rows:repeat(6,1fr);top:27px;bottom:0;left:6px}.bf-axis span{place-items:center;display:grid}.bf-command>span{color:var(--cyan);letter-spacing:1.5px;font-size:7px}.bf-command h3{font:900 21px/1.2 var(--font-geist-sans),sans-serif;margin:15px 0 20px}.bf-answers{gap:7px;display:grid}.bf-answers button{color:#bfd0dc;text-align:left;cursor:pointer;background:#081b26;border:1px solid #315568;grid-template-columns:35px 1fr;align-items:center;min-height:48px;padding:6px 10px;font:800 9px inherit;display:grid}.bf-answers button:hover:not(:disabled){border-color:var(--amber);color:#fff}.bf-answers button b{color:var(--amber);font-size:13px}.bf-answers button:disabled{opacity:.45}.bf-command>p{border-left:3px solid var(--red);color:#9eb5c3;background:#061017;min-height:55px;margin:15px 0;padding:10px;font-size:8px;line-height:1.55}.bf-command>p.ready{border-color:var(--amber);color:#fff}.bf-fleet{gap:6px;display:grid}.bf-fleet>small{color:#6f91a3;letter-spacing:1.3px;font-size:6px}.bf-fleet>span{color:#a4b6c1;grid-template-columns:55px 1fr;font-size:7px;display:grid}.bf-fleet i{color:var(--red);letter-spacing:2px;font-style:normal}.bf-fleet .sunk{opacity:.4;text-decoration:line-through}.bf-overlay{text-align:center;background:radial-gradient(circle,#0c4b5be8,#02070df5 70%);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.bf-overlay>span{color:var(--cyan);letter-spacing:2px;font-size:7px}.bf-overlay h2{font:1000 clamp(60px,9vw,100px)/.7 var(--font-geist-sans),sans-serif;letter-spacing:-7px;margin:10px 0;transform:skew(-4deg)}.bf-overlay h2 em{color:var(--amber);font-style:normal}.bf-rules{grid-template-columns:1fr 1fr;gap:5px;width:min(690px,94%);display:grid}.bf-rules p{color:#9cb5c3;text-align:left;background:#03111a;border:1px solid #14dfff37;margin:0;padding:9px 12px;font-size:7px;line-height:1.5}.bf-rules b{color:var(--amber)}.bf-rules p:last-child{grid-column:1/-1}.bf-start{background:var(--amber);color:#06131a;cursor:pointer;border:2px solid #fff19d;margin-top:13px;padding:11px 21px;font:950 9px inherit;box-shadow:5px 5px #7b3506}.bf-result{background:#03111a;border:1px solid #14dfff43;width:min(500px,94%);padding:9px 12px}.bf-result>small{color:var(--red);letter-spacing:2px;font-size:6px}.bf-result>strong{font:950 30px var(--font-geist-sans),sans-serif;display:block}.bf-result>p{color:#9db3c0;font-size:7px}.bf-result .social-score-share{border-radius:0;width:100%;margin-top:5px;padding:5px}.bf-result .social-share-grid a,.bf-result .social-share-grid button,.bf-result .social-copy-score{border-radius:0;min-height:20px;font-size:5px}.bf-learn{background:linear-gradient(140deg,#061a25,#030a11 55%,#1d1508);padding:100px max(5vw,20px)}.bf-learn>header{text-align:center;width:min(850px,100%);margin:0 auto 50px}.bf-learn h2,.bf-cycle h2,.bf-faq-page h2{font:950 clamp(40px,5vw,68px)/.92 var(--font-geist-sans),sans-serif;letter-spacing:-4px;text-transform:uppercase;margin:15px 0 20px}.bf-learn header p{color:#98aebc;max-width:720px;margin:auto;font-size:12px;line-height:1.8}.bf-learn>div{grid-template-columns:repeat(3,1fr);width:min(1100px,100%);margin:auto;display:grid}.bf-learn article{border:1px solid #14dfff2f;min-height:240px;margin-right:-1px;padding:35px}.bf-learn article b{color:var(--amber);font:900 17px var(--font-geist-sans),sans-serif}.bf-learn article p,.bf-cycle li span,.bf-faq-page p{color:#8fa6b5;font-size:10px;line-height:1.8}.bf-cycle{grid-template-columns:.8fr 1.2fr;gap:70px;width:min(1100px,90vw);margin:auto;padding:105px 0;display:grid}.bf-cycle ol{margin:0;padding:0;list-style:none}.bf-cycle li{border-bottom:1px solid #14dfff31;grid-template-columns:55px 1fr;gap:15px;padding:20px 0;display:grid}.bf-cycle li>b{color:var(--cyan)}.bf-cycle li strong{color:#fff;font:900 13px var(--font-geist-sans),sans-serif;text-transform:uppercase;display:block}.bf-faq-page{width:min(900px,88vw);margin:auto;padding:80px 0 110px}.bf-faq-page>h2{text-align:center}.bf-faq-page details{border-top:1px solid #14dfff31}.bf-faq-page details:last-child{border-bottom:1px solid #14dfff31}.bf-faq-page summary{color:#fff;font:850 13px var(--font-geist-sans),sans-serif;cursor:pointer;justify-content:space-between;padding:22px 2px;list-style:none;display:flex}.bf-faq-page summary span{color:var(--cyan)}.bf-faq-page details p{padding:0 2px 22px}.bf-footer{color:#708d9d;border-top:1px solid #14dfff2f;justify-content:space-between;align-items:center;width:min(1160px,92vw);min-height:105px;margin:auto;font-size:6px;display:flex}.bf-footer div{gap:20px;display:flex}.bf-footer a{color:inherit;text-decoration:none}@keyframes bfPulse{50%{background:#14dfff19;box-shadow:inset 0 0 13px #14dfff55}}@media (max-width:720px){.bf-nav{height:65px}.bf-nav>div a{display:none}.bf-nav>div a:first-child{display:block}.bf-hero{padding:60px 10px 45px}.bf-hero h1{letter-spacing:-5px;font-size:68px}.bf-console{width:calc(100% - 12px);margin-bottom:70px;padding:5px}.bf-stage{min-height:620px}.bf-top{height:26px;font-size:5px}.bf-hud>div{padding:8px}.bf-hud small{font-size:4px}.bf-hud strong{font-size:14px}.bf-play{grid-template-columns:1fr;gap:20px;padding:15px}.bf-board-wrap{width:min(355px,100%);margin:auto}.bf-command h3{margin:10px 0;font-size:16px}.bf-answers button{min-height:38px;font-size:7px}.bf-command>p{min-height:42px;font-size:6px}.bf-overlay{padding:6px}.bf-overlay h2{letter-spacing:-4px;font-size:53px}.bf-rules p{padding:5px;font-size:5px}.bf-start{margin-top:6px;padding:7px 12px;font-size:6px}.bf-overlay.won>h2,.bf-overlay.lost>h2{display:none}.bf-result{padding:4px}.bf-result .social-share-label{display:none}.bf-result .social-share-grid a,.bf-result .social-share-grid button,.bf-result .social-copy-score{min-height:16px;padding:2px;font-size:4px}.bf-learn{padding:75px 15px}.bf-learn h2,.bf-cycle h2,.bf-faq-page h2{letter-spacing:-2.5px;font-size:39px}.bf-learn>div{grid-template-columns:1fr}.bf-learn article{min-height:0;padding:25px}.bf-cycle{grid-template-columns:1fr;gap:25px;padding:75px 0}.bf-footer{flex-direction:column;justify-content:center;gap:14px}.bf-footer div{flex-wrap:wrap;justify-content:center}}.bf-stage.impact{filter:saturate(1.8)brightness(1.15);animation:.62s cubic-bezier(.36,.07,.19,.97) bfHullShake}.bf-impact{z-index:20;pointer-events:none;text-align:center;background:radial-gradient(circle,#ffb21c55,#ff174733 40%,#0000 70%);place-content:center;animation:.62s both bfImpactFlash;display:grid;position:absolute;inset:0}.bf-impact b{color:#fff;font:1000 clamp(42px,8vw,86px)/.8 var(--font-geist-sans),sans-serif;letter-spacing:-4px;text-shadow:5px 5px #7a071e}.bf-impact span{color:#fff5a0;letter-spacing:2px;margin-top:12px;font-size:9px;font-weight:900}@keyframes bfHullShake{0%,to{transform:translate(0)}10%{transform:translate(-12px,7px)rotate(-.7deg)}20%{transform:translate(11px,-8px)rotate(.7deg)}30%{transform:translate(-9px,5px)}40%{transform:translate(8px,-4px)}55%{transform:translate(-6px,3px)}70%{transform:translate(4px,-2px)}85%{transform:translate(-2px,1px)}}@keyframes bfImpactFlash{0%{opacity:0;transform:scale(1.18)}12%{opacity:1;transform:scale(.96)}70%{opacity:.9}to{opacity:0;transform:scale(1)}}.bf-deep{background:linear-gradient(145deg,#04131c,#02070d 58%,#1b1006);border-block:1px solid #14dfff25;grid-template-columns:.8fr 1.2fr;gap:75px;padding:110px max(6vw,25px);display:grid}.bf-deep header>span,.bf-glossary header>span{color:#7698aa;letter-spacing:2.3px;font-size:7px;font-weight:900}.bf-deep h2,.bf-glossary h2{font:950 clamp(40px,5vw,68px)/.92 var(--font-geist-sans),sans-serif;letter-spacing:-4px;text-transform:uppercase;margin:15px 0}.bf-deep>div{padding-top:20px}.bf-deep p{color:#91a9b7;margin:0 0 24px;font-size:12px;line-height:1.9}.bf-glossary{padding:105px max(5vw,20px)}.bf-glossary>header{text-align:center;width:min(900px,100%);margin:0 auto 50px}.bf-glossary>div{border-top:1px solid #14dfff30;border-left:1px solid #14dfff30;grid-template-columns:repeat(3,1fr);width:min(1120px,100%);margin:auto;display:grid}.bf-glossary article{border-bottom:1px solid #14dfff30;border-right:1px solid #14dfff30;min-height:200px;padding:29px}.bf-glossary article b{color:var(--amber);font:900 15px var(--font-geist-sans),sans-serif}.bf-glossary article p{color:#8da4b3;font-size:10px;line-height:1.75}.bf-footer div{flex-wrap:wrap;justify-content:flex-end}@media (max-width:720px){.bf-deep{grid-template-columns:1fr;gap:25px;padding:75px 18px}.bf-deep h2,.bf-glossary h2{letter-spacing:-2.5px;font-size:39px}.bf-deep p{font-size:11px}.bf-glossary{padding:75px 15px}.bf-glossary>div{grid-template-columns:1fr}.bf-glossary article{min-height:0;padding:24px}}.bf-hero h1{letter-spacing:0;text-shadow:none;margin:8px auto 2px;font-size:0;transform:none}.bf-hero h1:before{content:"";aspect-ratio:3/2;filter:drop-shadow(0 22px 28px #00bcd466);background:url(/breach-fleet-logo-v2.png) 50%/contain no-repeat;width:min(780px,88vw);margin:auto;display:block}@media (max-width:720px){.bf-hero h1{margin:5px auto 0}.bf-hero h1:before{width:min(610px,94vw)}.bf-hero{padding-top:45px}}