/* Michael / El Gato: the original meme, bold type, purple and green. */
:root{--bg:#141416;--bg2:#202024;--bg3:#29292f;--text:#f3f0e7;--snow:#f3f0e7;--ice:#e1ded8;--muted:#b7b5bf;--dim:#8e8b98;--teal:#c7ee79;--teal2:#d5f89e;--violet:#b8a4ef;--violet2:#d2c2ff;--pink:#b8a4ef;--pink2:#d2c2ff;--border:#414047;--glow-t:transparent;--glow-v:transparent;--glow-p:transparent;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:var(--bg)!important;color:var(--text);font-family:Arial,Helvetica,sans-serif;cursor:auto!important}
::selection{background:#c7ee79;color:#141416}
.ab,.ground,#stars,.cur,.cur-r,.stars{display:none!important}
nav,nav.on{position:sticky;top:0;padding:18px max(24px,calc((100vw - 1280px)/2));background:#141416f5;border-bottom:1px solid #414047;backdrop-filter:none;gap:24px;flex-wrap:wrap}
.logo,.logo-text,.f-logo{font-family:Arial,Helvetica,sans-serif!important;font-weight:900;letter-spacing:-.05em;text-shadow:none!important;filter:none!important;color:#f3f0e7;font-size:22px;white-space:nowrap}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.logo-mark img{width:36px;height:36px;object-fit:cover;border-radius:5px;filter:none}
.nl{margin:0 0 0 auto;gap:18px;flex-wrap:wrap;justify-content:flex-end}.nl a{font-size:11px;color:#d9d7e0;letter-spacing:.025em}.nl a:hover{color:#c7ee79}
.nl .cta{background:#c7ee79!important;color:#17171a!important;border:0;border-radius:5px;padding:11px 15px;box-shadow:none!important}
.lang-btn{color:#e0dce9;background:#29272f;border-color:#5a5662}.lang-menu{background:#242229;border-color:#625b72}.lang-menu a{color:#eee}.lang-menu a:hover{background:#3d354c}
.hero{min-height:650px;max-width:1280px;margin:32px auto 40px;padding:64px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:0 60px;text-align:left;align-content:center;align-items:start;background:#f1eedf;border:2px solid #141416;border-radius:14px;color:#17171a;overflow:visible}
.hero .h-eye{grid-column:1;grid-row:1;font:bold 11px/1.5 monospace;letter-spacing:.12em;color:#534b64;margin:0 0 20px;opacity:1;animation:none}.h-eye::before,.h-eye::after{display:none}
.hero .h-title{grid-column:1;grid-row:2;font:900 clamp(52px,7.2vw,100px)/.9 Arial,Helvetica,sans-serif!important;letter-spacing:-.065em;color:#17171a;text-shadow:none;filter:none;margin:0 0 24px;opacity:1;animation:none;max-width:none}
.hero .h-title span{display:block;font-size:.63em;color:#746092;letter-spacing:-.055em;line-height:1.18}
.hero .h-sub{grid-column:1;grid-row:3;color:#28242e;font-size:17px;font-weight:500;line-height:1.6;margin:0;max-width:520px;opacity:1;animation:none}
.hero .h-desc{grid-column:1;grid-row:4;color:#625a6d;font-size:12px;line-height:1.7;margin:14px 0 0;opacity:1;animation:none}
.hero .h-btns{grid-column:1;grid-row:5;justify-content:flex-start;gap:10px;margin:28px 0 0;opacity:1;animation:none}
.btn-a,.btn-b,.btn-disc{font:700 13px/1.4 Arial,sans-serif;border-radius:5px;padding:15px 20px;letter-spacing:0;box-shadow:none;transition:transform .15s}
.btn-a,.btn-disc{background:#c7ee79;color:#141416;border:2px solid #141416;box-shadow:3px 3px 0 #141416}.btn-a:hover,.btn-disc:hover{background:#d5f89e;color:#141416;box-shadow:4px 4px 0 #141416;transform:translate(-1px,-1px)}
.hero .btn-b{background:transparent;color:#25212c;border:2px solid #625a6d}.hero .btn-b:hover{background:#e6e0cf;color:#141416;border-color:#141416}
.michael-frame{grid-column:2;grid-row:1/6;align-self:center;position:relative;margin:0 12px 0 0;padding:12px 12px 0;background:#b8a4ef;border:2px solid #17171a;border-radius:5px;box-shadow:12px 12px 0 #c7ee79;transform:rotate(3deg)}
.michael-frame .hero-mascot{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:contain;margin:0;padding:0;border:2px solid #17171a;border-radius:0;animation:none!important;filter:none!important;box-shadow:none;transform:none}
.michael-frame figcaption{font:900 clamp(34px,4vw,55px)/1.4 Arial,sans-serif;letter-spacing:-.055em;color:#17171a;text-align:center}
.michael-note{position:absolute;right:-16px;top:-23px;transform:rotate(-9deg);background:#c7ee79;border:2px solid #17171a;color:#17171a;font:bold 11px/1.3 monospace;padding:11px 15px;box-shadow:3px 3px 0 #17171a;max-width:190px}
.stats{background:#b8a4ef;color:#19171c;border:0;padding:26px 24px;gap:45px;backdrop-filter:none}.sn{font:900 28px/1.15 Arial,sans-serif;color:#19171c;text-shadow:none}.sl{font:700 10px/1.5 Arial,sans-serif;color:#30283b;letter-spacing:.09em;margin-top:5px}
.sec{max-width:1220px;padding:80px 28px}.sl2{color:#c7ee79;font:700 11px/1.5 monospace;letter-spacing:.12em}.st{font:800 clamp(30px,4vw,50px)/1.08 Arial,sans-serif;letter-spacing:-.045em;color:#f3f0e7}.st .p,.st .v{color:#b8a4ef}.st .g{color:#c7ee79;text-shadow:none}.sd{font-size:15px;line-height:1.75;color:#b7b5bf;max-width:620px;font-weight:400}
.tool-card,.g-card,.xp-row,.eco-grid,.ar-visual,.rank-card,.rank-stat,.gr-card,.cmd-box,.mini-game,.safety-panel,.ticket-panel{background:#202024!important;border-color:#414047!important;border-radius:9px;box-shadow:none;backdrop-filter:none}
.tool-card:hover,.g-card:hover{border-color:#b8a4ef!important;box-shadow:none;transform:translateY(-2px)}
.tool-name,.g-name,.ec-n{color:#f3f0e7}.tool-desc,.g-desc,.ec-t,.xp-detail,.rank-tag,.cd,.f-t{color:#b7b5bf;font-weight:400}.tool-desc,.g-desc{font-size:13px;line-height:1.7}.tool-card::after{display:none}
.b{border-radius:4px;letter-spacing:.04em}.bt,.by{background:#c7ee7914!important;color:#c7ee79!important;border-color:#c7ee7930!important}.bv,.bp{background:#b8a4ef14!important;color:#d2c2ff!important;border-color:#b8a4ef30!important}
.r{opacity:1!important;transform:none!important}.div{background:#35333c}.cta:not(a){background:#26222d;border-color:#5b4f70;box-shadow:none}.cta .mascot{width:85px;height:auto;object-fit:contain;filter:none;animation:none;border:3px solid #b8a4ef;border-radius:5px}.f-l a{color:#c4bdd0}
:focus-visible{outline:3px solid #b8a4ef;outline-offset:5px}
@media(max-width:1100px){nav{padding:16px 24px}.nl{gap:12px}.hero{margin:22px 20px 32px;padding:42px;gap:0 36px;min-height:580px}.nl li{display:list-item!important}.logo-text{font-size:18px}.hero .h-title{font-size:clamp(50px,7.6vw,84px)!important}}
@media(max-width:760px){nav{position:relative;gap:16px;padding:18px}.nl{justify-content:flex-start;margin:0;width:100%;gap:12px 16px}.nl a{font-size:10px}.nl .cta{padding:8px 10px}.logo-text{display:inline!important}.hero{grid-template-columns:1fr;grid-template-rows:repeat(6,auto);margin:16px 12px 24px;padding:30px 24px;min-height:0;gap:0}.hero .h-title{font-size:clamp(48px,12.5vw,90px)!important}.hero .h-sub{font-size:15px}.hero .h-desc{font-size:11px}.hero .h-btns{flex-direction:column;align-items:stretch}.hero .h-btns a{justify-content:center}.michael-frame{grid-column:1;grid-row:6;width:min(280px,85%);justify-self:center;margin:50px 0 10px;transform:rotate(2deg)}.michael-frame figcaption{font-size:38px}.stats{gap:24px 32px}.sn{font-size:24px}.sl{font-size:9px}.sec{padding:56px 22px}.st{font-size:34px}.sd{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Reset the previous floating navigation geometry and keep tables inside mobile screens. */
nav,nav.on{left:auto;right:auto;transform:none;width:100%;max-width:none;border-radius:0;margin:0;box-shadow:none}
body::before,body::after,.hero::before,.hero::after{display:none!important}
.michael-frame{max-width:350px;justify-self:end}
.hero{min-height:620px}
.cmd-t{display:block;max-width:100%;overflow-x:auto}
@media(max-width:760px){.michael-frame{justify-self:center}.hero{min-height:0}}
.cta::before{display:none!important}

/* Legal pages share the same identity and readable surface. */
.legal-card{background:#202024!important;border-color:#414047!important;box-shadow:none!important}
.legal-card h1,.legal-card h2,.legal-card h3{font-family:Arial,Helvetica,sans-serif;color:#f3f0e7;text-shadow:none}
.legal-pill.primary{background:#c7ee79;color:#141416;border-color:#c7ee79}
.logo-text,.f-logo{-webkit-text-fill-color:currentColor!important;background:none!important}

/* Feature copy occupies the space previously used by illustrative mockups. */
.safety-layout,.ticket-layout{grid-template-columns:minmax(0,1fr)!important;gap:0;margin-top:32px}
.safety-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ticket-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dashboard-link{display:inline-flex;margin-top:26px}
@media(max-width:760px){.safety-flow,.ticket-features{grid-template-columns:minmax(0,1fr)}}