@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css");
:root{--ink:#17211b;--muted:#637069;--cream:#f5f1e8;--paper:#fffdf8;--green:#174b35;--gold:#d69c32;--line:#ddd8cd;--shadow:0 16px 40px rgba(23,33,27,.08)}
[data-theme="dark"]{--ink:#f0f3f1;--muted:#a6b0aa;--cream:#0d1117;--paper:#161b22;--line:#30363d;--shadow:0 16px 40px rgba(0,0,0,.28)}
.global-header{min-height:64px;display:flex;align-items:center;gap:24px;padding:10px max(20px,calc((100vw - 1180px)/2));background:#24292f;color:#fff;border-bottom:1px solid #3d444d;position:sticky;top:0;z-index:20}.global-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.global-brand .brand-mark{background:#fff;color:#24292f}.global-nav{display:flex;align-items:center;gap:4px;flex:1}.global-nav a{color:#d0d7de;text-decoration:none;font-weight:650;padding:8px 11px;border-radius:7px}.global-nav a:hover,.global-nav a[aria-current="page"]{background:#3d444d;color:#fff}.theme-toggle,.nav-toggle{border:1px solid #57606a;background:#2d333b;color:#fff;border-radius:7px;height:36px;min-width:40px;padding:0 10px;font:700 .85rem inherit;cursor:pointer}.theme-toggle{margin-left:auto;font-size:1.15rem}.nav-toggle{display:none}.subnav{display:flex;justify-content:center;gap:8px;padding:10px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:64px;z-index:15}.subnav a{color:var(--muted);font-weight:750;font-size:.88rem;text-decoration:none;padding:7px 12px;border-radius:999px}.subnav a:hover,.subnav a[aria-current="page"]{background:var(--green);color:white}
.portal-page{--green:#0969da;--gold:#bf8700}.portal-hero{padding:100px 0 84px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 25%,rgba(9,105,218,.16),transparent 28%)}.portal-hero h1,.category-hero h1{font:700 clamp(3.5rem,8vw,7.5rem)/.92 Arial;letter-spacing:-.055em;margin:16px 0 28px}.portal-hero h1 em{color:var(--green);font-style:normal}.section-block{padding:74px 0}.section-heading{margin-bottom:28px}.section-heading h2{font:700 clamp(2rem,4vw,3.4rem)/1 Arial;margin:8px 0}.section-heading>p:last-child{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.category-card{position:relative;min-height:250px;padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;overflow:hidden;transition:.2s ease}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--green)}.category-icon{font-size:2rem}.category-card h3{font:700 2rem Arial;margin:28px 0 10px}.category-card p{color:var(--muted);max-width:440px}.card-link{position:absolute;bottom:28px;color:var(--green);font-weight:800}.drinks-block{border-top:1px solid var(--line)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-grid a{display:flex;min-height:120px;flex-direction:column;justify-content:space-between;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}.mini-grid a:hover{border-color:var(--green)}.mini-grid span{color:var(--green);font-size:.85rem;font-weight:750}.category-hero{padding:90px 0 56px}.coming-soon{text-align:center;padding:70px 24px;margin-bottom:70px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.coming-soon>span{font-size:3rem}.coming-soon h2{font:700 2rem Arial}.coming-soon p{color:var(--muted)}.primary-button{display:inline-block;margin-top:15px;padding:11px 18px;background:var(--green);border-radius:8px;color:#fff;text-decoration:none;font-weight:800}
.game-list{padding-bottom:80px}.game-tile{display:grid;grid-template-columns:1.15fr 1fr;min-height:330px;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.game-art{display:flex;align-items:center;justify-content:center;gap:20px;background:radial-gradient(circle at 50% 45%,#4637a8,#15113e);font-size:4rem}.game-art span:nth-child(2){font-size:6rem;transform:rotate(12deg)}.game-tile>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px}.game-tile h2{font:700 2.5rem Arial;margin:20px 0 8px}.game-tile p{color:var(--muted);font-size:1.05rem}.game-tile strong{color:var(--green);margin-top:18px}.game-main{width:min(900px,calc(100% - 24px))}.game-title{text-align:center;padding:38px 0 20px}.game-title>a{color:var(--green);text-decoration:none;font-weight:750}.game-title h1{font:700 clamp(2.7rem,7vw,4.7rem) Arial;margin:10px 0 0}.game-title p{color:var(--muted)}.game-shell{margin-bottom:60px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.game-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.game-hud div{text-align:center;background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:8px}.game-hud span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;font-weight:800}.game-hud strong{font-size:1.2rem}.canvas-wrap{position:relative;overflow:hidden;border-radius:12px;background:#11103d}.canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:rgba(10,8,37,.78);color:#fff;padding:20px}.game-overlay[hidden]{display:none}.game-overlay h2{font:700 2rem Arial;margin:8px}.game-overlay p{color:#d8d6ff}.overlay-icon{font-size:3.6rem}.game-button{border:0;border-radius:999px;background:#ffd43b;color:#27134d;padding:12px 24px;font:800 1rem inherit;cursor:pointer;box-shadow:0 5px 0 #b98600}.game-button:active{transform:translateY(3px);box-shadow:0 2px 0 #b98600}.touch-controls{display:none;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.touch-controls button{height:54px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink);font-size:1.7rem;font-weight:900;touch-action:none}.game-tip{text-align:center;color:var(--muted);font-size:.82rem;margin:14px 0 0}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(255,253,248,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-family:Arial}.site-header nav{display:flex;gap:6px}.site-header nav a{color:var(--muted);text-decoration:none;font-weight:700;padding:9px 14px;border-radius:999px}.site-header nav a:hover,.site-header nav a[aria-current="page"]{background:var(--green);color:white}main{width:min(1180px,calc(100% - 32px));margin:auto}.hero{min-height:330px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:60px 0}.eyebrow{color:var(--green);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.hero h1{font-family:Arial;font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.055em;margin:14px 0 24px;max-width:760px}.lede{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:650px;margin:0}.hero-stat{width:180px;height:180px;flex:0 0 auto;border-radius:50%;background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(3deg);box-shadow:var(--shadow)}.hero-stat strong{font:700 3.4rem/1 Arial}.hero-stat span{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;max-width:90px}.controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}label span{display:block;font-size:.72rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px 3px}input,select{width:100%;height:46px;border:1px solid var(--line);background:white;border-radius:10px;padding:0 12px;color:var(--ink);font:inherit;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,75,53,.12)}.results-line{display:flex;justify-content:space-between;align-items:center;margin:26px 3px 12px;color:var(--muted);font-size:.9rem}.results-line p{margin:0}.text-button{border:0;background:none;color:var(--green);font:700 .9rem inherit;cursor:pointer}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:50px}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0;transition:.2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c9c1b1}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{background:#e5eee8;color:var(--green);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.origin{color:var(--muted);font-size:.75rem}.card h2{font:700 1.55rem/1.15 Arial;margin:22px 0 4px}.producer{color:var(--muted);margin:0 0 22px}.card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line);padding-top:16px}.card dl div+div{border-left:1px solid var(--line);padding-left:14px}.card dt{font-size:.68rem;color:var(--muted);text-transform:uppercase;font-weight:800}.card dd{margin:3px 0 0;font-weight:800;font-size:.95rem}.serving{font-size:.7rem;color:var(--muted);margin:13px 0 0}.empty{text-align:center;padding:60px;background:var(--paper);border-radius:16px;margin-bottom:50px}.empty h2{font-family:Arial}footer{background:var(--ink);color:#d9e0dc;padding:36px max(24px,calc((100vw - 1180px)/2));font-size:.82rem;display:flex;justify-content:space-between;gap:30px}footer p{max-width:650px;margin:0}body[data-kind="spirit"]{--green:#572a21;--gold:#c7864a}
body[data-kind="wine"]{--green:#6d1838;--gold:#d7a854}body[data-kind="cannabis"]{--green:#285b32;--gold:#8ebf68}.notice{margin:-24px 0 28px;padding:14px 18px;border:1px solid #c9d8c9;border-left:5px solid var(--green);background:#f5faf4;border-radius:10px;color:#425348;font-size:.88rem}.effects{margin:16px 0 0;color:var(--muted);font-size:.82rem}.cannabis-card dl dd{font-size:.85rem}.cannabis-card .producer{min-height:24px}
@media(max-width:850px){.hero{min-height:280px}.hero-stat{width:130px;height:130px}.hero-stat strong{font-size:2.7rem}.controls{grid-template-columns:1fr 1fr}.catalog{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header{height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}.brand span:last-child{display:none}.site-header nav{gap:0}.site-header nav a{padding:8px 9px;font-size:.82rem}.hero{padding:42px 0 34px}.hero-stat{display:none}.controls,.catalog{grid-template-columns:1fr}.controls{padding:14px}.card{padding:20px}footer{flex-direction:column}.hero h1{font-size:3.6rem}}
@media(max-width:700px){.global-header{gap:10px}.nav-toggle{display:block;margin-left:auto}.global-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:10px 16px;background:#24292f;border-bottom:1px solid #57606a}.global-nav.is-open{display:flex}.global-nav a{padding:11px}.theme-toggle{margin-left:0}.subnav{top:64px;overflow-x:auto;justify-content:flex-start}}
@media(max-width:700px){.portal-hero{padding:66px 0 54px}.category-grid,.mini-grid{grid-template-columns:1fr}.category-card{min-height:230px}.section-block{padding:54px 0}}
@media(max-width:700px){.game-tile{grid-template-columns:1fr}.game-art{min-height:220px}.game-tile>div:last-child{padding:28px}.touch-controls{display:grid}.game-shell{padding:10px}.game-hud strong{font-size:1rem}.game-hud div:last-child strong{font-size:.82rem}}
.ad-slot{min-height:92px;margin:22px 0;display:grid;place-items:center;border:1px dashed var(--line);border-radius:10px;background:var(--paper);color:var(--muted)}.ad-slot span{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.howto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:74px}.howto-grid>a{display:flex;gap:18px;align-items:flex-start;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none}.howto-grid>a:hover{border-color:var(--green);box-shadow:var(--shadow)}.howto-grid>a>span{font-size:2rem}.howto-grid h2{font:700 1.4rem Arial;margin:2px 0 8px}.howto-grid p{color:var(--muted);margin:0}.article-main{width:min(1000px,calc(100% - 32px));padding-top:30px}.back-link{color:var(--green);font-weight:750;text-decoration:none}.article-head{padding:50px 0 34px}.article-head>span{font-size:3rem}.article-head h1{font:700 clamp(2.8rem,7vw,5.6rem)/.96 Arial;letter-spacing:-.04em;margin:10px 0 20px}.tool-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:25px 0 55px}.calculator{align-self:start;display:grid;gap:14px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-result{min-height:105px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:6px;padding:18px;background:var(--green);color:#fff;border-radius:12px}.tool-result strong{font:700 2rem Arial}.tool-result span{font-size:.82rem;margin-top:5px}.instructions h2{font:700 2rem Arial;margin-top:0}.instructions li{margin-bottom:15px;padding-left:5px}.instructions aside{margin-top:25px;padding:18px;border-left:4px solid var(--gold);background:var(--paper);border-radius:0 10px 10px 0}.instructions aside p{margin:5px 0 0;color:var(--muted)}footer a{color:#fff}
@media(max-width:700px){.howto-grid,.tool-layout{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.article-head{padding-top:35px}.ad-slot{min-height:72px}}

/* Miggie.fun landing experience */
.home-page{--green:#6ea8fe;--gold:#ffd54f;background:#f7f5ff}.home-page .global-header{background:#32156f;border-color:rgba(255,255,255,.16)}.miggie-hero{width:100vw;margin-left:calc(50% - 50vw);min-height:620px;padding:80px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;color:#fff;background:linear-gradient(135deg,#0d1117 0%,#0e213a 100%);overflow:hidden}.miggie-hero .eyebrow{color:#ffd54f}.miggie-hero h1{max-width:650px;margin:14px 0 24px;font:800 clamp(3.2rem,7vw,6.5rem)/.92 ui-rounded,"Arial Rounded MT Bold",Arial,sans-serif;letter-spacing:-.055em}.miggie-hero .lede{color:rgba(255,255,255,.88)}.miggie-hero-art{position:relative;display:grid;place-items:center}.miggie-hero-brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:0;width:min(100%,700px);filter:drop-shadow(0 26px 35px rgba(31,8,78,.3))}.miggie-hero-brand .miggie-hero-mark{width:min(48%,300px);height:auto;flex:0 1 300px;transform:scale(1.08)}.miggie-hero-brand .miggie-hero-title{width:min(52%,340px);height:auto;flex:0 1 340px;margin-left:clamp(-2px,-4vw,-22px)}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-button{padding:13px 22px;border-radius:999px;font-weight:850;text-decoration:none}.hero-button.primary{background:#ffd54f;color:#32156f;box-shadow:0 6px 0 #dc9f16}.hero-button.secondary{color:#fff;border:2px solid rgba(255,255,255,.72)}.home-section{position:relative}.home-grid{grid-template-columns:repeat(3,1fr)}.home-grid .category-card{background:#fff;border-color:#ded7f4;box-shadow:0 14px 35px rgba(75,34,145,.08)}.home-grid .category-card:hover{border-color:#6ea8fe}.home-grid .card-link,.home-page .mini-grid span,.home-page .eyebrow{color:#6ea8fe}

/* Touch-first games */
.game-page{overscroll-behavior:none}.game-list{display:grid;gap:24px}.tap-tile .game-art{background:radial-gradient(circle at 50% 45%,#ff63a5,#6422bd)}.canvas-wrap,.pop-arena{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.touch-controls button{-webkit-user-select:none;user-select:none}.pop-arena{position:relative;height:min(62vh,520px);min-height:340px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 22%),linear-gradient(135deg,#6ea8fe,#2575fc)}.pop-target{position:absolute;border:5px solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 8%,hsl(var(--hue) 90% 65%) 10% 55%,hsl(var(--hue) 84% 42%) 58%);box-shadow:0 8px 18px rgba(20,8,60,.35);cursor:pointer;touch-action:manipulation}.pop-target[hidden]{display:none}.pop-target:focus-visible{outline:4px solid #ffd54f;outline-offset:3px}

@media(max-width:800px){.miggie-hero{grid-template-columns:1fr;min-height:auto;padding-top:64px;padding-bottom:64px;text-align:center}.miggie-hero-copy{display:flex;flex-direction:column;align-items:center}.miggie-hero-art{order:-1}.miggie-hero-brand{width:min(92%,560px)}.home-grid{grid-template-columns:1fr}.miggie-hero h1{font-size:clamp(2.8rem,12vw,5rem)}}
@media(max-width:700px){.game-main{width:100%}.game-title{padding-left:14px;padding-right:14px}.game-shell{border-left:0;border-right:0;border-radius:0;margin-bottom:20px}.touch-controls{display:grid}.pop-arena{min-height:360px;height:58vh}}
@media(prefers-reduced-motion:reduce){.category-card{transition:none}}

/* Knowledge and spacetime feature */
.knowledge-list{padding-bottom:80px}.knowledge-feature{display:grid;grid-template-columns:1fr 1.15fr;min-height:390px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.knowledge-feature>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px}.knowledge-feature h2{font:750 clamp(2.2rem,5vw,4.4rem)/.98 Arial;letter-spacing:-.04em;margin:20px 0 14px}.knowledge-feature p{color:var(--muted);font-size:1.08rem}.knowledge-feature strong{color:#6ea8fe;margin-top:16px}.spacetime-card-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#ff5aa7 0 5%,#6ea8fe 7% 28%,#17113e 60%)}.space-core{position:relative;z-index:2;font-size:5rem}.orbit{position:absolute;width:62%;aspect-ratio:1;border:2px solid rgba(255,255,255,.58);border-radius:50%;transform:rotate(30deg)}.orbit-two{width:90%;transform:rotate(-25deg);border-color:rgba(80,216,255,.45)}
.spacetime-page{--space:#080617;--violet:#7c3cff;--cyan:#50d8ff;--pink:#ff5aa7;--sun:#ffd54f;background:var(--space);color:#fff}.spacetime-page .global-header{background:rgba(8,6,23,.88);border-color:rgba(255,255,255,.1);backdrop-filter:blur(14px)}.space-main{width:100%;max-width:none}.space-hero{position:relative;min-height:calc(100vh - 64px);display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 55%,#351579 0,#120b32 38%,#080617 70%)}.space-grid{position:absolute;inset:-20%;z-index:-1;background-image:linear-gradient(rgba(80,216,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(80,216,255,.16) 1px,transparent 1px);background-size:55px 55px;transform:perspective(600px) rotateX(62deg) scale(1.3);mask-image:radial-gradient(circle,#000 18%,transparent 70%)}.space-well{position:absolute;left:50%;top:50%;width:220px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#000;box-shadow:0 0 30px 10px #ff5aa7,0 0 110px 35px #6ea8fe;animation:spacePulse 4s ease-in-out infinite}.space-hero-copy{width:min(900px,calc(100% - 36px));text-align:center}.space-back{position:absolute;top:30px;left:max(20px,calc((100vw - 1180px)/2));color:#b9efff;text-decoration:none;font-weight:750}.space-hero .eyebrow,.space-kicker{color:var(--cyan);font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;font-weight:850}.space-hero h1{font:800 clamp(4rem,10vw,9rem)/.83 ui-rounded,"Arial Rounded MT Bold",Arial,sans-serif;letter-spacing:-.07em;margin:20px auto 28px;max-width:1050px;text-shadow:0 0 50px rgba(124,60,255,.6)}.space-hero-copy>p:not(.eyebrow){max-width:720px;margin:0 auto;color:#c9c4e3;font-size:clamp(1rem,2vw,1.25rem)}.space-scroll{display:inline-block;margin-top:34px;padding:13px 22px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff;text-decoration:none;font-weight:800}.space-section{width:min(1100px,calc(100% - 36px));margin:auto;padding:110px 0}.space-section h2{font:750 clamp(2.5rem,6vw,5.4rem)/.98 Arial;letter-spacing:-.045em;margin:12px 0 24px}.space-lede,.space-section>p:not(.space-kicker){max-width:850px;color:#bcb6d6;font-size:1.2rem}.truth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.truth-grid article{padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.045)}.truth-grid strong{display:block;color:var(--sun);font-size:2rem}.truth-grid span{color:#bcb6d6}.clock-lab{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.clock-lab label{display:flex;justify-content:space-between;color:#d8d4e8;font-weight:750;margin-top:32px}.clock-lab output{color:var(--cyan)}#heightSlider{height:30px;padding:0;accent-color:var(--pink);background:transparent}.clock-result{padding:20px;border-left:4px solid var(--cyan);background:rgba(80,216,255,.08);border-radius:0 12px 12px 0}.clock-result strong{color:var(--cyan)}.method-note{font-size:.78rem!important;color:#817a9e!important}.clock-visual{position:relative;height:430px;border-radius:220px;background:linear-gradient(#1b1450,#482599);overflow:hidden}.clock-visual:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(#5e4bb0,#241b54)}.height-line{position:absolute;left:50%;top:18%;bottom:18%;border-left:2px dashed rgba(255,255,255,.3)}.clock{position:absolute;left:50%;z-index:2;width:106px;height:106px;margin-left:-53px;border:7px solid #fff;border-radius:50%;background:#14102d;box-shadow:0 12px 30px rgba(0,0,0,.35)}.clock.high{top:35px}.clock.low{bottom:35px}.clock span{position:absolute;left:44px;top:4px;font-size:.7rem}.clock i{position:absolute;left:47px;top:22px;width:4px;height:34px;border-radius:3px;background:var(--pink);transform-origin:bottom;transform:rotate(25deg)}.clock i:after{content:"";position:absolute;bottom:0;left:-11px;width:25px;height:3px;background:var(--cyan);transform:rotate(80deg);transform-origin:left}.clock b{position:absolute;top:112px;left:50%;transform:translateX(-50%);font-size:.75rem;color:#ddd8f1}.evidence-section{width:100%;padding-left:max(18px,calc((100vw - 1100px)/2));padding-right:max(18px,calc((100vw - 1100px)/2));background:#100b29}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.evidence-grid article{padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#171039}.evidence-icon{font-size:2.2rem}.evidence-grid h3{font:700 1.6rem Arial}.evidence-grid p{color:#bcb6d6}.evidence-grid a,.black-hole-section a,.space-sources a{color:var(--cyan);font-weight:750}.black-hole-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}.black-hole{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#000 0 22%,#fff 23%,#ffb13b 25%,#ff5aa7 31%,#6929c4 48%,transparent 69%);filter:blur(.2px);animation:spacePulse 4s ease-in-out infinite}.black-hole span{width:38%;aspect-ratio:1;border-radius:50%;background:#000;box-shadow:inset 0 0 18px #000}.open-question{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.space-sources{width:min(900px,calc(100% - 36px));margin:auto;padding:75px 0}.space-sources h2{font:700 2rem Arial}.space-sources li{margin:12px 0}.space-sources>p{color:#817a9e;font-size:.8rem}.spacetime-page footer{background:#05040d;border-top:1px solid rgba(255,255,255,.1)}@keyframes spacePulse{50%{transform:scale(1.04);filter:saturate(1.25)}}
@media(max-width:760px){.knowledge-feature{grid-template-columns:1fr}.spacetime-card-art{min-height:260px}.knowledge-feature>div:last-child{padding:30px}.space-hero h1{font-size:clamp(3.6rem,18vw,6rem)}.space-section{padding:75px 0}.truth-grid,.evidence-grid,.clock-lab,.black-hole-section{grid-template-columns:1fr}.clock-lab,.black-hole-section{gap:45px}.clock-visual{height:380px}.black-hole{width:min(80vw,380px);margin:auto}.black-hole-section>div:last-child{order:-1}}
@media(prefers-reduced-motion:reduce){.space-well,.black-hole{animation:none}}
.space-well{animation-name:spaceGlow}@keyframes spaceGlow{50%{box-shadow:0 0 45px 14px #ff5aa7,0 0 135px 42px #6ea8fe}}
@media(prefers-reduced-motion:reduce){.space-well{animation:none}}

/* Keep the Cosmic Catch launch controls visible on narrow phone screens. */
.canvas-wrap{aspect-ratio:8/5}.canvas-wrap canvas{width:100%;height:100%}.game-overlay>div{max-width:520px}.game-overlay p{margin:8px 0 18px}
@media(max-width:700px){.canvas-wrap{aspect-ratio:4/5;min-height:420px}.game-overlay{padding:16px}.game-overlay>div{width:min(100%,340px)}.game-overlay h2{font-size:1.75rem;margin:6px}.game-overlay p{margin:6px auto 16px;line-height:1.35}.game-button{min-height:48px;min-width:150px}.overlay-icon{font-size:3rem}}
@media(max-width:700px) and (max-height:650px){.game-title{padding-top:18px;padding-bottom:10px}.game-title h1{font-size:2.35rem}.game-title p{margin:4px 0}.canvas-wrap{min-height:360px}.overlay-icon{font-size:2.4rem}.game-overlay h2{font-size:1.5rem}.game-overlay p{font-size:.9rem}.game-hud{margin-bottom:8px}.touch-controls button{height:48px}}

/* One recognizable Miggie.fun header across the entire site. */
body .global-header{background:#0d1117;border-bottom-color:rgba(255,255,255,.16)}body .global-brand .brand-mark{color:#32156f}.global-nav a:hover,.global-nav a[aria-current="page"]{background:#1e477f}.theme-toggle,.nav-toggle{border-color:#7659af;background:#452384}
@media(max-width:700px){body .global-nav{background:#32156f;border-bottom-color:#7659af}}

/* Block Drop and Candy Match */
.block-tile .game-art{background:radial-gradient(circle at 50% 45%,#7139c8,#17113e)}.candy-tile .game-art{background:radial-gradient(circle at 50% 45%,#ff7eb3,#8b2fc9)}.compact-game{width:min(720px,calc(100% - 24px))}.block-stage{position:relative;width:min(100%,330px);margin:auto;padding:10px;border-radius:16px;background:#09061a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);touch-action:none}.block-stage canvas{display:block;width:100%;height:auto;aspect-ratio:1/2;border-radius:8px;background:#100b29}.block-stage .game-overlay{inset:10px}.block-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.block-controls button{min-height:54px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink);font:850 1.4rem inherit;touch-action:none;-webkit-user-select:none;user-select:none}.block-controls button:last-child{font-size:.85rem;background:#6ea8fe;color:#fff}.block-controls button:active{transform:translateY(2px);background:#e7ddff}.candy-stage{position:relative;width:min(100%,600px);margin:auto;padding:10px;border-radius:18px;background:linear-gradient(135deg,#ff9cc5,#8c55df);box-shadow:0 15px 38px rgba(81,31,139,.24);touch-action:manipulation}.candy-board{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.candy-cell{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:14px;background:rgba(255,255,255,.72);font-size:clamp(1.25rem,5vw,2.3rem);cursor:pointer;box-shadow:inset 0 -4px 0 rgba(75,24,111,.12);transition:transform .12s,background .12s;touch-action:manipulation}.candy-cell:active{transform:scale(.9)}.candy-cell.selected{background:#fff2a6;outline:4px solid #ffd43b;transform:scale(.9)}.candy-cell.matched{animation:candyPop .22s ease-in forwards}.candy-stage .game-overlay{inset:10px;border-radius:12px}.puzzle-page .game-overlay{z-index:5}@keyframes candyPop{to{transform:scale(0) rotate(20deg);opacity:0}}
@media(max-width:700px){.compact-game{width:100%}.compact-game .game-title h1{font-size:2.7rem}.block-stage{width:min(88vw,320px)}.block-controls{gap:6px;padding:0 8px}.block-controls button{min-height:58px}.candy-stage{width:calc(100% - 16px);padding:6px}.candy-board{gap:3px}.candy-cell{border-radius:9px;font-size:clamp(1.15rem,7vw,2rem)}.candy-stage .game-overlay{inset:6px}}
@media(prefers-reduced-motion:reduce){.candy-cell{transition:none}.candy-cell.matched{animation:none}}

/* Orange Dude arcade games */
.orange-tile .game-art{background:linear-gradient(#76d5ff 0 44%,#3ba56b 45% 56%,#30333f 57%)}.saucer-tile .game-art{background:radial-gradient(circle at 50% 45%,#7139c8,#11102f)}.orange-tile .game-art img,.saucer-tile .game-art img{width:min(45%,180px);height:190px;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(0,0,0,.28))}.orange-tile .game-art span,.saucer-tile .game-art span{font-size:4rem}.orange-overlay-dude{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto -2px}.cross-stage,.saucer-stage{position:relative;margin:auto;overflow:hidden;border-radius:14px;background:#11103d;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cross-stage{width:min(100%,390px);aspect-ratio:9/13}.cross-stage canvas,.saucer-stage canvas{display:block;width:100%;height:100%;touch-action:none}.cross-controls{display:grid;grid-template-columns:repeat(3,72px);justify-content:center;gap:8px;margin-top:12px}.cross-controls button{height:58px;border:1px solid var(--line);border-radius:13px;background:var(--cream);color:var(--ink);font-size:1.6rem;font-weight:900;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.cross-controls button:active{transform:translateY(2px);background:#e7ddff}.saucer-stage{width:100%;aspect-ratio:10/7}.orange-game-page .game-overlay,.saucer-game-page .game-overlay{padding:12px}.orange-game-page .game-overlay p,.saucer-game-page .game-overlay p{margin:4px auto 12px}.orange-game-page .game-overlay h2,.saucer-game-page .game-overlay h2{margin:2px}
@media(max-width:700px){.orange-tile .game-art img,.saucer-tile .game-art img{height:160px}.orange-game-page .game-shell,.saucer-game-page .game-shell{padding:10px}.orange-game-page .game-hud,.saucer-game-page .game-hud{margin-bottom:8px}.cross-stage{width:min(86vw,360px);min-height:0}.cross-controls{grid-template-columns:repeat(3,min(22vw,72px));margin-top:8px}.saucer-stage{aspect-ratio:10/7;min-height:0}.orange-overlay-dude{width:72px;height:72px}.orange-game-page .game-title,.saucer-game-page .game-title{padding-top:10px;padding-bottom:6px}.orange-game-page .game-tip,.saucer-game-page .game-tip{margin-bottom:0}}

/* Bootstrap 5.3 color-mode bridge and contrast fixes. */
:root,[data-bs-theme="light"]{--bs-body-color:var(--ink);--bs-body-bg:var(--cream);--bs-secondary-color:var(--muted);--bs-border-color:var(--line);--bs-link-color:#5b21b6;--bs-link-hover-color:#43168c;color-scheme:light}[data-bs-theme="dark"]{--bs-body-color:var(--ink);--bs-body-bg:var(--cream);--bs-secondary-color:var(--muted);--bs-border-color:var(--line);--bs-link-color:#9ecbff;--bs-link-hover-color:#c8e2ff;color-scheme:dark}body{background-color:var(--bs-body-bg);color:var(--bs-body-color)}input,select,textarea{background-color:var(--paper);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}option{background:var(--paper);color:var(--ink)}.btn,.game-button,.primary-button,.hero-button{font-weight:800}.card,.category-card,.game-tile,.game-shell,.calculator,.mini-grid a,.howto-grid>a,.knowledge-feature,.coming-soon,.ad-slot{color:var(--ink)}
[data-theme="dark"] .home-page,[data-theme="dark"] body.home-page{background:#0d1117}[data-theme="dark"] .portal-page{--green:#78baff;--gold:#ffd166}[data-theme="dark"] .home-grid .category-card{background:var(--paper);border-color:var(--line);box-shadow:var(--shadow)}[data-theme="dark"] .home-grid .card-link,[data-theme="dark"] .home-page .mini-grid span,[data-theme="dark"] .home-page .eyebrow,[data-theme="dark"] .knowledge-feature strong{color:#6ea8fe}[data-theme="dark"] .pill{background:#263d34;color:#8de0ac}[data-theme="dark"] .notice{background:var(--paper);border-color:var(--line);color:var(--ink)}[data-theme="dark"] .candy-cell{background:rgba(255,255,255,.88);color:#20132f}[data-theme="dark"] .candy-cell.selected{background:#fff2a6;color:#20132f}[data-theme="dark"] .block-controls button:active,[data-theme="dark"] .cross-controls button:active{background:#4a3a69}[data-theme="dark"] footer{background:#07090d;color:#e6e9e7}[data-theme="dark"] .hero-stat{color:#17211b}[data-theme="dark"] .tool-result,[data-theme="dark"] .primary-button{background:#155a9e;color:#fff}

/* Public trust pages and consent controls */
.trust-main{width:min(900px,calc(100% - 32px));padding:64px 0 80px}.trust-main>header{margin-bottom:28px}.trust-main h1{font:800 clamp(2.8rem,8vw,5.6rem)/.95 Arial;letter-spacing:-.045em;margin:10px 0 22px}.trust-card{padding:clamp(24px,5vw,48px);border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.trust-card h2{margin:32px 0 8px;font:750 1.65rem Arial}.trust-card h2:first-child{margin-top:0}.trust-card p{color:var(--muted)}.trust-card a{font-weight:750}.contact-email{font-size:1.2rem}.site-info-links{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;margin-left:auto}.site-info-links a,.privacy-settings-link{padding:0;border:0;background:transparent;color:#fff;font:750 1rem inherit;text-decoration:underline;cursor:pointer}.global-info-footer{min-height:76px;justify-content:flex-end}.account-form input[type="checkbox"]{width:22px;height:22px}.account-form p:has(input[type="checkbox"]){grid-template-columns:28px 1fr;align-items:center}.account-form p:has(input[type="checkbox"]) label{grid-column:2;grid-row:1}.account-form p:has(input[type="checkbox"]) input{grid-column:1;grid-row:1}.account-terms{display:block!important;font-size:.88rem;color:var(--muted)}
.home-grid.tools-only{grid-template-columns:minmax(0,620px)}
@media(max-width:900px) and (min-width:701px){.global-header{gap:10px}.global-nav a{padding:8px 6px;font-size:.82rem}.global-brand .brand-logo-mark{width:36px;height:36px}.global-brand .brand-logo-title{width:auto;height:27px}.user-name{display:none}}
@media(max-width:700px){.cookie-banner{align-items:stretch;flex-direction:column;gap:12px;bottom:8px;left:8px;right:8px;width:calc(100% - 16px);padding:16px}.cookie-actions{justify-content:stretch}.cookie-actions button{flex:1}.trust-main{padding-top:38px}.trust-footer{flex-direction:column}.trust-footer nav{gap:13px}}
body.home-page .miggie-hero .eyebrow,[data-theme="dark"] body.home-page .miggie-hero .eyebrow{color:#ffe17a;text-shadow:0 2px 10px rgba(40,10,90,.55);font-weight:900}
body.home-page .home-section .section-heading h2{color:#241342}[data-theme="dark"] body.home-page .home-section .section-heading h2{color:#f7f2ff}
html,body{max-width:100%;overflow-x:hidden}@supports(overflow:clip){html,body{overflow-x:clip}}
.global-brand{flex:0 0 auto;gap:1px;padding:3px 10px 3px 5px;border-radius:12px;box-shadow:0 2px 10px rgba(15,5,50,.18)}.global-brand img{display:block;object-fit:contain}.global-brand .brand-logo-mark{width:50px;height:50px;margin:-4px -2px -4px -4px;transform:scale(1.14)}.global-brand .brand-logo-title{width:auto;height:31px}.global-brand:hover{background:#fff}.global-brand:focus-visible{outline:3px solid #ffe17a;outline-offset:3px}@media(max-width:700px){.global-brand{gap:0;padding:3px 7px 3px 4px}.global-brand .brand-logo-mark{width:42px;height:42px;margin:-4px -2px -4px -4px;transform:scale(1.12)}.global-brand .brand-logo-title{width:auto;height:24px}}
@media(max-width:800px){body.home-page .miggie-hero h1{font-size:clamp(2.35rem,8vw,4rem);line-height:.96}}

/* Keep every page's sticky top header on the shared brand color. */
.global-header,.site-header,.home-page .global-header,.spacetime-page .global-header{background:#0d1117}

/* Signed-in account menu and forms. */
.header-login{margin-left:auto;color:#fff;text-decoration:none;font-weight:850;padding:9px 14px;border:1px solid rgba(255,255,255,.35);border-radius:10px}.user-menu{position:relative;margin-left:auto;color:#fff}.user-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:4px 7px 4px 4px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-weight:800}.user-menu summary::-webkit-details-marker{display:none}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#241342;font-size:1.15rem}.user-dropdown{position:absolute;z-index:50;right:0;top:calc(100% + 10px);width:230px;padding:8px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(10,5,30,.25)}.user-dropdown-heading{display:flex;flex-direction:column;padding:9px 10px;border-bottom:1px solid var(--line);overflow:hidden}.user-dropdown-heading small{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.user-dropdown a,.user-dropdown button{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;text-decoration:none;font:700 .95rem inherit;cursor:pointer}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--cream)}.account-main{min-height:calc(100vh - 70px);padding:48px 18px}.account-card{width:min(100%,620px);margin:auto;padding:clamp(24px,5vw,44px);border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow)}.account-card h1{margin:.15em 0 .65em;font-size:clamp(2rem,6vw,3.25rem)}.account-form p{display:grid;gap:6px}.account-form label{font-weight:800}.account-form input,.account-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}.account-form .helptext,.account-form ul{font-size:.83rem;color:var(--muted)}.account-form .errorlist{color:#b42318}.account-messages{width:min(100%,620px);margin:0 auto 16px;padding:10px 16px;border-radius:10px;background:#d9fbe8;color:#14532d}.profile-card{text-align:center}.profile-avatar{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#ffe17a,#ff8a5b);font-size:3rem}.profile-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0}.subscription-badge,.subscription-note{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--cream)}.avatar-form ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;padding:0}.avatar-form li label{display:block;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}@media(max-width:800px){.user-name{display:none}.global-header{gap:6px}.header-login{padding:8px}.user-dropdown{position:fixed;right:12px;top:64px}.account-main{padding:28px 12px}}
.notification-button{position:relative;display:grid;place-items:center;width:40px;height:40px;margin-left:auto;border-radius:50%;color:#fff}.notification-button:hover{background:rgba(255,255,255,.14)}.notification-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notification-badge{position:absolute;top:-2px;right:-3px;min-width:19px;height:19px;padding:0 5px;border:2px solid #3d51ea;border-radius:10px;background:#f04438;color:#fff;font-size:.68rem;font-weight:900;line-height:15px;text-align:center}.notification-page{width:min(100%,760px)}.notification-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.notification-page-heading button{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--cream);color:var(--ink);font-weight:800;cursor:pointer}.notification-list{border-top:1px solid var(--line)}.notification-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 10px;border-bottom:1px solid var(--line)}.notification-item.unread{margin:0 -10px;padding-left:18px;border-left:4px solid #6a38d3;background:color-mix(in srgb,var(--paper) 86%,#ded3ff)}.notification-item h2{margin:0;font-size:1.05rem}.notification-item time{font-size:.78rem;color:var(--muted)}.notification-item p{margin:6px 0 0}.notification-empty{text-align:center;padding:42px 12px}.notification-empty span{font-size:3rem}.notification-empty h2{margin:10px 0 4px;font-size:1.4rem}@media(max-width:800px){.notification-button{margin-left:auto}.user-menu{margin-left:0}.notification-page-heading{display:block}.notification-page-heading form{margin-bottom:18px}}
.notification-button+.user-menu{margin-left:0}.notification-heading-actions{display:flex;align-items:flex-start;gap:8px}.notification-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--cream);color:var(--ink);font:700 1.6rem/1 sans-serif;text-decoration:none}.notification-close:hover{background:var(--line)}
.notification-item{position:relative;transition:background .15s ease}.notification-item:has(.notification-row-link):hover{background:color-mix(in srgb,var(--paper) 82%,#dbe6ff)}.notification-row-link{position:absolute;inset:0;z-index:1;border-radius:8px}.notification-row-link:focus-visible{outline:2px solid #6a38d3;outline-offset:-2px}.notification-item-actions{position:relative;z-index:2;display:flex;align-items:center;gap:8px}.notification-item-actions form{margin:0}.notification-delete{display:grid!important;width:32px;height:32px;padding:0!important;border:1px solid #ff777f!important;border-radius:7px!important;background:#5a2026!important;color:#fff!important;cursor:pointer;place-items:center}.notification-delete svg{width:16px;height:16px;fill:currentColor}.notification-delete:hover{background:#7a2730!important}.notification-clear-all{padding:8px 10px!important;border-color:#a54049!important;background:transparent!important;color:#d94c57!important}.notification-clear-all:hover{background:#5a2026!important;color:#fff!important}
.header-market-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.header-icon-button{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;text-decoration:none}.header-icon-button:hover{background:rgba(255,255,255,.14);color:#fff}.header-icon-button svg{width:24px;height:24px;fill:currentColor}.header-icon-button .cart-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-icon-badge{position:absolute;top:-2px;right:-3px;min-width:19px;height:19px;padding:0 5px;border:2px solid #3d51ea;border-radius:10px;background:#f04438;color:#fff;font-size:.68rem;font-weight:900;line-height:15px;text-align:center}.header-market-actions+.notification-button{margin-left:0}@media(max-width:700px){.header-market-actions{margin-left:0}.header-icon-button{width:36px;height:36px}.header-icon-button svg{width:22px;height:22px}}
.display-mode-form{margin:0}.display-mode-form .display-mode-label{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:14px;width:100%;min-height:46px;margin:0;padding:10px;border-radius:8px;cursor:pointer}.display-mode-form .display-mode-label:hover{background:var(--cream)}.display-mode-form .display-mode-text{display:block;margin:0;color:var(--ink);font-size:.9rem;font-weight:800;line-height:1.2;text-transform:none;letter-spacing:normal}.display-switch{position:relative;display:block;width:36px;height:22px;margin:0;flex:0 0 auto}.display-switch input{position:absolute;width:1px;height:1px;opacity:0}.display-mode-form .display-switch>span{position:absolute;inset:0;display:block;margin:0;border-radius:999px;background:#8c959f;color:inherit;font-size:inherit;letter-spacing:normal;text-transform:none;transition:background .15s}.display-switch>span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}.display-switch input:checked+span{background:#6a38d3}.display-switch input:checked+span::after{transform:translateX(14px)}.display-switch input:focus-visible+span{outline:3px solid #8eb8ff;outline-offset:2px}.user-avatar img,.profile-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-card{text-align:center}.avatar-form{margin-top:24px}.avatar-form fieldset{margin:0 0 24px;padding:0;border:0}.avatar-form legend{margin:0 0 12px;font-weight:850;text-align:left}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.avatar-option{position:relative;display:grid;place-items:center;gap:6px;min-height:116px;padding:14px 8px!important;border:2px solid var(--line);border-radius:16px;background:var(--cream);text-align:center;cursor:pointer}.avatar-option input{position:absolute;width:1px!important;height:1px;opacity:0}.avatar-option:has(input:checked){border-color:#6a38d3;background:color-mix(in srgb,var(--paper) 75%,#ded3ff);box-shadow:0 0 0 3px rgba(106,56,211,.14)}.avatar-option:has(input:focus-visible){outline:3px solid #8eb8ff;outline-offset:2px}.avatar-option-symbol{font-size:2.25rem;line-height:1}.avatar-upload{display:grid;gap:8px;margin:0 0 24px;padding:18px;border:1px solid var(--line);border-radius:14px;text-align:left}.avatar-upload input[type=file]{padding:10px;background:var(--cream)}.avatar-upload small{color:var(--muted)}.avatar-upload .remove-avatar{display:flex;align-items:center;gap:8px;margin-top:8px}.avatar-upload .remove-avatar input{width:auto}.profile-username{color:var(--muted)}.errornote{padding:10px 12px;border-radius:8px;background:#fee4e2;color:#b42318;font-weight:750}@media(max-width:560px){.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Block repeat actions while account creation and verification email delivery finish. */
.creation-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,9,20,.72);backdrop-filter:blur(5px)}.creation-overlay[hidden]{display:none}.creation-modal{width:min(100%,430px);padding:34px 28px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.35);text-align:center}.creation-modal h2{margin:18px 0 8px;font-size:clamp(1.5rem,5vw,2rem)}.creation-modal p{margin:0;color:var(--muted)}.creation-spinner{display:block;width:54px;height:54px;margin:auto;border:6px solid color-mix(in srgb,var(--line) 75%,transparent);border-top-color:#6a38d3;border-radius:50%;animation:creationSpin .75s linear infinite}.creation-pending{overflow:hidden}.account-form button:disabled{cursor:wait;opacity:.72}@keyframes creationSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.creation-spinner{animation-duration:1.5s}}
.turnstile-field{width:100%;min-height:65px;margin:12px 0;overflow:hidden;border-radius:8px}.turnstile-field .cf-turnstile{width:100%}.admin-login .turnstile-field,#login-form .turnstile-field{margin:12px 0}

/* Superuser-only email delivery diagnostics. */
.diagnostic-card{width:min(100%,850px)}.diagnostic-card h2{margin:32px 0 12px}.diagnostic-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.diagnostic-config div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--cream)}.diagnostic-config dt{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.diagnostic-config dd{margin:4px 0 0;overflow-wrap:anywhere;font-weight:750}.diagnostic-results{display:grid;gap:10px}.diagnostic-result{padding:14px;border:1px solid var(--line);border-left:5px solid #8c959f;border-radius:10px;background:var(--cream)}.diagnostic-result>div{display:flex;justify-content:space-between;gap:12px}.diagnostic-result span{color:var(--muted);font-size:.8rem}.diagnostic-result p{margin:7px 0 0;overflow-wrap:anywhere}.diagnostic-passed{border-left-color:#1a7f37}.diagnostic-failed{border-left-color:#cf222e}@media(max-width:600px){.diagnostic-config{grid-template-columns:1fr}.diagnostic-result>div{display:grid;gap:2px}}
.diagnostic-warnings{margin:16px 0;padding:14px 16px;border:1px solid #d4a72c;border-left:5px solid #bf8700;border-radius:10px;background:color-mix(in srgb,var(--paper) 82%,#fff1a8);color:var(--ink)}.diagnostic-warnings ul{margin:8px 0 0;padding-left:20px}

/* Marketplace policy and original editorial content. */
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.policy-card{display:block;color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}.policy-card h2{margin:10px 0;font-size:1.55rem}.policy-card p{color:var(--muted)}.policy-card:hover{transform:translateY(-2px);border-color:#6a38d3}.marketplace-help{margin-top:24px}.policy-effective{color:var(--muted);font-weight:700}.policy-back{margin:22px 4px}.guide-main{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;width:min(1120px,calc(100% - 32px))}.guide-main article>header{margin-bottom:28px}.guide-copy section+section{padding-top:8px;border-top:1px solid var(--line)}.guide-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.guide-cta .primary-button{padding:12px 16px;border-radius:10px;text-decoration:none}.related-guides{align-self:start;position:sticky;top:88px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.related-guides h2{margin:0 0 12px;font-size:1.2rem}.related-guides a{display:block;padding:11px 0;border-top:1px solid var(--line);font-weight:750}@media(max-width:760px){.policy-grid{grid-template-columns:1fr}.guide-main{grid-template-columns:1fr}.related-guides{position:static}.site-info-links{justify-content:center}}
.notification-item.unread{margin-left:0;margin-right:0}.notification-item-actions{margin-left:auto;flex:0 0 32px;justify-content:center}
/* Compact the large lead-in gap below the global header. */
.portal-hero{padding-top:50px;padding-bottom:42px}.category-hero{padding-top:45px;padding-bottom:28px}.article-main{padding-top:15px}.article-head{padding-top:25px;padding-bottom:17px}.trust-main{padding-top:32px}
@media(max-width:700px){.portal-hero{padding-top:33px;padding-bottom:27px}.category-hero{padding-top:30px;padding-bottom:22px}.article-head{padding-top:18px}.trust-main{padding-top:24px}}
/* Keep major page sections compact and consistent. */
.section-block{padding-top:37px;padding-bottom:37px}.howto-grid{padding-bottom:37px}.game-list,.knowledge-list{padding-bottom:40px}.game-shell{margin-bottom:30px}.related-tools{padding-top:15px;padding-bottom:30px}.space-section{padding-top:55px;padding-bottom:55px}.space-sources{padding-top:38px;padding-bottom:38px}.trust-main>header{margin-bottom:14px}.ad-slot{margin-top:11px;margin-bottom:11px}.calculator-guide{display:grid;gap:18px;margin:12px 0 28px}.calculator-guide>div{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.calculator-guide h2{margin:4px 0 12px;font-size:1.5rem}.calculator-guide p{line-height:1.65}.calculator-guide li{margin:8px 0;line-height:1.55}.worked-example{border-left:5px solid var(--gold)!important}.worked-example p{margin-bottom:0}.calculator-faq details{padding:12px 0;border-top:1px solid var(--line)}.calculator-faq details:last-child{padding-bottom:0}.calculator-faq summary{font-weight:800;cursor:pointer}.calculator-faq details p{margin:9px 0 0;color:var(--muted)}.calculator-sources a{font-weight:700}.calculator-sources>p:last-child{margin-bottom:0;color:var(--muted);font-size:.8rem}
@media(max-width:700px){.section-block{padding-top:27px;padding-bottom:27px}.howto-grid{padding-bottom:28px}.space-section{padding-top:38px;padding-bottom:38px}}
.remove-trash-button{display:grid!important;width:34px!important;height:34px!important;min-width:34px;padding:0!important;border:1px solid #ff777f!important;border-radius:7px!important;background:#5a2026!important;color:#fff!important;cursor:pointer;place-items:center}.remove-trash-button svg{width:16px;height:16px;fill:currentColor}.remove-trash-button:hover{background:#7a2730!important}
/* Keep the first page section close to the global header across feature styles. */
.market-hero{padding-top:34px!important;padding-bottom:19px!important}.create-hero{padding-top:32px!important;padding-bottom:21px!important}.comic-hub-heading,.comic-room-heading{padding-top:26px!important;padding-bottom:14px!important}.story-hub-heading,.story-room-heading{padding-top:27px!important;padding-bottom:14px!important}.chooser-hub,.chooser-room{padding-top:23px!important}.account-main{padding-top:24px}
@media(max-width:700px){.market-hero{padding-top:24px!important}.create-hero{padding-top:22px!important}.comic-hub-heading,.comic-room-heading,.story-hub-heading,.story-room-heading{padding-top:20px!important}.account-main{padding-top:18px}}
/* Use a compact, consistent scale for page titles without shrinking section headings. */
.portal-hero h1{font-size:clamp(1.75rem,4vw,3.75rem)!important}.category-hero h1,.create-hero h1,.market-hero h1,.cart-main>h1,.favorites-main h1{font-size:clamp(1.35rem,3vw,2.7rem)!important}.hero h1{font-size:clamp(1.5rem,3.5vw,3.25rem)!important}.product-info h1{font-size:clamp(1.1rem,2vw,2rem)!important}.orders-main h1{font-size:clamp(1.4rem,4vw,2.5rem)!important}.submission-main h1,.submission-success h1,.checkout-message h1{font-size:clamp(1.25rem,3.5vw,2.4rem)!important}.article-head h1{font-size:clamp(1.4rem,3.5vw,2.8rem)!important}.trust-main h1{font-size:clamp(1.4rem,4vw,2.8rem)!important}.chooser-heading h1,.chooser-hub .chooser-heading h1{font-size:clamp(1.4rem,3.5vw,2.6rem)!important}.comic-hub-heading h1,.comic-room-heading h1{font-size:clamp(1.4rem,3.5vw,2.75rem)!important}.story-hub-heading h1,.story-room-heading h1{font-size:clamp(1.35rem,3.5vw,2.7rem)!important}.whiteboard-heading h1,.board-room-heading h1{font-size:clamp(1.2rem,3vw,2.3rem)!important}.game-title h1{font-size:clamp(1.35rem,3.5vw,2.35rem)!important}.account-card h1{font-size:clamp(1.25rem,3vw,1.625rem)!important}.miggies-hero h1,.miggie-result h1{font-size:clamp(1.2rem,3.5vw,2.5rem)!important}.sb3-heading h1{font-size:clamp(1rem,2.5vw,2.25rem)!important}.space-hero h1{font-size:clamp(2rem,5vw,4.5rem)!important}.miggie-hero h1{font-size:clamp(1.6rem,3.5vw,3.25rem)!important}
/* Compact the home hero vertically while preserving its two-column layout. */
.miggie-hero{min-height:310px;padding-top:40px;padding-bottom:40px}
@media(max-width:900px){.miggie-hero{min-height:auto;padding-top:32px;padding-bottom:32px}}
/* Default home destinations use two columns; the three featured apps use three. */
.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media(max-width:800px){.home-grid{grid-template-columns:1fr!important}}
.home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:800px){.home-feature-grid{grid-template-columns:1fr!important}}
.tools-page .section-heading{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:18px;row-gap:4px}.tools-page .section-heading h2{margin:0}.tools-page .section-heading .eyebrow{margin:0;color:var(--green)}
.home-page .home-section .section-heading{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:18px;row-gap:4px}.home-page .home-section .section-heading h2,.home-page .home-section .section-heading .eyebrow{margin:0}.home-page .home-section .section-heading .eyebrow{color:var(--green)}
.tools-page .tools-first-heading{padding-top:24px}
/* Shared section-heading scale and accessible replacement for native confirm dialogs. */
h2{font-size:1.5rem!important}button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]{font-weight:600!important}.site-confirm-backdrop{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(4,8,15,.72);backdrop-filter:blur(3px)}.site-confirm-backdrop[hidden]{display:none}.site-confirm-modal{width:min(100%,460px);overflow:hidden;border:1px solid #49515d;border-radius:14px;background:#161b22;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.55)}.site-confirm-modal header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #30363d}.site-confirm-modal h2{margin:0!important;font:800 1.15rem/1.2 system-ui,sans-serif!important}.site-confirm-modal p{min-height:64px;margin:0;padding:19px;color:#f0f3f6}.site-confirm-modal footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 19px;border-top:1px solid #30363d}.site-confirm-modal button{min-width:82px;padding:9px 15px;border:1px solid #64748b;border-radius:8px;background:#242b35;color:#fff;font-weight:800;cursor:pointer}.site-confirm-modal .site-confirm-ok{border-color:#3478c7;background:#2463a8}.site-confirm-modal .site-confirm-cancel:hover,.site-confirm-modal .site-confirm-close:hover{background:#343d49}.site-confirm-modal .site-confirm-ok:hover{background:#2f75c4}.site-confirm-modal .site-confirm-close{min-width:34px;width:34px;height:34px;padding:0;border:0;background:transparent;font-size:1.55rem;line-height:1}.site-confirm-open{overflow:hidden}