/*
Theme Name: UNO8BET Atlantic
Theme URI: https://uno8bet.online/
Author: uno8bet
Version: 1.0.0
Description: คาสิโนแอตแลนติกสีน้ำเงินเข้มและทองแดงของ uno8bet พร้อมแบนเนอร์เลื่อนและปุ่มสมาชิก
Text Domain: uno8bet-atlantic
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
*/
:root {
    --midnight:#1a2434;
    --indigo:#23334b;
    --blue:#384861;
    --porcelain:#f8f4ed;
    --ivory:#ece5d8;
    --ink:#23293b;
    --muted:#535c66;
    --rule:#ccc2b6;
    --amber:#e5b894;
    --oak:#8c4936;
    --sans:"Fahkwang","Leelawadee UI","Noto Sans Thai",Tahoma,Arial,sans-serif;
    --display:"Baskervville",Baskerville,"Times New Roman",serif;
    --gutter:clamp(18px,4.5vw,80px);
}
*,*::before,*::after { box-sizing:border-box; }
body { margin:0; background:var(--porcelain); color:var(--ink); font:1rem/1.7 var(--sans); overflow-wrap:break-word; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { line-height:1.42; }
a { color:inherit; text-decoration:none; }
img,picture,svg { display:block; }
img { max-width:100%; }
select,button { font:inherit; }
button,select,label[for] { cursor:pointer; }
[hidden] { display:none!important; }
:focus-visible { outline:3px solid #916224; outline-offset:4px; }
.hero :focus-visible,.mast :focus-visible,.closing :focus-visible,.lesson :focus-visible { outline-color:var(--amber); }
.frame { width:min(1510px,calc(100% - 2 * var(--gutter))); margin-inline:auto; }
.skip { position:absolute; z-index:8; padding:8px 14px; background:white; transform:translateY(-150%); }
.skip:focus { transform:none; }
.mast { position:relative; z-index:5; color:var(--porcelain); background:var(--midnight); border-bottom:1px solid #464252; }
.mast-inner { min-height:72px; display:flex; align-items:center; gap:clamp(18px,3vw,50px); }
.wordmark { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; flex:none; }
.wordmark img { width:34px; height:34px; }
.wordmark>span { font:600 clamp(1.7rem,2.25vw,2.25rem)/1 var(--display); text-transform:uppercase; letter-spacing:-.055em; }
.wordmark b { color:var(--amber); font-weight:400; }
.main-menu { margin-inline:auto; }
.main-menu ul,.closing ul { list-style:none; margin:0; padding:0; }
.main-menu ul { display:flex; gap:clamp(13px,2.2vw,34px); }
.main-menu a,.desk-login { display:inline-flex; align-items:center; min-height:44px; font-size:.92rem; font-weight:620; }
.main-menu a:hover,.main-menu a[aria-current="page"],.desk-login:hover { color:var(--amber); }
.mast-actions { display:flex; align-items:center; gap:18px; }
.main-menu .drawer-login,.nav-toggle { display:none; }
.ui-icon { width:17px; height:17px; flex:none; }
.action { min-height:45px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:9px 20px; font-size:.95rem; font-weight:650; line-height:1.5; border:1px solid transparent; border-radius:5px; }
.primary-action { background:var(--amber); color:#251d15; }
.primary-action:hover { background:#ffcf8a; }
.outline-action { color:white; border-color:#c5bac2; background:#22223291; }
.outline-action:hover,.ink-action:hover { background:var(--blue); }
.ink-action { background:var(--indigo); color:white; }

.hero { position:relative; isolation:isolate; display:grid; align-items:stretch; background:var(--midnight); color:var(--porcelain); min-height:clamp(435px,36vw,595px); }
.cover-art { position:absolute; inset:0; z-index:-2; overflow:hidden; background:var(--indigo); }
.cover-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:77% center; }
.hero::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#1a2434f7 0%,#263345dd 21%,#38425291 42%,transparent 72%); }
.hero-frame { display:flex; align-items:center; }
.hero-copy { width:min(44vw,660px); padding-block:clamp(37px,4.1vw,67px); }
.hero-brand { display:block; font:400 clamp(4.9rem,8.2vw,9rem)/.93 var(--display); text-transform:uppercase; letter-spacing:-.068em; padding-bottom:.17em; }
.hero-brand b { color:var(--amber); font-weight:400; }
.hero-heading { display:block; font-weight:630; font-size:clamp(1.35rem,2.05vw,2.45rem); letter-spacing:-.035em; text-wrap:balance; }
.hero-intro { margin:11px 0 21px; max-width:33rem; color:#f0ece7; font-size:clamp(.98rem,1.08vw,1.13rem); }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.directory { padding-block:clamp(29px,3.1vw,55px) clamp(39px,4.2vw,70px); }
.section-head,.journal-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.section-head h2,.journal-heading h2 { font-size:clamp(1.5rem,2.05vw,2.5rem); letter-spacing:-.035em; }
.text-link { display:inline-flex; align-items:center; gap:8px; min-height:40px; color:var(--oak); font-size:.9rem; font-weight:650; }
.text-link:hover,.member-panel a:hover { text-decoration:underline; text-underline-offset:4px; }
.topic-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(9px,1.25vw,23px); }
.topic { display:block; min-width:0; }
.topic-photo { position:relative; aspect-ratio:1.65; overflow:hidden; background:var(--indigo); border-radius:22px 4px 4px 4px; }
.topic-photo img,.read-cover img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .24s ease; }
.topic:hover img,.read-cover:hover img { transform:scale(1.035); }
.topic-caption { display:flex; justify-content:space-between; align-items:center; gap:6px; padding:10px 0; border-bottom:1px solid var(--rule); }
.topic-caption h3 { font-size:clamp(1.1rem,1.48vw,1.55rem); }
.topic-caption p { font-size:clamp(.78rem,.88vw,.95rem); color:var(--muted); }
.topic-arrow { display:grid; place-items:center; flex:none; color:var(--oak); }
.topic-arrow .ui-icon { width:16px; }
.lesson { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(22px,4vw,62px); align-items:center; padding:clamp(24px,3.6vw,60px); color:var(--porcelain); background:linear-gradient(110deg,#212236,#303044 70%); border-radius:5px; border-inline-start:6px solid #b78950; }
.lesson-copy h2 { font-size:clamp(1.6rem,2.65vw,3.1rem); line-height:1.36; letter-spacing:-.035em; }
.lesson-copy p { color:#e6e2e3; margin:10px 0 5px; max-width:34rem; }
.lesson .text-link { color:var(--amber); }
.jump-demo { padding:12px clamp(12px,1.45vw,22px) 20px; margin:0; min-width:0; border:1px solid #777183; border-radius:5px; }
.jump-demo legend { padding-inline:7px; color:var(--porcelain); font-weight:620; }
.jump-choice { position:absolute; width:1px; height:1px; opacity:0; }
.jump-demo label { display:inline-flex; align-items:center; min-height:41px; padding:6px 11px; margin:2px 3px 4px 0; border:1px solid #898294; border-radius:4px; font-size:.88rem; }
.jump-choice:checked+label { color:#291e11; background:var(--amber); border-color:var(--amber); }
.jump-choice:focus-visible+label { outline:3px solid white; outline-offset:3px; }
.jump-result { display:none; gap:16px; align-items:center; margin-top:14px; min-height:84px; }
#jump-valid:checked~.result-valid,#jump-hop:checked~.result-hop,#jump-step:checked~.result-step { display:flex; }
.jump-ranges { flex:none; display:grid; gap:3px; width:6.35rem; font-variant-numeric:tabular-nums; }
.jump-ranges span { display:flex; justify-content:space-between; align-items:baseline; gap:6px; padding:4px 6px; color:var(--ink); background:var(--ivory); }
.jump-ranges small { font-size:.67rem; }
.jump-ranges b { font-size:.95rem; }
.jump-explainer { min-width:0; }
.jump-explainer strong { display:block; color:var(--amber); font-size:1.35rem; }
.jump-explainer p { color:#f1ebee; font-size:.93rem; }
.journal { padding-block:clamp(34px,4.4vw,70px); }
.journal-controls { display:flex; align-items:center; gap:7px; font-size:.86rem; }
.journal-controls select { padding:6px 9px; border:1px solid var(--rule); border-radius:4px; color:var(--ink); background:white; }
.journal-list,.read-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(13px,1.7vw,28px); }
.read-card,.reading-side { min-width:0; }
.read-cover { position:relative; display:block; width:100%; aspect-ratio:1.65; overflow:hidden; background:var(--indigo); border-radius:5px; }
.read-body { padding-block:13px; }
.read-meta,.article-byline,.crumb { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; font-size:.84rem; color:var(--muted); }
.read-meta span { font-weight:700; color:var(--oak); }
.read-body h2,.read-body h3 { margin:.38em 0; font-size:clamp(1.1rem,1.38vw,1.52rem); }
.read-body a:hover { text-decoration:underline; }
.read-body p { color:var(--muted); font-size:.94rem; }
.member-guides,.reading { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,.82fr); gap:clamp(25px,5vw,90px); }
.member-guides { padding-bottom:clamp(30px,4vw,68px); }
.member-panel { align-self:start; border:1px solid var(--rule); padding:22px; border-radius:4px; background:var(--ivory); }
.member-panel h2 { font-size:1.38rem; margin-bottom:12px; }
.member-panel a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:9px 0; border-top:1px solid var(--rule); font-weight:600; color:var(--oak); }
.closing { padding:clamp(30px,4vw,70px) 0 20px; color:var(--porcelain); background:var(--midnight); border-top:4px double #805f44; }
.closing-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:clamp(20px,5vw,80px); }
.closing-brand p { margin-top:15px; max-width:28rem; color:#e3dce2; font-size:.93rem; }
.closing h2 { margin:.2em 0 .7em; font-size:1.06rem; color:var(--porcelain); }
.closing nav a { display:inline-block; padding:4px 0; color:#e5e1e6; font-size:.92rem; }
.closing nav a:hover { text-decoration:underline; color:var(--amber); }
.colophon { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 18px; padding-top:15px; margin-top:26px; border-top:1px solid #585162; font-size:.8rem; color:#e1dce2; }
.inner-head { color:var(--porcelain); background:var(--indigo); padding:clamp(30px,4vw,65px) 0; border-bottom:3px solid #b1854c; }
.inner-head h1 { max-width:65rem; font-size:clamp(1.85rem,3.45vw,4.1rem); letter-spacing:-.04em; text-wrap:balance; }
.inner-head p { max-width:55rem; margin-top:13px; font-size:clamp(.98rem,1.16vw,1.2rem); color:#e9e4e7; }
.crumb,.article-byline { color:#f4d39e; margin-bottom:11px; }
.crumb a,.article-byline a { text-decoration:underline; text-underline-offset:3px; }
.reading,.archive-body,.missing { padding-block:clamp(27px,4vw,65px); }
.archive-intro { max-width:870px; margin-bottom:28px; }
.prose { min-width:0; color:var(--ink); font-size:1.05rem; line-height:1.85; }
.prose h2 { margin:1.45em 0 .4em; font-size:clamp(1.25rem,1.95vw,2rem); }
.prose h3 { margin:1.3em 0 .4em; font-size:1.16rem; }
.prose>:first-child { margin-top:0; }
.prose p,.prose ul,.prose ol,.prose blockquote { margin:0 0 1em; }
.prose ul,.prose ol { padding-inline-start:1.55em; }
.prose a:not(.action) { color:var(--oak); text-decoration:underline; text-underline-offset:3px; }
.prose table { width:100%; max-width:100%; margin-block:1em; border-collapse:collapse; font-size:.93em; }
.prose caption { text-align:left; font-weight:700; }
.prose td,.prose th { border:1px solid var(--rule); padding:7px 9px; text-align:start; overflow-wrap:anywhere; }
.prose th { background:var(--ivory); }
.prose figure { margin-inline:0; max-width:100%; overflow-x:auto; }
.reading-side img { width:100%; height:auto; border-radius:5px; }
.outbound { padding:16px 18px; margin-bottom:25px; border-inline-start:4px solid var(--oak); background:var(--ivory); }
.outbound p { margin:8px 0 0; font-size:.93rem; color:var(--muted); }
.post-links { display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; border-top:1px solid var(--rule); padding-top:18px; }
.pagination { margin-top:24px; }
.page-numbers { display:inline-block; padding:6px 10px; }
.missing h1 { font-size:clamp(2rem,5vw,4rem); } .missing .action { margin-top:15px; }
.nav-toggle span { width:17px; height:2px; background:var(--porcelain); }
@media(max-width:1000px){
    .mast-inner,.mast-actions { gap:13px; }
    .hero-copy { width:min(54vw,555px); }
    .topic-arrow { display:none; }
}
@media(max-width:860px){
    .mast-inner { min-height:58px; flex-wrap:wrap; gap:0; }
    .mast-actions { margin-inline-start:auto; gap:8px; }
    .nav-toggle { display:grid; place-content:center; gap:5px; width:42px; height:42px; border:1px solid #83747c; border-radius:4px; background:var(--indigo); }
    .main-menu { display:none; position:absolute; top:100%; left:0; width:100%; margin:0; padding:12px var(--gutter); background:var(--midnight); border-bottom:1px solid #83747c; }
    .menu-open .main-menu { display:block; }
    .main-menu ul { flex-wrap:wrap; gap:0 23px; }
    .main-menu .drawer-login { display:inline-flex; color:var(--amber); gap:6px; }
    .desk-login { display:none; }
    .hero { min-height:370px; }
    .journal-list,.read-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:730px){
    .lesson,.member-guides,.reading { grid-template-columns:1fr; }
    .lesson-copy h2 br { display:none; }
    .closing-grid { grid-template-columns:1fr 1fr; }
    .closing-brand { grid-column:1/-1; }
}
@media(max-width:660px){
    :root { --gutter:15px; }
    .wordmark { gap:6px; } .wordmark img { width:27px; height:27px; } .wordmark>span { font-size:1.55rem; }
    .mast .primary-action { min-height:41px; padding:6px 10px; font-size:.83rem; }
    .nav-toggle { width:40px; height:40px; }
    .hero { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; min-height:0; gap:14px; padding:14px var(--gutter); }
    .hero::after { display:none; }
    .hero-frame { grid-area:1/1; min-width:0; width:100%; }
    .hero-copy { width:100%; padding:8px 0; }
    .hero-brand { font-size:clamp(3.2rem,9.3vw,4.1rem); }
    .hero-heading { font-size:1.28rem; }
    .hero-intro { margin:8px 0 13px; font-size:.91rem; }
    .hero-actions { gap:7px; }
    .hero-actions .action { min-height:43px; padding:6px 11px; font-size:.86rem; }
    .cover-art { grid-area:1/2; position:relative; inset:auto; z-index:0; width:100%; aspect-ratio:2/3; border-radius:25px 4px 4px 4px; }
    .cover-art img { object-fit:contain; object-position:center; }
    .topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .topic-casino { grid-column:1/-1; display:grid; grid-template-columns:1.05fr 1fr; background:var(--ivory); border-radius:15px 3px 3px 3px; overflow:hidden; }
    .topic-casino .topic-photo { border-radius:0; } .topic-casino .topic-caption { padding:10px 12px; }
    .topic-photo { border-radius:14px 3px 3px 3px; }
    .topic-caption { padding:7px 0; } .topic-caption h3 { font-size:1.12rem; }
    .section-head h2,.journal-heading h2 { font-size:1.4rem; }
    .section-head .text-link,.journal-controls { font-size:.8rem; }
    .lesson { padding:19px 13px; gap:14px; }
    .jump-demo label { font-size:.82rem; padding:4px 7px; min-height:38px; }
    .jump-demo { padding:7px 9px 12px; }
    .jump-result { gap:10px; flex-wrap:wrap; }
    .jump-ranges { width:100%; display:flex; } .jump-ranges span { gap:7px; } 
}
@media(max-width:480px){
    .hero { display:flex; flex-direction:column; align-items:stretch; padding:17px var(--gutter) var(--gutter); }
    .hero-frame { order:-1; }
    .hero-copy { padding:0; }
    .hero-brand { font-size:clamp(3.4rem,13vw,4.2rem); }
    .hero-heading { font-size:clamp(1.23rem,5.25vw,1.58rem); }
    .cover-art { align-self:stretch; flex:0 0 auto; }
}
@media(max-width:365px){
    :root { --gutter:10px; }
    .mast .primary-action .ui-icon { display:none; }
    .journal-list,.read-grid { grid-template-columns:1fr; }
    .hero-actions .action { padding-inline:8px; }
    .lesson { padding:16px 9px; }
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after { transition:none!important; scroll-behavior:auto!important; }
}



:root {
  --midnight:#091d1a; --indigo:#133e36; --blue:#21584d; --porcelain:#faf4de;
  --ivory:#193831; --ink:#f4f1e5; --muted:#b9c7bf; --rule:#37534a; --amber:#f2ca7a; --oak:#ead298;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --sans:"Leelawadee UI","Noto Sans Thai",Tahoma,Arial,sans-serif;
  --gutter:clamp(15px,3.65vw,68px);
}
body {background:#0c241f;color:var(--ink)}
.mast {background:#081c18;border-bottom:1px solid #37654e;color:var(--ink)}
.mast-inner {min-height:66px}.wordmark{gap:7px}.wordmark img{width:31px;height:31px}
.wordmark>span,.hero-brand {font-family:var(--display);font-style:italic;font-weight:900;letter-spacing:-.06em}
.wordmark b,.hero-brand b {color:#ffcf73;font-weight:850}
.action {border-radius:6px;font-weight:700}
.primary-action,.ink-action{border-color:#f8cd7c;color:#151d17;background:#f0c471}.primary-action:hover,.ink-action:hover{background:#ffdb96;color:#15291f}
.outline-action{border-color:#82a592;background:#0b2b23df}
.frame{max-width:1440px}
.hero{width:min(1440px,calc(100% - 2 * var(--gutter)));margin:22px auto 0;border:1px solid #4d6558;border-radius:14px;min-height:clamp(365px,30vw,500px);overflow:hidden}
.hero::after{background:linear-gradient(90deg,#081f1cf7 0%,#092520eb 24%,#0b23209c 44%,transparent 69%)}
.hero-frame{width:100%;padding:0 clamp(24px,3.4vw,64px)}
.cover-art img{object-position:75% 45%}
.hero-copy{width:min(48%,660px);padding:36px 0}
.hero .hero-brand{font-size:clamp(4.1rem,7.4vw,8rem);line-height:.96;color:#fff9e7;padding-bottom:.12em}
.hero-heading{color:#f9e3b4;font-size:clamp(1.5rem,2.4vw,2.7rem)}
.hero-intro{color:#e1ece2;max-width:30rem}
.directory{padding-block:24px 30px}
.section-head,.journal-heading{margin:0 0 13px}
.section-head h2,.journal-heading h2{font-size:clamp(1.4rem,2vw,2.35rem)}
.topic-grid{gap:clamp(9px,1.15vw,18px)}
.topic{position:relative;overflow:hidden;isolation:isolate;border:1px solid #476251;border-radius:10px;background:#183c30}
.topic-photo{aspect-ratio:1.22;border-radius:0}
.topic-caption{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#051915e8 44%,#071a17fa 100%);padding:36px 13px 10px;border:0;color:#fffdf2}
.topic-caption p{color:#e3ddbf}.topic-arrow{color:#f5cf84}
.lesson{background:linear-gradient(113deg,#123e32,#122e28);color:#f0f3e7;border:1px solid #456454;border-radius:12px;margin-top:9px}.jump-demo{border-color:#789883}.jump-ranges span{background:#e2ebd8;color:#153228}.jump-ranges{width:8rem}
.journal{padding:34px 0}.journal-controls select{background:#1b382d;color:white}.read-cover{border-radius:8px 8px 0 0}.read-card{background:#133027;border:1px solid #344f41;border-radius:9px;overflow:hidden}.read-body{padding:12px 15px 16px}.read-body h3,.read-body h2{color:#f6f4ea}.read-body p{color:#c0cfc4}
.member-panel{border-radius:12px;border-top:2px solid #cfb57d}.closing{border-top:1px solid #577359;color:var(--ink)}.closing-brand p,.closing nav a{color:#cbd9ce}
.inner-head{background:linear-gradient(120deg,#174b3a,#0c251e);border-bottom-color:#ae9458}.prose th{background:#1d3e31}.outbound{border-radius:7px}.skip{background:#f5e0ab;color:#112d25}
@media(min-width:861px){.journal-list,.read-grid{gap:14px}.hero-copy{padding:28px 0}}
@media(max-width:860px){.mast-inner{min-height:57px;flex-wrap:nowrap}.wordmark{margin-right:auto}.hero-copy{width:57%}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:660px){
 .mast-inner{min-height:55px}.wordmark img{width:26px;height:26px}.wordmark>span{font-size:clamp(1.25rem,5.2vw,1.65rem)}.mast-actions .primary-action{padding:6px 9px}.mast-actions{gap:5px}
 .hero{margin-top:12px;display:grid;grid-template-columns:1fr;align-items:end;width:calc(100% - 20px);min-height:clamp(355px,99vw,480px);padding:0;border-radius:12px}
 .hero::after{display:none}.cover-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;z-index:0}.cover-art img{object-position:50% 24%}
 .hero-frame{position:relative;grid-area:1/1;z-index:1;align-self:end;padding:0;width:100%;min-width:0}
 .hero-copy{width:100%;padding:72px 17px 17px;background:linear-gradient(0deg,#071e19 0%,#07251eea 50%,transparent)}
 .hero .hero-brand{font-size:clamp(2.95rem,12.7vw,4.6rem)}.hero .hero-heading{font-size:1.35rem}.hero-intro{font-size:.9rem;margin:6px 0 12px}.hero-actions{gap:7px}.hero-actions .action{padding:7px 10px;font-size:.83rem}
 .topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.topic{display:block;border-radius:8px}.topic-photo{height:auto;aspect-ratio:1.23;border-radius:0}.topic-caption{padding:20px 8px 7px}.topic-caption h3{font-size:1.05rem}.topic-caption p{font-size:.73rem}.topic-casino{grid-column:auto;display:block}.topic-casino .topic-photo{height:auto;aspect-ratio:1.23}.topic-lottery{grid-column:1/-1}.topic-lottery .topic-photo{aspect-ratio:3.2}.jump-ranges{width:100%}
 .journal-controls{align-items:flex-start}.read-body{padding:10px}.directory{padding-block:19px 23px}.section-head .text-link{font-size:.78rem}
}
.hero .hero-brand {white-space:nowrap;font-size:clamp(3.15rem,5.65vw,6.7rem)}
@media(max-width:660px){
  .hero .cover-art {grid-area:auto;left:0;right:0}
  .hero .hero-brand {font-size:clamp(2.15rem,10.5vw,4.2rem)}
  .hero-frame {align-items:flex-end}
}


:root{
 --midnight:#120d10;--indigo:#39212b;--blue:#50333e;--porcelain:#f6f0dd;--ivory:#30232a;--ink:#f5efdf;
 --muted:#d0c0b9;--rule:#503d42;--amber:#f3cb76;--oak:#edcf93;
 --display:Georgia,"Times New Roman",serif;--gutter:clamp(16px,4.9vw,80px);
}
body{background:#151013}.mast{background:#170f14;border-bottom-color:#49343b;color:#fff5df}
.wordmark>span,.wordmark b{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-style:normal}
.home .mast{position:absolute;inset:0 0 auto;z-index:5;background:linear-gradient(#0c080bd9,transparent);border:0}
.home.admin-bar .mast{top:32px}.home .mast-inner{justify-content:center;min-height:52px}
.home .mast .wordmark,.home .mast .desk-login,.home .mast-actions .primary-action{display:none}
.home .mast .main-menu{margin:auto}.home .mast-actions{position:absolute;right:var(--gutter)}
.hero{width:100%;max-width:none;margin:0;border:0;border-radius:0;position:relative;display:grid;align-items:end;min-height:clamp(470px,75svh,730px);background:#100c0e;isolation:isolate;color:#fff8e8}
.hero .cover-art{position:absolute;inset:0;width:100%;height:100%;grid-area:auto;z-index:-2;border-radius:0}
.hero .cover-art img{object-fit:cover;object-position:50% 39%}
.hero::after{display:block;content:"";inset:0;position:absolute;z-index:-1;background:linear-gradient(0deg,#120d10 0%,#130c10d9 12%,#170d1138 40%,transparent 64%)}
.hero-frame{grid-area:1/1;min-width:0;align-self:end;align-items:flex-end;justify-content:center;padding:0;width:100%}
.hero-copy{width:100%;text-align:center;padding:0 16px clamp(16px,3vh,32px);background:none}
.hero .hero-brand{display:inline-block;font:900 clamp(4.8rem,7.9vw,9rem)/.98 var(--display);letter-spacing:-.055em;font-style:italic;white-space:nowrap;color:#ffda84;background:linear-gradient(#fff2c9 8%,#f4cf70 38%,#c68b3b 66%,#f6d891 91%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #5c330a) drop-shadow(0 3px 5px #080507);padding:0 .14em .07em .04em}
.hero .hero-brand b{font:inherit}.hero .hero-heading{font-size:clamp(1rem,1.4vw,1.35rem);color:#ffefd0;line-height:1.25}.hero-intro{max-width:48rem;margin:5px auto 9px;color:#f8eee6;font-size:.94rem}
.hero-actions{justify-content:center;gap:clamp(8px,1.3vw,22px)}
.hero-actions .action{border:1px solid #f2d491;border-radius:32px;min-width:clamp(160px,16vw,245px);min-height:48px;padding:7px 21px;font-size:1.04rem;box-shadow:0 2px 7px #0006}
.hero-actions .primary-action{background:linear-gradient(#fffdf5,#c8c5bb 80%,#f3ead4);color:#2b2326}
.hero-actions .outline-action{background:linear-gradient(#ffedb5,#e7b852 75%,#efcd82);color:#2b1a0c}
.hero-actions .action:hover{filter:brightness(1.1)}
.spotlight{margin:20px auto 10px;position:relative;overflow:hidden;border:1px solid #75594c;border-radius:12px;background:#22171e}
.spot-link{position:relative;display:flex;align-items:center;min-height:clamp(135px,14vw,205px);isolation:isolate;padding:20px clamp(20px,4vw,65px);color:#fff4df}
.spot-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.spot-link::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#201118fc 0%,#23141bd6 32%,#22171c38 65%,#18111666)}
.spot-copy{max-width:58%;padding-bottom:13px}.spot-copy small{display:block;color:#f2cc7d;font-size:.86rem}
.spot-copy strong{display:block;font-size:clamp(1.25rem,2.8vw,2.75rem);line-height:1.45}
.spot-controls{display:flex;align-items:center;gap:6px;position:absolute;right:12px;bottom:8px;padding:3px 5px;border-radius:24px;background:#150e13df;color:#fff3cf}
.spot-controls button{width:38px;height:36px;border:0;background:transparent;color:#fff3cf;border-radius:100%;font-size:1.16rem}
.spot-controls button:hover{background:#62442b}.spot-count{min-width:40px;text-align:center;font:600 .85rem/1.4 Arial,sans-serif}
.directory{padding:20px 0 35px}.topic,.read-card{border-color:#60474c;background:#281c23}.topic-caption,.topic-casino .topic-caption{background:linear-gradient(transparent,#180e14e8 48%,#1a1017)}.topic-caption p{color:#f4dbb4}
.lesson,.inner-head{background:linear-gradient(115deg,#412732,#261721);border-color:#634850}.closing{background:#150e13;border-color:#7a5942}.journal-controls select{background:#35242e}
@media(max-width:860px){.home .mast .main-menu{background:#20131c}.home .mast .mast-inner{justify-content:flex-end}.home .mast .menu-open{background:#21151a}.home .mast .nav-toggle{background:#23151bbd}}
@media(max-width:782px){.home.admin-bar .mast{top:46px}}
@media(max-width:660px){
 .hero{padding:0;min-height:clamp(420px,74svh,710px);width:100%;margin:0;border:0}
 .hero .cover-art img{object-position:center 26%}.hero .hero-brand{font-size:clamp(3.3rem,15.4vw,6.6rem)}.hero-copy{padding:0 12px 19px}
 .hero .hero-heading{font-size:1.02rem}.hero-intro{font-size:.82rem;line-height:1.5;max-width:25rem;margin:5px auto 11px}
 .hero-actions{flex-wrap:nowrap;gap:7px}.hero-actions .action{min-width:0;min-height:44px;padding:8px 12px;font-size:.86rem}.hero-actions .action .ui-icon{width:13px}
 .spotlight{margin:13px auto 4px}.spot-copy{max-width:77%;padding-bottom:22px}.spot-controls{right:6px;bottom:3px}
 .hero-frame{width:100%;position:relative;z-index:1}.directory{padding:17px 0 24px}
}



:root{--midnight:#081c19;--indigo:#102d28;--blue:#26453c;--porcelain:#faf2dd;--ivory:#172f29;--ink:#f7efda;--muted:#c7c6b8;--rule:#3e5144;--amber:#f2cb80;--oak:#f4d297;--display:Georgia,"Times New Roman",serif}
body,.closing{background:#091b18}.mast{background:#0c211d;border-color:#3f4e3d}.home .mast{background:linear-gradient(#091511dd,transparent)}.hero{background:#0a211c}
.hero::after{background:linear-gradient(0deg,#091b18 0%,#081916e8 12%,#0b1c165e 38%,transparent 67%)}.hero .cover-art img{object-position:center 43%}
.hero .hero-brand{font-family:"Cinzel",Georgia,serif;font-style:normal;letter-spacing:-.065em;font-size:clamp(4rem,7.45vw,8.7rem);background-image:linear-gradient(#fff4c6,#eac36b 48%,#ab7435 67%,#ffe5a4 93%);padding:.02em .055em .06em 0}.hero .hero-brand b{font-weight:500}.wordmark b{color:#efca7f}
.hero-actions .action{border-radius:5px}.hero-actions .outline-action{background:linear-gradient(#ffe8af,#dbad55 81%,#eac885)}.hero-actions .primary-action{background:linear-gradient(#f7f4e9,#c1c7bd 80%,#e4e5d5)}.spotlight{border-color:#6b6747;background:#102c27;border-radius:6px}.spot-link::after{background:linear-gradient(90deg,#0a211cfb,#10231ed9 33%,#14241a24 75%,#0c1c1575)}
.topic,.read-card{background:#142c27;border-color:#46503c}.topic-caption,.topic-casino .topic-caption{background:linear-gradient(transparent,#081e17db 47%,#0d211b)}.topic,.topic-photo{border-radius:6px}.lesson,.inner-head{background:linear-gradient(110deg,#24423a,#142922);border-color:#77714b}.closing{border-color:#706742}.journal-controls select{background:#1e3429;color:#faf4e3}.lesson .jump-ranges b{font-size:clamp(1.08rem,2.3vw,2rem)}
@media(min-width:861px){.topic-grid{grid-template-columns:1.45fr repeat(4,minmax(0,1fr))}.topic-photo{height:clamp(155px,15.4vw,265px);aspect-ratio:auto}}
@media(max-width:660px){.hero .hero-brand{font-size:clamp(2.55rem,10vw,4.6rem)}.hero .cover-art img{object-position:center 42%}.hero .hero-heading{font-size:.98rem}.hero-actions .action{padding:8px 9px}.topic-slots{grid-column:1/-1}.topic-slots .topic-photo{aspect-ratio:2.7}.topic-lottery{grid-column:auto}.topic-lottery .topic-photo{aspect-ratio:1.23}.hero-intro{line-height:1.6}.home .mast .nav-toggle{background:#0c231edc}}
@media(max-width:360px){.hero-actions .action{font-size:.76rem;padding-inline:7px;gap:3px}.hero .hero-brand{font-size:10.3vw}}
.lesson .jump-ranges{width:8.3rem}.lesson .jump-ranges span{display:grid;justify-content:start;padding:6px 10px}.lesson .jump-ranges b{font-size:1.06rem;white-space:nowrap}.prose table th{background:#294033;color:#fff1cc}
@media(max-width:660px){.lesson .jump-ranges{width:100%}.lesson .jump-ranges span{flex:1}}


:root{--midnight:#0b1425;--indigo:#122743;--blue:#274566;--porcelain:#fff9ed;--ivory:#152940;--ink:#f5f5fa;--muted:#c5d2e3;--rule:#475978;--amber:#f4be96;--oak:#b3d3ee}
body,.closing{background:#0b1425}.mast{background:#0d1b33;border-color:#4b6078}.home .mast{background:linear-gradient(#07101fee,transparent)}.hero{background:#102039}
.hero::after{background:linear-gradient(0deg,#0b1425,#09172bed 14%,#101c3450 49%,transparent 75%)}
.hero .hero-brand,.wordmark span{font-family:'Arial Black',Arial,sans-serif;font-weight:900;letter-spacing:-.065em}.hero .hero-brand{font-size:clamp(4.25rem,8.2vw,9rem);background-image:linear-gradient(168deg,#fffdf5 10%,#f8efdc 44%,#d1c6b3 84%);filter:drop-shadow(0 2px 8px #09101d)}
.hero .hero-brand b,.wordmark b{font-weight:900;color:#f4b580;-webkit-text-fill-color:#f4b580;font-style:italic}.atl-kicker{display:inline-block;font:600 .68rem/1.5 Arial,sans-serif;letter-spacing:.25em;color:#ffe0bd;border-block:1px solid #cb9872;padding:3px 9px;margin-bottom:4px}
.hero-actions .primary-action,.mast-actions .primary-action,.ink-action{color:#1b1720;background:#f4bf96}.hero-actions .outline-action{background:#142946;color:#fff4e5;border-color:#dca277}
.spotlight,.topic,.read-card{background:#162a44;border-color:#435671}.spot-link::after{background:linear-gradient(90deg,#101d33f8,#101c32db 34%,transparent 75%)}.spot-copy{max-width:45%}.spot-copy small{color:#ffd8b7}
.topic-caption,.topic-casino .topic-caption{background:linear-gradient(transparent,#0e1b32e8 52%,#0b192a)}.topic-grid{counter-reset:card}.topic{counter-increment:card;position:relative}.topic:before{content:"0" counter(card);position:absolute;z-index:1;top:8px;left:8px;border:1px solid #dabfa3;background:#081728da;color:#ffdcba;padding:3px 7px;font:600 11px/1.3 Arial,sans-serif;letter-spacing:.12em;border-radius:20px;pointer-events:none}
.lesson,.inner-head{background:linear-gradient(112deg,#233c5c,#101e32);border-color:#4c6280}.closing,.prose table td{border-color:#44546b}.journal-controls select,.prose table th{background:#1b304a;color:#fdf2de}
.topic-photo img{object-position:50% 45%}.topic,.spotlight,.read-card,.member-panel{border-radius:12px}.section-head h2,.journal-heading h2{border-inline-start:3px solid #e2a474;padding-inline-start:.55em}
.spot-controls{z-index:2}.spot-link img{object-position:50% 42%}
.topic-slots .topic-photo img{object-fit:contain;background:#131f32}.spot-link:nth-child(2) img{width:58%;inset:0 0 0 auto;object-fit:contain;object-position:center}
@media(min-width:661px){.topic .topic-caption,.topic-casino .topic-caption{position:static;background:#14273f;padding:12px}.topic-grid{align-items:stretch}}
@media(min-width:861px){.topic-grid{grid-template-columns:1.05fr 1fr 1.2fr 1.25fr 1.05fr}}
@media(max-width:660px){.hero .hero-brand{font-size:clamp(3rem,13.7vw,5.1rem)}.hero-intro{max-width:35ch}.home .mast .nav-toggle,.home .mast .main-menu{background-color:#12243df5}.hero-actions .action{padding-inline:9px}.atl-kicker{font-size:.6rem}
.topic-slots,.topic-lottery,.topic-sports{grid-column:1/-1}.topic-slots .topic-photo,.topic-lottery .topic-photo,.topic-sports .topic-photo{aspect-ratio:1.5}
.topic-slots .topic-caption,.topic-sports .topic-caption,.topic-lottery .topic-caption{position:static;padding:8px 12px;background:#142940}
.spotlight{background:#14253c}.spot-copy{max-width:42%;padding-left:0}.spot-copy strong{font-size:1.04rem}.spot-link{background:#14253c}.spot-link img{inset:0 0 0 auto;width:62%;object-fit:contain;object-position:right center}.spot-link::after{background:linear-gradient(90deg,#14253c 29%,#14253c66 42%,transparent 62%)}}
@media(max-width:660px){.topic-slots .topic-photo{aspect-ratio:1}}