/* Menus and layouts are independent, validated theme options. */
.menu-top .site-header nav a:nth-child(n+3):nth-child(-n+5),.admin-shell .site-header nav a:nth-child(n+3):nth-child(-n+5){display:none}
.menu-split .header-inner{flex-direction:column;gap:20px;padding:30px 0 0;min-height:0}
.menu-split .brand{font-size:1.75rem}.menu-split .brand-mark{width:54px;height:54px}
.menu-split .site-header nav{width:100%;justify-content:center;border-top:1px solid color-mix(in srgb,var(--text) 14%,transparent);padding:15px 0;gap:32px}
.menu-rail{padding-left:230px}.menu-rail>.site-header{position:fixed;inset:0 auto 0 0;width:230px;z-index:15;border-right:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.menu-rail>.site-header .header-inner{flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;padding:30px 20px;gap:36px}
.menu-rail>.site-header .brand{font-size:1.1rem}.menu-rail>.site-header .brand small{font-size:.48rem}.menu-rail>.site-header nav{flex-direction:column;align-items:stretch;width:100%;gap:8px}
.menu-rail>.site-header nav a{padding:12px 14px;border-radius:9px;background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.layout-editorial .hero h1,.layout-editorial .region-heading h2,.layout-editorial .brand{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}
.layout-editorial .hero{justify-content:center;text-align:center;padding:44px 0 30px;border-bottom:2px solid var(--text);margin-bottom:24px}
.layout-editorial .hero>div:first-child{max-width:900px}.layout-editorial .hero h1{font-size:clamp(2.2rem,4.8vw,4rem)}.layout-editorial .hero p{margin:auto;max-width:700px}.layout-editorial .hero-actions{justify-content:center}.layout-editorial .hero-symbol{display:none}
.layout-editorial .content-grid{grid-template-columns:1fr}.layout-editorial .draw-grid{grid-template-columns:1fr;gap:26px}.layout-editorial .draw-card{border-top:3px solid var(--accent)}
.layout-editorial .draw-card header h3{font-size:1.7rem;font-family:Georgia,serif}.layout-editorial .prize-table tbody th{width:120px}.layout-editorial .numbers{font-size:1.35rem;gap:12px 36px}.layout-editorial .jackpot-row .numbers{font-size:2rem}
.layout-editorial .sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.layout-editorial .region-heading{border-bottom:1px solid var(--text);padding-bottom:12px}.layout-editorial .filter-bar{box-shadow:none;border:1px solid color-mix(in srgb,var(--text) 15%,transparent)}
.layout-scoreboard .hero{padding:28px 0 22px}.layout-scoreboard .hero h1{font-size:1.9rem;margin-bottom:10px}.layout-scoreboard .hero p{font-size:.86rem;margin-bottom:0}.layout-scoreboard .hero-actions,.layout-scoreboard .hero-symbol{display:none}
.layout-scoreboard #results-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start}
.layout-scoreboard #results-content>.content-grid{grid-column:1;grid-row:1;display:block;min-width:0}.layout-scoreboard #results-content>.schedule-strip{grid-column:2;grid-row:1;display:flex;flex-direction:column;position:sticky;top:20px;gap:10px}
.layout-scoreboard #results-content>.notice{grid-column:1/-1;grid-row:1}.layout-scoreboard #results-content:has(>.notice)>.content-grid,.layout-scoreboard #results-content:has(>.notice)>.schedule-strip{grid-row:2}
.layout-scoreboard #results-content>.feed-timestamp{grid-column:1/-1}.layout-scoreboard .draw-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px}.layout-scoreboard .sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin-top:24px}
.layout-scoreboard .numbers,.layout-scoreboard .schedule-time{font-family:Consolas,"Courier New",monospace}.layout-scoreboard .region-heading h2{font-size:1.15rem}.layout-scoreboard .draw-card header{padding:15px 14px 8px}.layout-scoreboard .schedule-item{border-left:3px solid var(--accent)}
.density-compact .prize-table td,.density-compact .prize-table th{padding:7px 8px}.density-compact .draw-card header h3{font-size:1.05rem}.density-compact .numbers{font-size:1.05rem;gap:4px 10px}.density-compact .jackpot-row .numbers{font-size:1.4rem}.density-compact .filter-bar{padding:15px}.density-compact .schedule-item{padding:12px}.density-compact .side-card{padding:18px}
.theme-picker{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.theme-actions{flex-wrap:wrap}.theme-management{margin-top:18px;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent);padding-top:12px;font-size:.78rem}.theme-management summary{cursor:pointer;color:var(--accent)}.theme-management form{margin-top:12px}.theme-management button{margin-top:10px}
.theme-thumbnail{height:135px;background:var(--thumb-bg);padding:12px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.thumb-menu{height:14px;background:var(--thumb-accent);border-radius:3px;display:block}.thumb-content{display:flex;flex:1;flex-direction:column;gap:10px;min-width:0}.thumb-hero{height:22px;width:65%;background:var(--thumb-accent);opacity:.35;border-radius:3px}.thumb-cards{display:flex;gap:8px;flex:1}.thumb-cards span{flex:1;background:var(--thumb-surface);border:1px solid var(--thumb-accent);border-radius:4px}
.thumbnail-rail{flex-direction:row}.thumbnail-rail .thumb-menu{height:auto;width:28px}.thumbnail-split .thumb-menu{margin-top:20px}.thumbnail-editorial .thumb-cards{flex-direction:column}.thumbnail-scoreboard .thumb-hero{height:12px;width:45%}.thumbnail-scoreboard .thumb-cards span:last-child{flex:.45}
.structure-preview{overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:var(--radius);background:var(--bg);color:var(--text);margin:16px 0}
.structure-preview .header-inner{padding:14px;min-height:0;gap:12px}.structure-preview nav{display:flex;gap:12px;font-size:.65rem}.structure-preview .preview-main{padding:14px}.structure-preview .hero{padding:14px 0;margin-bottom:12px}.structure-preview .hero h2{font-size:1.2rem;margin-bottom:8px}.structure-preview .hero p{font-size:.7rem}.structure-preview .schedule-strip{margin-bottom:12px;grid-template-columns:1fr}.structure-preview .draw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.structure-preview .content-grid{grid-template-columns:1fr;gap:12px}.structure-preview .sidebar{display:block;padding:0}.structure-preview .side-card{padding:12px}.structure-preview .draw-card{margin:0}.structure-preview .draw-card header{padding:10px;display:block}.structure-preview .draw-card header h3{font-size:.75rem}.structure-preview .numbers{font-size:.8rem}.structure-preview .jackpot-row .numbers{font-size:.95rem}.structure-preview .prize-table th{font-size:.55rem;width:45px}.structure-preview .prize-table td,.structure-preview .prize-table th{padding:8px 4px}
.structure-preview.layout-editorial .draw-grid{grid-template-columns:1fr}.structure-preview.layout-editorial .hero h2{font-family:Georgia,serif}.structure-preview.layout-editorial .sidebar{border-top:1px solid var(--accent);padding-top:12px}.structure-preview.menu-split .header-inner{flex-direction:column}.structure-preview.menu-split nav{border-top:1px solid var(--accent);padding-top:8px;width:100%;justify-content:center}
.structure-preview.menu-rail{padding-left:85px;position:relative}.structure-preview.menu-rail>.site-header{position:absolute;width:85px}.structure-preview.menu-rail>.site-header .header-inner{padding:12px 8px;gap:20px}.structure-preview.menu-rail>.site-header nav{font-size:.6rem;gap:15px}.structure-preview.layout-scoreboard .preview-main{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px}.structure-preview.layout-scoreboard .hero{grid-column:1/-1}.structure-preview.layout-scoreboard .schedule-strip{grid-column:2;grid-row:2}.structure-preview.layout-scoreboard .content-grid{grid-column:1;grid-row:2}.structure-preview.layout-scoreboard .draw-grid{grid-template-columns:1fr}
@media(max-width:1200px){.layout-scoreboard #results-content{grid-template-columns:minmax(0,1fr) 200px}.layout-scoreboard .sidebar{grid-template-columns:1fr}.menu-rail>.container{width:calc(100% - 32px)}}
@media(max-width:1050px){.menu-rail:not(.structure-preview){padding-left:0}.menu-rail>.site-header{position:static;width:100%}.menu-rail>.site-header .header-inner{flex-direction:row;align-items:center;padding:20px;gap:16px}.menu-rail>.site-header nav{flex-direction:row;align-items:center;width:auto;flex-wrap:wrap;gap:8px}.menu-rail>.site-header nav a{padding:6px}.menu-rail>.site-header nav a:nth-child(n+3):nth-child(-n+5){display:none}.layout-editorial .sidebar{grid-template-columns:1fr}.menu-split .site-header nav{gap:20px}}
@media(max-width:800px){.layout-scoreboard #results-content{display:flex;flex-direction:column}.layout-scoreboard #results-content>.schedule-strip{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;order:0}.layout-scoreboard #results-content>.content-grid{width:100%;order:1}.layout-scoreboard #results-content>.feed-timestamp{order:2}.layout-scoreboard .draw-grid{grid-template-columns:1fr}.menu-split .site-header nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}.menu-split .site-header nav a{flex-shrink:0}}
@media(max-width:700px){.menu-split .brand{font-size:1.4rem}.menu-split .header-inner{padding-top:20px;gap:16px}.menu-split .site-header nav a{display:flex}.menu-split .site-header nav{gap:22px;font-size:.75rem}.layout-editorial .hero{padding:28px 0}.layout-editorial .hero h1{font-size:2.2rem}.layout-editorial .numbers{font-size:1.2rem;gap:8px 20px}.layout-editorial .prize-table tbody th{width:85px}.layout-scoreboard .hero h1{font-size:1.55rem}.layout-scoreboard .sidebar{grid-template-columns:1fr}.density-compact .prize-table td,.density-compact .prize-table th{padding:10px 8px}.menu-rail>.site-header .header-inner{padding:16px}.structure-preview.menu-rail{padding-left:75px}.structure-preview.menu-rail>.site-header{width:75px}.structure-preview.layout-scoreboard .preview-main{display:block}.structure-preview.layout-scoreboard .schedule-strip{display:block}.theme-preview{padding:18px}}
.theme-create{margin-bottom:24px}.theme-create h2{font-size:1.2rem}.theme-create form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;margin-bottom:12px}.menu-split .site-header nav{scrollbar-width:none}.menu-split .site-header nav::-webkit-scrollbar{display:none}@media(max-width:700px){.theme-create form{grid-template-columns:1fr}}
/* Traditional lottery portal: grouped regional tables and directory columns. */
.menu-classic>.site-header{background:var(--surface);position:static;border-bottom:4px solid var(--highlight)}
.menu-classic .header-inner{display:block;padding:18px 0 0;min-height:0}.menu-classic .brand{color:var(--accent);font-size:2.1rem;font-weight:900;margin-bottom:16px}.menu-classic .brand-mark{background:var(--highlight);color:white;border-radius:0}
.menu-classic .site-header nav{background:var(--highlight);gap:0;display:flex;flex-wrap:wrap;width:100%}.menu-classic .site-header nav a{color:white;padding:12px 18px;border-right:1px solid #ffffff40;font-size:.85rem}.menu-classic .site-header nav a:hover{background:#0002}.menu-classic .live-dot{background:#fff}
.layout-classic{font-family:Arial,Helvetica,sans-serif}.layout-classic>.container,.menu-classic .header-inner{width:min(1160px,calc(100% - 28px))}
.layout-classic .hero{padding:20px 0 12px;margin:0;display:block;text-align:center}.layout-classic .hero h1{font-size:1.4rem;letter-spacing:0;text-transform:uppercase;margin:0 0 10px}.layout-classic .hero p{font-size:.88rem;margin:0 auto;max-width:none}.layout-classic .hero-symbol,.layout-classic .hero-actions,.layout-classic .hero .eyebrow{display:none}
.layout-classic .filter-bar{border:1px solid #ddd;border-radius:3px;box-shadow:none;padding:10px;margin:10px 0}.layout-classic .filter-bar form{gap:12px}.layout-classic input,.layout-classic select{border-radius:3px}.layout-classic .button{border-radius:3px;padding:10px 14px}.layout-classic .section-heading{margin:14px 0}.layout-classic .section-heading h2{font-size:1.2rem}.layout-classic .notice{padding:12px;margin-bottom:14px;font-size:.85rem}
.layout-classic .content-grid{display:grid;grid-template-columns:170px minmax(0,1fr) 230px;gap:14px;align-items:start}.layout-classic .draws-area,.layout-classic .sidebar,.classic-directory{min-width:0}.classic-directory section{border:1px solid #ddd;margin-bottom:12px}.classic-directory h3{font-size:.9rem;background:linear-gradient(#ffce69,#ffa51f);color:#a40000;margin:0;padding:10px}.classic-directory a{display:block;font-size:.82rem;padding:8px 10px;border-bottom:1px solid #eee;color:var(--text)}.classic-directory a:hover{color:var(--highlight);background:#fff6df}
.classic-region{border:1px solid #ccc;margin-bottom:22px}.classic-region>header{display:flex;align-items:center;justify-content:space-between;background:var(--highlight);color:white;min-height:38px}.classic-region h2{font-size:1rem;margin:0;padding:8px;letter-spacing:0}.classic-region time{background:#151515;color:#ffcf69;padding:4px 10px;text-align:center;font-weight:bold;line-height:1.1;white-space:nowrap}.classic-region time small{display:block;font-size:.7rem;margin-top:2px}.classic-caption{background:#fff6df;color:#8b0000;text-align:center;font-size:.82rem;font-weight:bold;margin:0;padding:7px}
.classic-table-scroll{overflow-x:auto;max-width:100%}.classic-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:310px}.classic-table th,.classic-table td{border:1px solid #ddd;padding:7px 5px;text-align:center;vertical-align:middle}.classic-table thead th{color:var(--accent);background:#f7f7f7;font-size:.82rem}.classic-table th:first-child{width:56px;font-size:.75rem;font-weight:normal;color:var(--text)}.classic-numbers{display:flex;flex-direction:column;gap:4px;font-size:1.5rem;font-weight:bold;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}.classic-table tbody tr:nth-child(even){background:#fafafa}.classic-special .classic-numbers,.classic-eighth .classic-numbers{color:var(--highlight);font-size:1.85rem}.classic-table tbody tr:nth-child(2) .classic-numbers{color:var(--accent)}.classic-loto summary{cursor:pointer;padding:9px;background:#f3f3f3;color:var(--accent);font-size:.83rem}.classic-loto td{font-size:.8rem;overflow-wrap:anywhere}
.layout-classic .sidebar{padding:0}.layout-classic .side-card{border:1px solid #ddd;border-radius:0;box-shadow:none;padding:12px;margin-bottom:12px}.layout-classic .side-card h3{font-size:1rem;background:linear-gradient(#ffce69,#ffa51f);color:#a40000;margin:-12px -12px 12px;padding:10px}.layout-classic .side-card p,.layout-classic .side-card small{font-size:.8rem}.layout-classic .dark-card{background:var(--surface);color:var(--text)}.layout-classic .dark-card p{color:var(--muted)}.layout-classic .schedule-strip{gap:6px;margin-bottom:12px}.layout-classic .schedule-item{border-radius:0;padding:8px;box-shadow:none;font-size:.75rem}.layout-classic .schedule-time{font-size:.9rem}.layout-classic .small-chip{font-size:.65rem}.layout-classic .viet-grid{grid-template-columns:1fr}.layout-classic .viet-card{border-radius:2px}.layout-classic .region-heading h2{font-size:1.1rem}.layout-classic .site-footer{font-size:.8rem;border-top:2px solid var(--highlight)}
.thumbnail-classic .thumb-cards{gap:2px}.thumbnail-classic .thumb-cards span{border-radius:0}.thumbnail-classic .thumb-cards span:first-child{flex:.25}.thumbnail-classic .thumb-cards span:last-child{flex:.35}
@media(max-width:1000px){.layout-classic .content-grid{grid-template-columns:145px minmax(0,1fr)}.layout-classic .sidebar{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.layout-classic .sidebar .side-card{margin:0}.menu-classic .site-header nav a{padding:10px 12px}.classic-numbers{font-size:1.4rem}}
@media(max-width:650px){.layout-classic .content-grid{display:flex;flex-direction:column}.classic-directory{width:100%;display:flex;gap:6px;overflow-x:auto}.classic-directory section{min-width:130px;max-height:180px;overflow:auto;margin:0}.layout-classic .draws-area,.layout-classic .sidebar{width:100%}.layout-classic .sidebar{display:block}.layout-classic .sidebar .side-card{margin-bottom:10px}.menu-classic .brand{font-size:1.6rem}.menu-classic .site-header nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.menu-classic .site-header nav a{display:block;white-space:nowrap;flex-shrink:0}.layout-classic .hero h1{font-size:1.1rem}.classic-numbers{font-size:1.2rem}.classic-special .classic-numbers,.classic-eighth .classic-numbers{font-size:1.5rem}.classic-region h2{font-size:.9rem}.classic-table th:first-child{width:42px}.layout-classic .schedule-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pair-gap-card h3{white-space:normal!important}.pair-gap-card select{margin-bottom:14px}.pair-gap-region{padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.pair-gap-region h4{display:flex;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:.9rem}.pair-gap-region h4 small{color:var(--muted);font-size:.7rem;font-weight:400}.pair-gap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pair-gap-item{display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));border-radius:6px;padding:6px}.pair-gap-item strong{font-size:1rem;color:var(--accent);font-variant-numeric:tabular-nums}.pair-gap-item span{font-size:.65rem;color:var(--muted);white-space:nowrap}.sidebar .side-card p.pair-gap-range,.sidebar .side-card p.pair-gap-coverage,.sidebar .side-card p.pair-gap-note{font-size:.7rem;line-height:1.6;color:var(--muted)}.pair-gap-note{margin-top:12px}
.dream-intro{padding:36px 0 22px;max-width:850px}.dream-intro h1{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:0;line-height:1.3;margin-bottom:12px}.dream-intro p{color:var(--muted);font-size:1rem}.dream-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.dream-form-card,.dream-reading{padding:28px;border-radius:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}.dream-form-card h2,.dream-reading h2{font-size:1.3rem;letter-spacing:0;line-height:1.4}.dream-form-card label{margin-top:16px}.dream-number-input{font-size:2rem!important;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums}.dream-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.dream-form-card .button{margin-top:22px;width:100%}.dream-private{font-size:.75rem;line-height:1.7;color:var(--muted);margin:14px 0 0}.dream-reading{background:color-mix(in srgb,var(--accent) 3%,var(--surface));min-width:0}.dream-reading-head{display:flex;gap:18px;align-items:center;margin-bottom:26px}.dream-number{flex-shrink:0;display:grid;place-items:center;width:78px;height:78px;font-size:2rem;font-weight:700;border-radius:20px;background:var(--surface);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent)}.dream-reading-head h2{margin:0}.dream-reading h3{font-size:.95rem;margin:22px 0 8px;letter-spacing:0}.dream-reading p{line-height:1.85;color:var(--muted);font-size:.92rem}.dream-reading blockquote{margin:20px 0 0;padding:14px 18px;border-left:3px solid var(--accent);background:var(--surface);font-size:.95rem}.dream-ornament{display:block;color:var(--accent);font-size:3rem;line-height:1;margin-bottom:22px}.dream-about{margin:24px 0 36px;padding:18px 22px;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:10px;background:var(--surface);font-size:.85rem;line-height:1.8;color:var(--muted)}.dream-about summary{cursor:pointer;font-weight:600;color:var(--text)}.dream-about p{margin:14px 0 0}.dream-about a{color:var(--accent);text-decoration:underline}.dream-validation,.field-validation-error{color:var(--highlight);font-size:.8rem}.dream-validation ul{padding-left:20px}.dream-validation:empty{display:none}.mobile-nav:has(a[href="/DreamNumbers"]){gap:0}.mobile-nav a{min-width:0}
@media(max-width:850px){.dream-layout{grid-template-columns:minmax(0,1fr)}.dream-intro{padding-top:24px}.dream-form-card,.dream-reading{padding:22px}}
@media(max-width:400px){.dream-fields{grid-template-columns:minmax(0,1fr);gap:0}.dream-form-card,.dream-reading{padding:18px}.dream-reading-head{gap:12px;align-items:flex-start}.dream-number{width:60px;height:60px;font-size:1.6rem;border-radius:14px}.dream-reading-head h2{font-size:1.1rem}.dream-reading-head .eyebrow{letter-spacing:.06em;font-size:.58rem}.dream-about{padding:16px}.mobile-nav a{font-size:.62rem!important}}
.spin-intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0 24px;gap:20px}.spin-intro h1{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:0;margin:0 0 12px;line-height:1.3}.spin-intro p{color:var(--muted);margin:0}.spin-intro-mark{color:var(--accent);font-size:4rem;line-height:1;padding-right:24px}.spin-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}.spin-playground{overflow:hidden;position:relative;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:20px;padding:28px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface) 70%);text-align:center}.spin-stage-top{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--muted);align-items:center}.spin-tag{display:flex;gap:8px;align-items:center;font-weight:600}.spin-stage-top .live-dot{background:var(--accent)}.spin-options{border:0;padding:0;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:460px}.spin-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.spin-options label{position:relative;cursor:pointer}.spin-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.spin-options label>span{display:block;padding:10px 8px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:10px;color:var(--text);background:var(--surface);font-size:.85rem}.spin-options small{display:block;color:var(--muted);font-size:.65rem;font-weight:400;margin-top:3px}.spin-options input:checked+span{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.spin-options input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.spin-options input:disabled+span{opacity:.65;cursor:wait}.spin-stage{position:relative;padding:72px 15px 60px;min-height:245px;display:flex;align-items:center;justify-content:center}.spin-reels{display:flex;gap:clamp(8px,1.4vw,14px);position:relative;z-index:1}.spin-reels>span{display:grid;place-items:center;width:clamp(48px,6vw,90px);height:clamp(72px,8vw,118px);border-radius:14px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 12%,var(--surface)),0 18px 30px #0000000c;font-size:clamp(2rem,4vw,3.6rem);font-weight:750;font-variant-numeric:tabular-nums;color:var(--text);line-height:1}.spin-orbit{position:absolute;inset:22px 12px;pointer-events:none;border:1px dashed color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;transform:rotate(-10deg)}.spin-orbit span{position:absolute;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:.9rem;font-weight:700}.spin-orbit span:nth-child(1){left:6%;top:6%}.spin-orbit span:nth-child(2){right:8%;top:1%}.spin-orbit span:nth-child(3){left:8%;bottom:0}.spin-orbit span:nth-child(4){right:5%;bottom:6%}.spin-stars{position:absolute;bottom:24px;font-size:1.4rem;letter-spacing:20px;color:var(--accent);opacity:.55}.spin-status{min-height:28px;font-size:.9rem;margin:10px 0 20px;color:var(--muted);overflow-wrap:anywhere}.spin-actions{display:flex;justify-content:center;gap:12px}.spin-actions button{min-width:145px;border-radius:10px;gap:10px;font-size:.9rem}.spin-copy{border:0;background:transparent;color:var(--accent);text-decoration:underline;margin:16px 0 0;font:inherit;font-size:.8rem;min-height:34px}.spin-caption{font-size:.75rem;line-height:1.75;color:var(--muted);max-width:490px;margin:12px auto 0}.spin-sidebar{display:grid;gap:20px;min-width:0}.spin-history-card,.spin-guide{padding:24px;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:16px;background:var(--surface)}.spin-history-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.spin-history-card h2,.spin-guide h2,.spin-more h2{font-size:1.1rem;letter-spacing:0;line-height:1.4;margin:0 0 8px}.spin-history-card .eyebrow{margin-bottom:5px}.spin-history-card header button{border:0;color:var(--muted);background:transparent;min-height:40px;font-size:.8rem}.spin-empty{padding:28px 6px;text-align:center}.spin-empty>span{display:block;color:var(--accent);font-size:2.8rem;line-height:1;margin-bottom:16px}.spin-empty h3{font-size:1rem;letter-spacing:0}.spin-empty p,.spin-empty small{font-size:.8rem;color:var(--muted);line-height:1.7}.spin-empty[hidden]{display:none}.spin-history{list-style:none;padding:0;margin:8px 0 0;max-height:360px;overflow-y:auto}.spin-history li{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.spin-history strong{color:var(--accent);font-size:1.15rem;font-variant-numeric:tabular-nums}.spin-history li>span{font-size:.7rem;color:var(--muted)}.spin-history button{font-size:.7rem;background:transparent;color:var(--accent);border:0;padding:8px 0}.spin-guide ol{padding:0;list-style:none;counter-reset:step;display:grid;gap:16px;margin:18px 0}.spin-guide li{padding-left:36px;position:relative;counter-increment:step}.spin-guide li::before{content:counter(step);position:absolute;left:0;top:0;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:.8rem}.spin-guide strong,.spin-guide li span{display:block;font-size:.8rem;line-height:1.65}.spin-guide li span{color:var(--muted)}.spin-guide a{color:var(--accent);font-size:.82rem}.spin-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 36px}.spin-more>a{display:flex;gap:18px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:12px;padding:22px;background:var(--surface)}.spin-more>a>span:first-child{font-size:1.8rem;color:var(--accent)}.spin-more>a>span:last-child{margin-left:auto;color:var(--accent)}.spin-more p{font-size:.8rem;color:var(--muted);margin:0}.spin-more h2{font-size:1rem}.spin-layout button:disabled{opacity:.5;cursor:default}.is-spinning .spin-reels>span{animation:reel-shimmer .3s infinite alternate}.spin-complete .spin-reels>span{color:var(--accent);animation:reel-pop .4s ease-out}.spin-complete .spin-stars{animation:star-pop .6s ease-out}@keyframes reel-shimmer{to{transform:translateY(-4px);box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 18%,var(--surface))}}@keyframes reel-pop{50%{transform:translateY(-9px)}100%{transform:translateY(0)}}@keyframes star-pop{50%{transform:scale(1.4);opacity:1}}
@media(max-width:950px){.spin-layout{grid-template-columns:minmax(0,1fr)}.spin-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.spin-reels>span{width:74px;height:98px;font-size:2.8rem}}
@media(max-width:600px){.spin-sidebar,.spin-more{grid-template-columns:minmax(0,1fr)}.spin-playground,.spin-history-card,.spin-guide{padding:20px}.spin-intro{padding-top:24px}.spin-intro-mark{font-size:2.8rem;padding-right:0}.spin-reels>span{width:clamp(42px,14vw,64px);height:80px;font-size:2.3rem}.spin-stage{padding:58px 0 48px;min-height:210px}.spin-actions{gap:10px}.spin-actions button{min-width:0;flex:1;padding:10px 8px}.spin-options{gap:7px;margin-top:22px}.spin-options label>span{font-size:.78rem;padding:9px 5px}.spin-history li{grid-template-columns:60px minmax(0,1fr) auto;gap:8px}.spin-more>a{padding:18px}.spin-stage-top{font-size:.65rem}.spin-orbit{inset:16px 0}}
@media(prefers-reduced-motion:reduce){.spin-reels>span,.spin-stars{animation:none!important}}
.cms-intro{padding:30px 0 24px}.cms-intro h1,.cms-article h1{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.35;letter-spacing:0;margin:10px 0 14px}.cms-intro p,.cms-summary{color:var(--muted);line-height:1.7}.cms-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.cms-empty{padding:42px 24px;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:12px;background:var(--surface);margin-bottom:30px}.cms-empty>span{font-size:2.5rem;color:var(--accent)}.cms-empty h2{font-size:1.3rem;letter-spacing:0;line-height:1.5}.cms-empty p{color:var(--muted)}.cms-empty .button{margin:6px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin-bottom:30px}.blog-card{padding:24px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:12px}.blog-card h2{font-size:1.2rem;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere}.blog-card p{font-size:.9rem;line-height:1.8;color:var(--muted)}.blog-card footer{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--accent)}.cms-article{max-width:880px;margin:30px auto}.cms-article header{border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent);padding:22px 0}.cms-back{color:var(--accent);font-size:.85rem}.cms-prose{font-size:1rem;line-height:1.85;overflow-wrap:anywhere;color:var(--text)}.cms-article .cms-prose{padding-top:24px}.cms-prose h2,.cms-prose h3,.cms-prose h4{line-height:1.5;letter-spacing:0;margin:24px 0 12px}.cms-prose h2{font-size:1.5rem}.cms-prose h3{font-size:1.2rem}.cms-prose p{margin:0 0 16px}.cms-prose a{color:var(--accent);text-decoration:underline}.cms-prose blockquote{margin:18px 0;padding:12px 18px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-left:3px solid var(--accent)}.cms-prose pre{overflow-x:auto;background:color-mix(in srgb,var(--text) 5%,var(--surface));padding:16px;white-space:pre-wrap}.cms-prose table{width:100%;border-collapse:collapse;table-layout:fixed}.cms-prose td,.cms-prose th{border:1px solid color-mix(in srgb,var(--text) 15%,transparent);padding:8px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px;margin-bottom:24px}.contact-grid section{padding:24px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:12px;overflow-wrap:anywhere}.contact-grid section>span{font-size:1.8rem;color:var(--accent)}.contact-grid h2{font-size:1rem;letter-spacing:0;margin-top:14px}.contact-grid p,.contact-grid a{font-size:.9rem;color:var(--muted)}.contact-body{background:var(--surface);padding:26px;border-radius:12px;margin-bottom:32px}.cms-list article{display:flex;justify-content:space-between;gap:20px;padding:22px;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:10px;margin-bottom:14px;background:var(--surface)}.cms-list h2{font-size:1.2rem;letter-spacing:0;overflow-wrap:anywhere}.cms-list p{font-size:.8rem}.cms-edit{max-width:1000px;margin-bottom:32px;padding:24px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:12px}.cms-edit>label{margin-top:18px}.cms-edit textarea{display:block;width:100%;margin-top:8px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:7px;background:var(--bg);color:var(--text);font:inherit;padding:12px;resize:vertical;max-width:100%}.cms-contact-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.html-editor{margin-top:8px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:8px;overflow:hidden}.html-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:10px;background:var(--bg);border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.html-toolbar button{padding:8px 10px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:5px;background:var(--surface);color:var(--text);font:inherit;font-size:.8rem;min-height:36px}.html-toolbar button:disabled{opacity:.4}.editor-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.editor-link input{margin:0;min-width:0}.editor-link label{white-space:nowrap}.html-editor .cms-prose{min-height:320px;padding:20px}.html-editor textarea{border:0;border-radius:0;margin:0;font-family:Consolas,monospace;min-height:320px}.html-editor [hidden]{display:none!important}.cms-publish{display:flex;align-items:center;gap:10px}.cms-publish input{width:18px;height:18px;margin:0}.editor-help{font-size:.75rem;line-height:1.7;margin-top:10px}
@media(max-width:700px){.cms-list article{flex-direction:column;gap:0}.cms-contact-fields{grid-template-columns:1fr}.cms-edit{padding:16px}.editor-link{flex-wrap:wrap}.editor-link label{width:100%}.editor-link input{flex:1}.cms-article{margin:24px 0}.cms-actions .button{font-size:.8rem}.html-editor .cms-prose{padding:14px}.cms-intro h1,.cms-article h1{overflow-wrap:anywhere}}
.live-wait { display: inline-flex; align-items: center; justify-content: center; min-width: 2.2em; min-height: 1.5em; color: var(--muted); }
.live-wait > span { display: inline-block; font-size: 1.25em; animation: live-wait-spin 1.4s linear infinite; }
.live-board-label { display: block; font-size: .72rem; font-weight: 500; margin-top: 4px; color: var(--muted); }
@keyframes live-wait-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .live-wait > span { animation: none; } }