
:root{--green:#e5c47d;--gold:#efd6a1}
.sbfent-nav-logo{display:block!important;width:80px;height:74px;object-fit:contain;background:#fff;border-radius:9px}.wordmark:has(.sbfent-nav-logo){line-height:1;flex-shrink:0}.home-art{background:#fff;border-color:#ac8545}.home-art img{display:block}.home-art figcaption{background:#12110f;color:#efd6a1}.home-hero h1 span{color:#e5c47d}.home-hero{background:radial-gradient(ellipse at 80% 35%,#b88a2020,transparent 60%)}.sbfent-story-art{width:100%;max-width:440px;height:auto;display:block;margin-top:26px;border:1px solid #8e713b;border-radius:8px}.games-intro{padding-block:60px 35px}.games-intro h1{font-size:clamp(3.8rem,9vw,7.8rem);line-height:.95}.games-intro>p{max-width:640px;margin-top:22px;color:var(--muted)}.sbfent-games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sbfent-game-card{display:flex;flex-direction:column;min-width:0;border:1px solid #665336;border-radius:12px;overflow:hidden;background:#11110f}.sbfent-game-card>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.sbfent-game-card>div{padding:25px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.sbfent-game-card h3{font-size:clamp(2rem,3vw,3rem);line-height:1.05;margin:12px 0 16px}.sbfent-game-card p:not(.eyebrow){color:var(--muted);font-size:.95rem;line-height:1.65;margin-bottom:20px}.sbfent-game-card .button{margin-top:auto;min-height:48px}.sbfent-game-card .text-link{margin-top:15px;font-size:.85rem}.sbfent-games-note{margin-top:24px;color:var(--muted);font-size:.85rem}.games-howto{padding-block:55px;border-top:1px solid #665336;margin-top:50px;scroll-margin-top:110px}.games-howto h2{font-size:clamp(2.4rem,5vw,4rem)}.games-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:25px}.games-steps article{padding:24px;background:#15140f;border:1px solid #49402c}.games-steps h3{font-size:1.6rem;margin-bottom:15px}.games-steps p{color:var(--muted);line-height:1.7}.games-legacy-link{display:block;padding:28px;border:1px solid #665336;margin-block:25px;color:var(--gold)}.games-howto .detective-game{margin-top:25px}.sbfent-game-card:target{outline:3px solid var(--gold);outline-offset:5px;scroll-margin-top:120px}
@media(max-width:850px){.sbfent-games-grid{grid-template-columns:1fr}.sbfent-game-card{display:grid;grid-template-columns:.9fr 1.1fr}.sbfent-game-card>img{height:100%;object-fit:cover}.games-steps{grid-template-columns:1fr}}
@media(max-width:550px){.sbfent-game-card{display:flex}.sbfent-game-card>img{height:auto}.sbfent-game-card>div{padding:22px}.games-intro{padding-block:35px 25px}.sbfent-nav-logo{width:67px;height:61px}.sbfent-game-card .button{width:100%;text-align:center}.home-links{font-size:.82rem}}

/* Each game has a world of its own; all four cards keep the same clear Play action. */
.sbfent-games-grid{gap:26px}.sbfent-game-card{--scene-accent:#bcfa91;--scene-rgb:188,250,145;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:570px;border:1px solid rgba(var(--scene-rgb),.42);border-radius:18px;background:#0b1511;box-shadow:0 20px 50px #0004;transition:border-color .2s,transform .2s;scroll-margin-top:110px}
.sbfent-game-card:hover{border-color:var(--scene-accent);transform:translateY(-3px)}
.sbfent-game-card .game-scene{position:absolute;inset:0;z-index:-2;padding:0;display:block;overflow:hidden;pointer-events:none}
.game-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform .5s;opacity:.9}
.sbfent-game-card:hover .game-scene>img{transform:scale(1.035)}
.game-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03080508 0%,#03080505 23%,#07100dd4 49%,#07100df5 67%,#07100d 100%)}
.sbfent-game-card .game-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:265px 30px 30px}
.sbfent-game-card .game-genre{align-self:flex-start;margin:0 0 13px;color:var(--scene-accent);font-size:10px;line-height:1.6;letter-spacing:.14em;font-weight:800}
.game-feature{color:#e7e8dc;font-size:10px;letter-spacing:.12em;font-weight:700}
.sbfent-game-card h3{font-size:clamp(2.7rem,4.8vw,4.1rem);letter-spacing:-.02em;line-height:.98;margin:13px 0 18px;color:#fff8e8;text-shadow:0 2px 18px #0008}
.sbfent-game-card p:not(.eyebrow){color:#e0e2dc;max-width:42ch;margin-bottom:23px;font-size:.93rem;line-height:1.7}
.sbfent-game-card .button{margin-top:auto;background:var(--scene-accent);color:#07100c;border-color:var(--scene-accent);font-size:13px;font-weight:900;min-height:48px;padding:14px 23px;box-shadow:0 0 26px rgba(var(--scene-rgb),.12)}
.sbfent-game-card .button:hover{background:#fff3d1;color:#10110b}.sbfent-game-card .text-link{color:var(--scene-accent);text-underline-offset:5px;margin-top:16px}
.sbfent-game-card p.game-note{margin-top:17px;margin-bottom:0;font-size:.72rem;line-height:1.6;color:#bac5ba;max-width:48ch}
.game-scene-number{position:absolute;top:20px;left:25px;color:#ffffffe0;font-size:12px;font-weight:900;letter-spacing:.15em;z-index:2;border:1px solid #ffffff60;border-radius:100px;padding:7px 11px;background:#0a121b70;backdrop-filter:blur(8px)}
.game-fighting{--scene-accent:#dbabff;--scene-rgb:219,171,255;background:#170d24}.game-fighting .game-scene:after{background:linear-gradient(180deg,#160a2b00 0%,#160a2b10 25%,#170c25dd 50%,#170c25fa 68%,#170c25 100%)}
.game-fighting .game-scene>img{object-position:54% top}.scene-versus{position:absolute;top:65px;right:28px;font-size:100px;line-height:1;letter-spacing:-.08em;font-weight:950;font-style:italic;color:#f3c9ff66;text-shadow:0 0 50px #7c25b7;transform:rotate(-8deg)}
.game-detective{--scene-accent:#7fe5e9;--scene-rgb:127,229,233;background:#071d25}.game-detective .game-scene>img{width:72%;height:450px;position:absolute;right:-3%;top:-28px;object-fit:contain;object-position:right top;opacity:.82;mask-image:linear-gradient(180deg,#000 50%,transparent)}
.game-detective .game-scene{background:radial-gradient(ellipse at 75% 25%,#1a6e68 0%,transparent 65%),repeating-linear-gradient(0deg,transparent 0 42px,#70e4df0b 43px 44px),#071e26}
.game-detective .game-scene:after{background:linear-gradient(180deg,#071e2600 15%,#071e2633 32%,#071e26ed 53%,#071e26 72%)}
.scene-scan{position:absolute;left:35px;top:95px;width:120px;height:120px;border:1px solid #83dfe85c;border-radius:50%;box-shadow:0 0 0 20px #81e8e909,0 0 0 42px #81e8e906}.scene-scan:after{content:"";position:absolute;width:1px;height:150px;background:#83dfe82b;left:50%;top:-15px;transform:rotate(55deg)}
.scene-clue{position:absolute;left:30px;top:240px;letter-spacing:.2em;color:#8addd3;font-family:monospace;font-size:10px}
.game-riches{--scene-accent:#f1cc76;--scene-rgb:241,204,118;background:#102317}.game-riches .game-scene{background:radial-gradient(ellipse at 68% 20%,#8e6f2c80,transparent 60%),#102317}
.game-riches .game-scene>img{position:absolute;right:0;top:-10px;width:72%;height:410px;object-fit:cover;object-position:50% 28%;opacity:.62;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.game-riches .game-scene:after{background:linear-gradient(180deg,#10231700 10%,#10231720 29%,#102317dd 49%,#102317fa 67%,#102317 100%)}
.scene-dice{position:absolute;left:45px;top:118px;display:flex;align-items:center;gap:13px;transform:rotate(-12deg)}
.die{width:74px;height:74px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:13px;gap:4px;background:linear-gradient(135deg,#fff6d5,#e2c38c);border:1px solid #fff7dc;border-radius:15px;box-shadow:7px 9px 0 #946e38,12px 20px 22px #0007}.die i{width:10px;height:10px;border-radius:50%;background:#183c2c;box-shadow:inset 1px 1px 2px #0007;align-self:center;justify-self:center}.die-one i:nth-child(1){grid-area:1/1}.die-one i:nth-child(2){grid-area:1/3}.die-one i:nth-child(3){grid-area:2/2}.die-one i:nth-child(4){grid-area:3/1}.die-one i:nth-child(5){grid-area:3/3}.die-two{margin-top:42px;transform:rotate(26deg);width:65px;height:65px;padding:10px}.die-two i:nth-child(1){grid-area:1/1}.die-two i:nth-child(2){grid-area:1/3}.die-two i:nth-child(3){grid-area:3/1}.die-two i:nth-child(4){grid-area:3/3}.scene-coins{position:absolute;left:55px;top:52px;color:#f4cc72;font-size:36px;text-shadow:0 5px 10px #0006}
@media(min-width:851px){.game-riches h3{max-width:8ch}.game-detective h3{max-width:8ch}}
@media(max-width:850px){.sbfent-game-card{display:flex;min-height:530px}.sbfent-game-card .game-content{padding-top:270px}.game-scene>img{object-position:center 20%}.game-detective .game-scene>img{width:65%;height:440px;right:2%}.game-riches .game-scene>img{width:64%}.sbfent-game-card h3{font-size:clamp(2.9rem,7vw,4rem)}}
@media(max-width:550px){.sbfent-games-grid{gap:24px}.sbfent-game-card{min-height:530px;border-radius:14px}.sbfent-game-card .game-content{padding:245px 24px 26px}.sbfent-game-card h3{font-size:2.9rem}.sbfent-game-card .button{width:100%;text-align:center}.sbfent-game-card .game-genre{font-size:9px;letter-spacing:.1em}.game-scene-number{left:20px;top:16px}.game-detective .game-scene>img{width:82%;right:-7%;height:410px}.scene-scan{left:28px;top:90px;width:90px;height:90px}.scene-clue{left:24px;top:222px}.scene-dice{left:30px;top:115px;transform:rotate(-12deg) scale(.9);transform-origin:left center}.game-riches .game-scene>img{width:82%;right:-10%;height:370px}.scene-versus{top:85px;font-size:82px}}
@media(prefers-reduced-motion:reduce){.sbfent-game-card,.game-scene>img{transition:none}.sbfent-game-card:hover,.sbfent-game-card:hover .game-scene>img{transform:none}}

.game-detective .game-scene{background-image:linear-gradient(180deg,#061b1933,#071e26dd 65%),url('detective-sbfent-world-v4.webp');background-size:100% 100%,200% 200%;background-position:center,100% 0}.game-detective .scene-scan{opacity:.45}

/* Keep the complete gameplay scene visible above each game title. */
.sbfent-game-card .game-scene>img{position:absolute;inset:0 auto auto 0;width:100%;height:270px;object-fit:contain;object-position:center top;opacity:1;mask-image:none}.sbfent-game-card .game-scene:after{background:linear-gradient(180deg,transparent 180px,#07100d 285px)}.game-fighting .game-scene:after{background:linear-gradient(180deg,transparent 180px,#170c25 285px)}.game-detective .game-scene:after{background:linear-gradient(180deg,transparent 180px,#071e26 285px)}.game-riches .game-scene:after{background:linear-gradient(180deg,transparent 200px,#102317 285px)}.scene-versus,.scene-scan,.scene-clue,.scene-dice,.scene-coins{display:none}.sbfent-game-card .game-content{padding-top:285px}@media(max-width:550px){.sbfent-game-card .game-scene>img{height:235px}.sbfent-game-card .game-content{padding-top:245px}.sbfent-game-card .game-scene:after{background:linear-gradient(180deg,transparent 160px,var(--card-ground,#07100d) 245px)}.game-fighting{--card-ground:#170c25}.game-detective{--card-ground:#071e26}.game-riches{--card-ground:#102317}}
