.arcade-passport{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(470px,1.32fr);grid-template-areas:"head games" "stats badges" "foot foot";gap:14px 28px;width:min(1160px,calc(100% - 32px));margin:-72px auto 30px;padding:25px 27px 18px;border:1px solid #39616a;border-radius:24px;background:linear-gradient(135deg,#082a3a 0%,#103f4b 72%,#124c55 100%);color:#f5f3e8;box-shadow:0 18px 48px #071f2f35;position:relative;z-index:3;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.arcade-passport:after{content:"";position:absolute;right:-58px;top:-74px;width:210px;height:210px;border:1px solid #6fdde833;border-radius:50%;box-shadow:0 0 0 28px #6fdde80c,0 0 0 58px #6fdde808;pointer-events:none}
.passport-head{grid-area:head;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;position:relative;z-index:1}.passport-head p{margin:0;color:#72e0ea;font-size:9px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}.passport-head h2{margin:5px 0 0;font-size:clamp(22px,2.3vw,30px);font-weight:900;line-height:1.05;letter-spacing:-.9px}.passport-private{flex:0 0 auto;border:1px solid #7ca1a866;border-radius:999px;padding:7px 10px;color:#c5dadd;font-size:8px;font-weight:850;white-space:nowrap}
.passport-stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.passport-stat{min-width:0;padding:11px;border:1px solid #78969c30;border-radius:13px;background:#e9f2ef10}.passport-stat strong,.passport-stat span{display:block}.passport-stat strong{color:#d5ff5f;font-size:21px;font-weight:950;line-height:1}.passport-stat span{margin-top:5px;color:#aec8cc;font-size:7px;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.75px}
.passport-games{grid-area:games;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;align-self:end;position:relative;z-index:1}.passport-game{position:relative;display:flex;align-items:flex-end;min-width:0;min-height:62px;padding:27px 8px 9px;border:1px dashed #80a5aa66;border-radius:50% 50% 13px 13px;background:#eaf3f00b;color:#b7ced1;font-size:8px;font-weight:850;line-height:1.12;text-align:center;justify-content:center}.passport-game:before{content:"";position:absolute;left:50%;top:10px;width:18px;height:18px;border:1px solid #83a6aa;border-radius:50%;transform:translateX(-50%)}.passport-game.played{border-style:solid;border-color:#d5ff5f;background:#d5ff5f18;color:#efffc4}.passport-game.played:before{border-color:#d5ff5f;background:#d5ff5f;box-shadow:inset 0 0 0 4px #17434c}
.passport-badges{grid-area:badges;display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:6px;min-width:0;position:relative;z-index:1}.passport-badge{display:inline-flex;align-items:center;min-height:28px;border:1px solid #76959b55;border-radius:999px;padding:6px 10px;color:#abc3c6;background:#eaf3f008;font-size:8px;font-weight:850;white-space:nowrap}.passport-badge.unlocked{border-color:#d5ff5f88;background:#d5ff5f18;color:#efffc4}.passport-badge.locked-summary{border-style:dashed}.passport-badge.empty{color:#c2d5d7}.passport-foot{grid-area:foot;margin:0;padding-top:7px;border-top:1px solid #81a0a52b;color:#9bb8bc;font-size:8px;line-height:1.4}.passport-pop{animation:passportPop .38s ease}@keyframes passportPop{50%{transform:translateY(-2px)}}
.standalone-puzzle{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);gap:22px;align-items:center;width:min(1160px,calc(100% - 32px));margin:20px auto 30px;padding:27px;border:1px solid #cad5d1;border-radius:22px;background:#fff;color:#102638}.standalone-copy p{margin:0;color:#278597;font-size:9px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase}.standalone-copy h2{margin:7px 0 8px;font-size:clamp(25px,3vw,35px);letter-spacing:-1px}.standalone-copy span{display:block;color:#667d82;font-size:13px;line-height:1.5}.standalone-copy>a{display:inline-block;margin-top:16px;color:#09677a;font-size:12px;font-weight:900}.sudoku-feature{display:flex;align-items:center;gap:22px;min-height:154px;padding:22px;border:1px solid #ccd9d5;border-radius:17px;background:#edf4f2;color:#102638;text-decoration:none}.sudoku-feature .sudoku-preview{flex:0 0 112px;width:112px;height:112px}.sudoku-feature>div:last-child{display:grid;gap:5px}.sudoku-feature small{color:#278597;font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.sudoku-feature strong{font-size:22px}.sudoku-feature span{color:#657a80;font-size:12px;line-height:1.4}
@media(max-width:820px){.arcade-passport{grid-template-columns:1fr;grid-template-areas:"head" "stats" "games" "badges";gap:11px;width:calc(100% - 24px);margin:-10px auto 24px;padding:18px 16px;border-radius:20px}.passport-head{align-items:center}.passport-head h2{font-size:22px}.passport-private{font-size:7px}.passport-games{grid-template-columns:repeat(4,minmax(0,1fr))}.passport-game{min-height:54px;border-radius:12px;padding-top:25px}.passport-stat strong{font-size:19px}.passport-stat span{font-size:6.5px}.passport-foot{display:none}.standalone-puzzle{grid-template-columns:1fr;width:calc(100% - 24px);padding:20px;gap:17px}.sudoku-feature{min-height:132px;padding:16px;gap:16px}.sudoku-feature .sudoku-preview{flex-basis:92px;width:92px;height:92px}}
@media(max-width:390px){.passport-games{grid-template-columns:repeat(3,minmax(0,1fr))}.passport-head{align-items:flex-start}.passport-private{max-width:83px;white-space:normal;text-align:center}.passport-stat{padding:9px 7px}.passport-stat span{letter-spacing:.35px}.sudoku-feature .sudoku-preview{flex-basis:82px;width:82px;height:82px}.sudoku-feature strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.passport-pop{animation:none}}
.sudoku-feature .sudoku-preview{position:static;display:grid;grid-template-columns:repeat(3,34px);flex:0 0 auto;width:auto;height:auto;border:2px solid #102638;background:#102638;gap:2px;transform:rotate(-2deg);box-shadow:0 12px 24px #10263818}.sudoku-feature .sudoku-preview i{display:grid;place-items:center;width:34px;height:34px;background:#fffdf5;color:#102638;font-style:normal;font-weight:900}.sudoku-feature .sudoku-preview i:nth-child(5){background:#d5ff5f}
@media(max-width:820px){.sudoku-feature .sudoku-preview{grid-template-columns:repeat(3,28px);flex-basis:auto;width:auto;height:auto}.sudoku-feature .sudoku-preview i{width:28px;height:28px}}
@media(max-width:390px){.sudoku-feature{align-items:flex-start}.sudoku-feature .sudoku-preview{grid-template-columns:repeat(3,24px);flex-basis:auto;width:auto;height:auto}.sudoku-feature .sudoku-preview i{width:24px;height:24px;font-size:11px}}

/* Standalone extras use their own card system so forecast decision-card rules cannot affect them. */
.hub-extras{width:min(1160px,calc(100% - 32px));margin:22px auto 56px;padding:27px;border:1px solid #cbd7d3;border-radius:24px;background:#f8faf7;color:#102638;box-sizing:border-box}
.hub-extras-heading{display:block;margin-bottom:20px}
.hub-extras-heading p{margin:0;color:#16869a;font-size:9px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.hub-extras-heading h2{margin:7px 0 0;font-size:clamp(25px,2.7vw,34px);line-height:1.05;letter-spacing:-1px}
.hub-extras-heading span{display:block;margin-top:8px;color:#667b80;font-size:12px;line-height:1.55;max-width:520px}
.hub-extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.hub-extra-card{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:22px;min-width:0;min-height:190px;padding:25px;border:1px solid #cbd8d4;border-radius:19px;color:#102638;text-decoration:none;box-sizing:border-box;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hub-extra-card:hover{transform:translateY(-3px);border-color:#69cbd7;box-shadow:0 14px 32px #10263814}
.hub-extra-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hub-extra-copy small{color:#16869a;font-size:9px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}
.hub-extra-copy strong{margin:7px 0 8px;font-size:clamp(23px,2.4vw,30px);line-height:1.05;letter-spacing:-.6px}
.hub-extra-copy span{max-width:360px;color:#667b80;font-size:12px;line-height:1.5}
.hub-extra-copy b{margin-top:18px;color:#086a7b;font-size:10px}
.sudoku-extra{background:#edf4f2}
.hub-extra-art{display:grid;place-items:center;width:100%;height:112px;overflow:visible}
.sudoku-extra .sudoku-preview{position:static;display:grid;grid-template-columns:repeat(3,32px);width:auto;height:auto;border:2px solid #102638;background:#102638;gap:2px;transform:rotate(-2deg);box-shadow:0 12px 24px #10263818}
.sudoku-extra .sudoku-preview i{display:grid;place-items:center;width:32px;height:32px;background:#fffdf5;color:#102638;font-style:normal;font-weight:900}
.sudoku-extra .sudoku-preview i:nth-child(5){background:#d5ff5f}
.makan-extra{background:linear-gradient(145deg,#0b3040,#071f2f);border-color:#315465;color:#fff}
.makan-extra{grid-template-columns:minmax(0,1fr) 150px}
.makan-extra .hub-extra-copy{width:auto}
.makan-extra .hub-extra-copy small{color:#69d2e7}
.makan-extra .hub-extra-copy span{color:#aec5cb}
.makan-extra .hub-extra-copy b{color:#d5ff5f}
.tuna-art{position:relative;height:112px;overflow:visible}
.makan-tuna{position:relative;width:142px;height:68px;border-radius:58% 66% 60% 54% / 52% 50% 58% 54%;background:linear-gradient(180deg,#9be9f1 0 34%,#54cadb 35% 66%,#268ea9 67%);box-shadow:inset -15px 0 18px #e5fbff3d,inset 0 -7px 0 #176e8c44,0 12px 22px #001e2a35;transform:rotate(-2deg)}
.makan-tuna:before{content:"";position:absolute;left:24px;top:12px;width:38px;height:4px;border-radius:999px;background:#d8faff80;box-shadow:10px 8px 0 -1px #d8faff55}
.makan-tail{position:absolute;left:-42px;top:5px;width:48px;height:58px;background:linear-gradient(90deg,#238ba5,#55c9d8);clip-path:polygon(100% 50%,8% 0,27% 42%,0 50%,27% 58%,8% 100%)}
.makan-dorsal{position:absolute;left:58px;top:-19px;width:40px;height:24px;background:#348fa6;clip-path:polygon(0 100%,42% 0,100% 100%)}
.makan-fin{position:absolute;left:65px;bottom:-13px;width:38px;height:23px;background:#217f99;clip-path:polygon(0 0,100% 0,42% 100%);transform:rotate(-9deg)}
.makan-eye{position:absolute;right:20px;top:17px;width:16px;height:16px;border:4px solid #f7ffff;border-radius:50%;background:#09283a;box-shadow:0 0 0 1px #166b83}
.makan-eye:after{content:"";position:absolute;left:2px;top:1px;width:3px;height:3px;border-radius:50%;background:#fff}
.makan-gill{position:absolute;right:40px;top:16px;width:18px;height:31px;border-right:2px solid #176f887a;border-radius:50%}
.makan-gill:after{content:"";position:absolute;right:-21px;top:24px;width:15px;height:5px;border-bottom:2px solid #0c637b;border-radius:50%;transform:rotate(-4deg)}
@media(max-width:820px){.hub-extras{width:calc(100% - 24px);padding:20px;margin-bottom:34px}.hub-extras-grid{grid-template-columns:1fr}.hub-extra-card{min-height:168px}.makan-extra{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:480px){.hub-extras{padding:16px;border-radius:20px}.hub-extras-heading h2{font-size:27px}.hub-extra-card{grid-template-columns:82px minmax(0,1fr);min-height:168px;padding:18px;gap:14px;border-radius:16px}.hub-extra-art{height:94px}.sudoku-extra .sudoku-preview{grid-template-columns:repeat(3,23px)}.sudoku-extra .sudoku-preview i{width:23px;height:23px;font-size:11px}.hub-extra-copy strong{font-size:21px}.hub-extra-copy span{font-size:11px}.makan-extra{grid-template-columns:minmax(0,1fr) 94px}.makan-tuna{transform:translateX(-4px) rotate(-2deg) scale(.61)}.tuna-art{height:94px}.hub-extra-copy b{margin-top:14px}}