.focused-home{margin:0;background:#0c1110;color:#f3f1e9}.focused-home *{box-sizing:border-box}.focus-home{max-width:1400px;margin:0 auto;padding:0 26px;font-family:var(--muck-font)}.focus-home a:focus-visible{outline:3px solid #ffdc6e;outline-offset:4px}.f-intro{position:relative;display:flex;justify-content:space-between;gap:28px;align-items:center;padding:39px 0 30px}.f-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#d9c28a;line-height:1.6;margin:0 0 10px}.f-eyebrow>span{margin-left:14px;color:#819789;font-size:8px}.f-intro h1{font-size:clamp(36px,4vw,52px);letter-spacing:-.055em;line-height:1.04;margin:0 0 13px;font-weight:800}.f-lede{font-size:15px;line-height:1.6;color:#b6c2b8;margin:0}.f-access{font-size:10px;line-height:1.6;color:#8b9c8e;display:flex;gap:10px;flex-wrap:wrap;margin:19px 0 0}.f-access>span{color:#c8d4b9;border-radius:4px;padding:0 6px;background:#243224}.f-intro-art{position:relative;flex:0 1 290px;height:164px;overflow:hidden;border-radius:12px;border:1px solid #354237;isolation:isolate}.f-intro-art img{width:100%;height:100%;object-fit:cover;object-position:right 44%;position:absolute;z-index:-2}.f-intro-art::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101e19ee,transparent)}.f-intro-art>span{position:absolute;bottom:20px;left:17px;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.04em;color:#ecddb2}
.f-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.f-tool{padding:24px;display:flex;flex-direction:column;min-width:0;border:1px solid #384439;border-radius:13px;background:linear-gradient(150deg,#1b251e,#131b17)}.f-train{border-color:#a88b45;background:radial-gradient(ellipse at 80% 0,#9a7c2c15,transparent 65%),linear-gradient(150deg,#25291c,#161c15)}.f-tool-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.f-number{font-size:11px;letter-spacing:.1em;color:#b4aa86}.f-audience{font-size:10px;color:#9bae9c}.f-tool h2{font-size:37px;line-height:1;letter-spacing:-.05em;margin:0 0 12px}.f-train h2{color:#ffe080}.f-tool-description{font-size:13px;line-height:1.6;color:#b2bdae;margin:0 0 20px}.f-demo{height:179px;overflow:hidden;position:relative;border:1px solid #354434;border-radius:8px;background:#101b15;margin:0 0 22px;padding:14px}.f-demo-label{font-size:8px;letter-spacing:.13em;color:#92a58f;font-weight:700}.f-rank-demo>div{display:flex;justify-content:space-between;align-items:center;gap:5px}.f-demo-note{font-size:8px;color:#7f927c}.f-rank-demo ol{list-style:none;padding:0;margin:10px 0 0}.f-rank-demo li{display:flex;align-items:center;gap:11px;min-height:31px;font-size:11px;border-bottom:1px solid #3a493330}.f-rank-demo li b{font-size:9px;color:#7f927c;font-weight:500}.f-rank-demo li:first-child{color:#d4e4b9}.f-rank-demo li em{margin-left:auto;font:700 8px Inter;color:#d7c281}.f-rank-pips{margin-left:auto;letter-spacing:3px;color:#768d75}.f-rank-demo p{font-size:9px;color:#8b9e87;margin:11px 0 0}.f-demo-table{position:absolute;left:18%;right:18%;top:46px;height:78px;border-radius:50%;border:1px solid #526341;background:radial-gradient(ellipse,#2d4024,#1b2b1c);box-shadow:inset 0 0 18px #0003}.f-mini-seat{position:absolute;top:-11px;left:calc(50% - 13px);width:26px;height:22px;display:grid;place-items:center;background:#313b2b;border:1px solid #6c7654;border-radius:9px;font-size:7px;color:#b3c3a8}.f-hero-seat{top:auto;bottom:-9px;color:#f0d990}.f-demo-hand{position:absolute;left:calc(50% - 23px);top:20px;display:flex;gap:3px}.f-demo-hand>span{display:flex;flex-direction:column;gap:4px;width:22px;padding:3px;color:#203124;background:#f1e8d0;border-radius:2px;font:800 13px/1 var(--muck-font)}.f-demo-hand>span+span{color:#a35035}.f-demo-hand b{font-size:12px;text-align:center}.f-demo-actions{position:absolute;left:14px;right:14px;bottom:13px;display:flex;gap:6px}.f-demo-actions span{flex:1;text-align:center;font-size:8px;color:#b1c3a9;border:1px solid #4c5d3c;border-radius:3px;padding:5px;background:#283822}.f-demo-actions span:last-child{border-color:#9b864a;color:#e9d498;background:#4c4325}.f-matrix{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;margin-top:14px;height:97px}.f-matrix i{background:#a78545;border-radius:1px}.f-matrix .f-m1{background:#537851}.f-matrix .f-m2{background:#8e513d}.f-matrix .f-m3{background:#c6ab63}.f-matrix .f-m4{background:#304e39}.f-legend{display:flex;justify-content:space-between;gap:5px;margin-top:12px;font-size:8px;color:#94aa8e}.f-main-action{min-height:46px;display:flex;justify-content:space-between;gap:8px;align-items:center;text-decoration:none;font-size:12px;font-weight:800;color:#e7e9dd;border:1px solid #657258;border-radius:6px;padding:12px 13px;background:#202b20;margin-top:auto}.f-main-action-primary{color:#201e12;background:linear-gradient(120deg,#ffe589,#ffd357);border-color:#efcf77}.f-main-action:hover{border-color:#ffe48b;filter:brightness(1.07)}.f-action-note{font-size:9px;line-height:1.6;color:#91a18b;margin:12px 0}.f-format-links{display:flex;gap:6px}.f-format-links a{display:flex;flex:1;min-height:37px;justify-content:center;align-items:center;white-space:nowrap;font-size:10px;text-decoration:none;color:#bdcbb4;border:1px solid #3c4e35;border-radius:5px;padding:7px 4px}.f-format-links a:hover{border-color:#c5ab69;background:#2d3b26}.f-detail{font-size:10px;line-height:1.7;color:#98ad91;min-height:37px;padding:0 2px}.f-more{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid #354132}.f-more .f-eyebrow{font-size:8px;margin-bottom:6px}.f-more h2{font-size:21px;letter-spacing:-.035em;margin:0}.f-more>a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#eceddf;padding:14px;border:1px solid #384933;border-radius:8px;background:#172017}.f-more>a>span:nth-child(2){flex:1;min-width:0}.f-more strong{font-size:12px;font-weight:650}.f-more small{display:block;font-size:9px;line-height:1.5;color:#99ad91;margin-top:4px}.f-more>a>b{font-weight:400;color:#c7b77a}.f-more>a:hover{border-color:#b6a169}.f-format-icon{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:1px solid #546344;background:#26331f;border-radius:7px;color:#ddc887;font-size:17px;font-weight:800;letter-spacing:-.05em}.f-format-icon>span{font-size:9px;align-self:end;margin-bottom:9px}.f-push-icon{font-size:25px}.f-method{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:26px 0}.f-method h2{font-size:15px;letter-spacing:-.015em;margin:0 0 7px}.f-method p{font-size:11px;line-height:1.6;color:#94a78c;margin:0}.f-method>a{font-size:11px;display:flex;gap:20px;align-items:center;white-space:nowrap;text-decoration:none;color:#d7c691;padding:12px 0}.f-method>a:hover{color:#ffe79c}.f-footer{border-top:1px solid #354132;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0}.f-footer a{color:#d2dacc;text-decoration:none;font-size:10px}.f-footer>a:first-child{font-size:14px;letter-spacing:-.03em;font-weight:800}.f-footer span{color:#c2a1e3}.f-footer p{font-size:10px;color:#809578;margin:0}
@media(max-width:1050px){.f-tool{padding:18px}.f-tool-description{font-size:12px}.f-demo{padding:11px}.f-more{gap:14px;grid-template-columns:.6fr 1fr 1fr}.f-format-icon{display:none}.f-intro-art{flex-basis:240px}}
@media(max-width:760px){.focus-home{padding:0 14px}.f-intro{padding:28px 0 25px}.f-intro-art{display:none}.f-eyebrow>span{display:block;margin-left:0;margin-top:4px}.f-intro h1{font-size:clamp(32px,8.5vw,46px);white-space:nowrap}.f-lede{font-size:13px}.f-access{font-size:9px;gap:6px;margin-top:15px}.f-tools{grid-template-columns:1fr;gap:14px}.f-tool{padding:23px}.f-tool-heading{margin-bottom:15px}.f-tool h2{font-size:34px}.f-tool-description{font-size:14px;margin-bottom:16px}.f-demo{height:170px;max-width:none}.f-main-action{min-height:48px;font-size:13px}.f-format-links a{min-height:43px;font-size:12px}.f-action-note,.f-detail{font-size:10px}.f-more{grid-template-columns:1fr;gap:12px;padding:28px 0}.f-more>div{margin-bottom:4px}.f-format-icon{display:flex}.f-more>a{min-height:75px}.f-more strong{font-size:13px}.f-more small{font-size:10px}.f-method{display:block;padding:25px 0}.f-method>a{width:fit-content;margin-top:8px;min-height:44px}.f-footer{flex-wrap:wrap;gap:14px}.f-footer p{order:3;flex-basis:100%}.f-audience{font-size:10px}}

/* Rich club atmosphere, with the tools and table formats as the clear hierarchy. */
.focused-home{background:radial-gradient(ellipse at 50% 0,#23362b40,transparent 65%),#0b110f}
.focus-home{padding-top:24px}
.focus-home [id]{scroll-margin-top:100px}
.f-intro{min-height:350px;margin-bottom:28px;padding:38px 42px;border:1px solid #505342;border-radius:15px;background:#0b1b16;overflow:hidden;isolation:isolate}
.f-intro>div:first-child{z-index:2;max-width:600px}
.f-intro h1{font-size:clamp(44px,4.7vw,64px);line-height:.99;margin-bottom:18px;letter-spacing:-.055em;white-space:normal}
.f-intro h1 em{font-style:normal;color:#ffdc75}
.f-intro-art{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;z-index:-1;display:block}
.f-intro-art img{width:100%;right:0;object-position:center top;height:100%;object-fit:cover}
.f-intro-art::after{background:linear-gradient(90deg,#0b1b1699 0%,#0b1b1633 32%,transparent 48%)}
.f-intro-art>span{bottom:25px;left:auto;right:24px;font:600 15px/1.4 var(--muck-font);text-shadow:0 2px 8px #000}
.f-lede{font-size:14px;color:#becbbd;max-width:430px}
.f-access{font-size:9px;max-width:440px;margin-top:21px}
.f-eyebrow{color:#d8be83}
.f-eyebrow>span{color:#91a18d}
.f-tool-intro{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px;gap:15px}
.f-tool-intro>span:first-child{font-size:9px;font-weight:800;letter-spacing:.17em;color:#c5b07a}
.f-tool-intro>span:last-child{font:400 13px var(--muck-font);color:#a5b19b}
.f-tools{gap:19px}
.f-tool{position:relative;isolation:isolate;padding:25px 27px 20px;border-color:#4b5040;background:radial-gradient(ellipse at 80% 8%,#75845e1c,transparent 60%),linear-gradient(145deg,#202b22,#111b16);box-shadow:inset 0 1px 0 #eee5b50b,0 12px 28px #0002}
.f-tool::before{content:'';position:absolute;top:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,#a9b49680,transparent)}
.f-train{background:radial-gradient(ellipse at 50% 0,#9f803132,transparent 60%),linear-gradient(150deg,#2b2d1c,#171c13);border-color:#a98c4b;box-shadow:inset 0 1px 0 #ffe99d25,0 12px 28px #0003}
.f-train::before{background:linear-gradient(90deg,transparent,#ffdd86,transparent)}
.f-study{background:radial-gradient(ellipse at 90% 5%,#76628620,transparent 65%),linear-gradient(150deg,#202823,#111b16)}
.f-tool-heading{margin-bottom:13px}
.f-number{font:600 13px var(--muck-font);color:#c1b287}
.f-audience{font-size:9px}
.f-tool h2{font-size:36px}
.f-demo{height:152px;margin:0 0 19px;border:0;border-radius:7px;background:#0e1a1280;box-shadow:inset 0 0 22px #0003;border-bottom:1px solid #7f8c6040}
.f-rank-demo ol{margin-top:6px}
.f-rank-demo li{min-height:28px}
.f-rank-demo p{margin-top:7px}
.f-demo-table{left:12%;right:12%;top:40px;height:61px;border:3px solid #626045;border-top-color:#96916a;box-shadow:0 6px 0 #101a0f,0 10px 15px #0006,inset 0 0 22px #061309;background:radial-gradient(ellipse,#2f5139,#1b3526);transform:rotate(-3deg)}
.f-demo-hand{top:13px;transform:rotate(3deg)}
.f-demo-actions{bottom:10px}
.f-demo-actions span{box-shadow:0 2px 0 #0004}
.f-matrix{height:78px;gap:3px;margin-top:12px;transform:perspective(400px) rotateX(9deg) rotateZ(-2deg);box-shadow:0 8px 12px #0003}
.f-legend{margin-top:10px}
.f-main-action{min-height:46px;border-color:#69735a;background:linear-gradient(#293626,#1b261a);box-shadow:inset 0 1px 0 #ffffff08;font-size:12px}
.f-main-action-primary{background:linear-gradient(120deg,#ffeb9b,#ebc252);border-color:#ffe3a0;color:#211e11;box-shadow:0 3px 15px #d5ab3020}
.f-action-note{margin:11px 0 8px;font-size:9px}
.f-format-shortcut{display:block;text-decoration:none;color:#d8c998;font-size:10px;padding:8px 0;min-height:32px}
.f-format-shortcut:hover{color:#ffe08a}
.f-detail{font-size:10px;line-height:1.6}
.f-formats-section{padding:36px 0 0}
.f-section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:19px}
.f-section-title .f-eyebrow{font-size:8px;margin-bottom:7px}
.f-section-title h2{font-size:32px;letter-spacing:-.045em;line-height:1.1;margin:0}
.f-section-title>p{font-size:11px;line-height:1.7;color:#9aad98;margin:0}
.f-table-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.f-table-format{position:relative;min-height:277px;display:flex;align-items:end;overflow:hidden;isolation:isolate;border:1px solid #5d5841;border-radius:10px;background:#0d1914;box-shadow:0 8px 24px #0003}
.f-table-format>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:82% center;z-index:-2;transition:transform .45s}
.f-table-format::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0a1512 0%,#0a1512db 29%,#0a15123b 75%,#0a151200),linear-gradient(90deg,#0a15124d,transparent)}
.f-table-format-copy{padding:24px;width:100%}
.f-table-count{font-size:8px;font-weight:800;letter-spacing:.19em;color:#e5c482}
.f-table-format h3{font-size:31px;letter-spacing:-.04em;margin:7px 0 6px;line-height:1;color:#fcf4e1;text-shadow:0 2px 10px #0006}
.f-table-format p{font-size:11px;line-height:1.5;color:#b8c3b3;margin:0 0 17px}
.f-table-actions{display:flex;gap:9px}
.f-table-actions a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;min-height:40px;border-radius:5px;border:1px solid #7f8560;text-decoration:none;color:#f0dfb5;background:#202d23cc;font-size:11px;font-weight:650}
.f-table-actions a:first-child{background:#cfb171;color:#171c12;border-color:#e0c795}
.f-table-actions a:hover{background:#ead197;color:#151b11;border-color:#ffe7ac}
@media(hover:hover){.f-table-format:hover>img{transform:scale(1.035)}}
.f-other-formats{display:flex;align-items:center;gap:28px;padding:22px 0;border-bottom:1px solid #3b4838}
.f-other-formats>span{font-size:8px;letter-spacing:.17em;color:#a5ad96;font-weight:700}
.f-other-formats>a{display:flex;align-items:baseline;gap:9px;color:#d5dec8;text-decoration:none;font-size:11px;padding:7px 0;min-height:32px}
.f-other-formats small{font-size:9px;color:#8a9e80}
.f-other-formats b{font-weight:400;color:#c9b47a}
.f-other-formats a:hover{color:#ffe18b}
@media(max-width:1050px){.f-intro{padding:34px;min-height:330px}.f-tool{padding:21px}.f-table-format-copy{padding:18px}.f-table-format p{font-size:10px}}
@media(max-width:760px){
.focus-home{padding-top:14px}
.f-intro{padding:26px 22px 170px;min-height:0;margin-bottom:24px}
.f-intro h1{font-size:45px;white-space:normal;line-height:1.02}
.f-intro .f-eyebrow>span{display:block;margin-left:0;font-size:7px}
.f-intro-art{display:block}
.f-intro-art img{height:250px;width:100%;top:auto;bottom:0;object-position:64% center}
.f-intro-art::after{background:linear-gradient(180deg,#0b1b16 0%,#0b1b16 44%,#0b1b16bb 64%,transparent 83%)}
.f-intro-art>span{display:none}
.f-lede{font-size:13px}
.f-access{font-size:9px;max-width:260px;line-height:1.6;margin-top:15px}
.f-tool-intro{align-items:start;margin-top:20px}
.f-tool-intro>span:first-child{font-size:8px;max-width:150px}
.f-tool-intro>span:last-child{font-size:12px;max-width:115px;text-align:right}
.f-tools{gap:15px}
.f-tool{padding:24px}
.f-demo{height:160px}
.f-main-action{min-height:48px;font-size:13px}
.f-format-shortcut{min-height:40px;font-size:11px}
.f-section-title{align-items:start}
.f-section-title h2{font-size:28px}
.f-section-title>p{font-size:10px;max-width:110px}
.f-table-formats{grid-template-columns:1fr;gap:14px}
.f-table-format{min-height:260px}
.f-table-format>img{object-position:right 56%}
.f-table-format-copy{padding:23px}
.f-table-format h3{font-size:32px}
.f-table-format p{font-size:12px}
.f-table-actions a{min-height:46px;font-size:12px}
.f-other-formats{flex-wrap:wrap;gap:5px 18px;padding:22px 2px}
.f-other-formats>span{flex-basis:100%;margin-bottom:5px}
.f-other-formats>a{min-height:44px;font-size:11px;flex-wrap:wrap;gap:6px}
.f-other-formats small{font-size:9px}
}
/* Shared Muck type and surface treatment; the illustration carries the colour. */
.focused-home{font-family:var(--muck-font);color:var(--muck-text);background:var(--muck-bg)}
.focus-home h1,.focus-home h2,.focus-home h3{font-family:var(--muck-font);font-weight:800;font-style:normal}
.f-intro h1{font-size:56px;line-height:1.04;letter-spacing:-2px}
.f-intro h1 em,.f-train h2{color:var(--muck-gold);font-style:normal}
.f-tool h2{font-size:32px;letter-spacing:-1px}
.f-lede,.f-tool-description{font-size:14px;line-height:1.6;color:var(--muck-text-2)}
.f-tool{background:linear-gradient(150deg,var(--muck-warm-1),var(--muck-warm-2));border-color:var(--muck-warm-line)}
.f-train{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--muck-gold) 8%,transparent),transparent 65%),var(--muck-warm-2);border-color:color-mix(in srgb,var(--muck-gold-muted) 70%,var(--muck-line))}
.f-main-action{font-size:14px;font-weight:800;background:var(--muck-surface-3);border-color:var(--muck-line-strong);color:var(--muck-text)}
.f-main-action-primary{background:var(--muck-gold-cta);color:var(--muck-gold-ink);border-color:var(--muck-gold-muted)}
.f-audience,.f-action-note,.f-detail,.f-format-shortcut,.f-access{font-size:12px}
.f-eyebrow,.f-table-count,.f-tool-intro>span:first-child{font-size:10px;font-weight:800;color:var(--muck-gold-muted)}
.f-section-title>p,.f-table-format p{font-size:13px;color:var(--muck-text-2)}
.f-table-actions a{font-size:13px;font-weight:800}
.f-table-actions a:first-child{background:var(--muck-surface-3);color:var(--muck-text);border-color:var(--muck-line-strong)}
.f-table-actions a:hover{background:var(--muck-warm-tile);color:var(--muck-gold);border-color:var(--muck-gold-muted)}
.f-other-formats>a{font-size:13px;color:var(--muck-text)}
.f-other-formats small,.f-method p{font-size:12px;color:var(--muck-text-2)}
@media(max-width:760px){.f-intro h1{font-size:40px;letter-spacing:-1.2px}.f-tool h2{font-size:30px}.f-audience,.f-action-note,.f-access{font-size:11px}.f-section-title>p{font-size:11px}.f-main-action{font-size:13px}.f-table-actions a{min-height:46px}}

/* Matched illustrations distilled from the actual product screens. */
.f-product-preview{height:auto;aspect-ratio:2/1;padding:0;background:var(--muck-bg);border:1px solid var(--muck-warm-line);box-shadow:none}
.f-product-preview img{display:block;width:100%;height:100%;object-fit:contain}
/* Keep the hero's established canvas when supporting copy is removed. */
@media(max-width:760px){.f-intro{min-height:464px}}

/* Use the same gutter above the tools as between their cards. */
.f-intro{margin-bottom:19px}
@media(max-width:760px){.f-intro{margin-bottom:15px}}

@media(min-width:761px){.f-intro{height:550px;min-height:550px}}
/* Ends on the same line as the other top-level heroes (461px): minus the 49px Muck GTO sub-menu above it (Shaun, 2026-10-03). */
@media(min-width:1101px){.f-intro{height:412px;min-height:0}}

/* Join the hero directly to the navigation, like the other page banners. */
.focus-home{padding-top:0}
.f-intro{border-top:0;border-top-left-radius:0;border-top-right-radius:0}
/* Learn / Train / Study cards are clickable end to end (Shaun, 2026-10-02: "highlight and clickable on hover like the
   bottom hp cards"): a click anywhere follows the card's button; hover lifts it and warms the edge. */
.f-tool.is-clickable{cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.f-tool.is-clickable:is(:hover,:focus-within){transform:translateY(-3px);border-color:#d8bd84;box-shadow:0 14px 30px #0008}
.f-tool.is-clickable:is(:hover,:focus-within) .f-main-action:not(.f-main-action-primary){border-color:#d8bd84;color:#ffd34f}
/* Same type as the other top-level heroes (Shaun, 2026-10-03: "learn train study text seems a diff font weight/format than
   the others"): the lobby's 63.36px / 750 / -2px / .99 headline, its off-white, and its antialiased text. */
.focused-home{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media(min-width:761px){.f-intro h1{font-size:63.36px;font-weight:750;line-height:.99;letter-spacing:-2px;color:#f7f6f1}}
/* Phones and tablets: How to Play starts with the Learn, Practice and Study cards, no hero above them (Shaun, 2026-10-15:
   "same for how to play, have it start with the learn practice study cards"; 2026-10-17, tablet: "kill this header") */
@media(max-width:1100px){.focused-home .gg-top{display:none}}

/* Approved wide artwork: retain the book and both cards at desktop/tablet sizes. */
@media(min-width:761px){
 /* The same height as the Cash Games hero (Shaun, 2026-10-20: "this header should be shorter, same as cash games"):
    461px, the art cropped from the top so the wizard's cards and the open book stay in frame */
 body.focused-home .gg-top .gg-hero{height:461px;min-height:0;aspect-ratio:auto;padding:clamp(24px,3vw,48px);background:linear-gradient(90deg,#101010f5 0%,#101010bd 30%,#10101020 65%,transparent),var(--gto-hero-art,url('lobby-art/unified-v1/gto.webp')) center 80%/cover no-repeat #071c14}   /* the game pages' hero fade (game-sections.css .gs-hero:after; Shaun, 2026-10-20: "does the wizard gto hero have the same fade as the other page heros") */
 body.focused-home .gg-top .gg-copy{width:40%}
 body.focused-home .gg-top .gg-hero h1{font-size:clamp(28px,3.6vw,54px)}
 body.focused-home .gg-top .gg-sub{font-size:clamp(12px,1.2vw,16px);margin-bottom:14px}
 body.focused-home .gg-top .gg-eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:12px}
}
/* Tools (muckgto-home-focused.php, 2026-10-20): the odds calculator and The Daily Muck, a grouped list under the three tools */
.ftl{padding:36px 0 0}
.ftl-list{margin:0;padding:0;list-style:none;border:1px solid var(--muck-line);border-radius:14px;background:var(--muck-surface-1);overflow:hidden}
.ftl-list li+li{border-top:1px solid var(--muck-line)}
.ftl-row{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 22px;color:var(--muck-text);text-decoration:none;transition:background var(--muck-dur-fast,.12s)}
.ftl-row:hover{background:var(--muck-surface-2)}
.ftl-row:focus-visible{outline:2px solid var(--muck-gold);outline-offset:-2px}
.ftl-name{font-size:17px;font-weight:750;letter-spacing:-.01em}
.ftl-desc{color:var(--muck-text-2);font-size:14px;line-height:1.5}
.ftl-go{color:var(--muck-gold-muted);font-size:14px;font-weight:650;white-space:nowrap}
.ftl-row:hover .ftl-go{color:var(--muck-gold)}
@media(max-width:700px){.ftl-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 14px}.ftl-desc{grid-column:1;grid-row:2}.ftl-go{grid-row:1/3;grid-column:2}}
/* The Free trial label sat 2px under the subtitle (gto-gate.css pulls .gg-sub+.gg-price up 12px for the gates; Shaun,
   2026-10-20: "the label is almost on the text"): the same 16px as the title to the subtitle */
body.focused-home .gg-top .gg-sub+.gg-price{margin-top:16px}


/* Phones: nothing under 12px, reading text 13px (Shaun, 2026-10-30, mobile text audit) */
@media (max-width: 720px) {
  .f-other-formats > span, .f-eyebrow, .f-table-count, .f-tool-intro > span:first-child { font-size: 12px; }
  .f-footer p, .f-footer a, .f-method > a, .f-other-formats small, .f-method p { font-size: 13px; }
}