@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_ed4bac32-module__-2Pd1W__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_ed4bac32-module__-2Pd1W__variable{--font-body:"Inter","Inter Fallback"}
@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e7150917543fc9da-s.8200e9a3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/71fbf9c08529c2a5-s.91ff3091.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e9457141811d41ae-s.30a48620.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ac34884600cd8d5d-s.7d4c278c.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e1ccd2766b08c828-s.838318db.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/507a47c1876d4ec2-s.303dbfb4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/8c2eb9ceedecfc8e-s.p.21935807.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora Fallback;src:local(Times New Roman);ascent-override:87.33%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:115.2%}.lora_ee63951f-module__95JbSq__className{font-family:Lora,Lora Fallback;font-style:normal}.lora_ee63951f-module__95JbSq__variable{--font-serif:"Lora","Lora Fallback"}
:root{--color-paper:#1a1610;--color-card:#2d2820;--color-card-alt:#3d3528;--color-eink-bg:#d2d2c0;--color-eink-card:#deded2;--color-ink:#c4a574;--color-ink-muted:#a08a68;--color-ink-dark:#2d2618;--color-eink-text:#121212;--color-accent:#d4a04a;--color-accent-dark:#8b5e3c;--color-accent-orange:#c17f3e;--color-success:#5c8a4a;--color-warning:#a65d3f;--color-border:#d4a04a;--color-shadow:#0006;--color-glow:#d4a04a54;--color-highlight:#d4a04a14;--color-scanline:#00000014;--font-pixel:"VT323",monospace;--font-body:"VT323",monospace;--text-xs:.875rem;--text-sm:1.125rem;--text-base:1.25rem;--text-md:1.5rem;--text-lg:2rem;--text-xl:2.5rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-24:24px;--space-lg:32px;--space-48:48px;--space-xl:64px;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-smooth:.5s cubic-bezier(.4,0,.2,1);--transition-bounce:.3s cubic-bezier(.175,.885,.32,1.275)}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}.bento-card,.mascot-item,.screenshot-item,.faq-item{contain:layout style}.mascot-large,.mascot-img-small,.bento-card:hover{will-change:transform}body:before,body:after{contain:strict}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-pixel);background-image:radial-gradient(circle,#2d2820 0%,#1a1610 100%);font-size:20px;line-height:1.4;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";opacity:.2;pointer-events:none;z-index:9999;background-image:linear-gradient(#12101000 50%,#00000014 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 3px,4px 100%;width:100%;height:100%;position:fixed;top:0;left:0}nav{padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:4px solid var(--color-border);background:#1a1610f2;position:sticky;top:0;box-shadow:0 4px 20px #00000080}.nav-container{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;display:flex}.logo{font-family:var(--font-pixel);font-size:var(--text-lg);color:var(--color-accent);text-shadow:0 0 10px var(--color-glow);letter-spacing:2px}.nav-links a{color:var(--color-ink);margin-left:var(--space-md);font-family:var(--font-pixel);font-size:var(--text-base);transition:var(--transition-fast);text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--color-accent);width:0;height:3px;box-shadow:0 0 8px var(--color-glow);transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-accent);text-shadow:0 0 8px var(--color-glow)}.nav-links a:hover:after{width:100%}.hero{min-height:70vh;padding:var(--space-xl)var(--space-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.header-panel{border-width:6px;position:relative;overflow:visible}.developer-badge{background:var(--color-card);border:3px solid var(--color-accent);font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink);box-shadow:4px 4px 0 var(--color-shadow);z-index:10;padding:8px 20px;position:absolute;top:-24px;left:20px}.developer-badge a{color:var(--color-accent);font-weight:700;text-decoration:none}.developer-badge a:hover{text-shadow:0 0 8px var(--color-glow);text-decoration:underline}.hero-content{position:relative}h1{font-family:var(--font-pixel);color:var(--color-accent);margin-bottom:var(--space-sm);text-shadow:0 0 20px var(--color-glow),4px 4px 0 var(--color-accent-dark);letter-spacing:4px;font-size:clamp(3.5rem,12vw,7rem);animation:3s ease-in-out infinite floating}.subtitle{font-family:var(--font-pixel);color:var(--color-accent-dark);margin-bottom:var(--space-lg);letter-spacing:2px;font-size:clamp(1.2rem,3vw,1.8rem)}.hero-actions{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.btn{font-family:var(--font-pixel);font-size:var(--text-md);cursor:pointer;border:4px solid var(--color-border);background:var(--color-paper);color:var(--color-ink);align-items:center;gap:var(--space-sm);padding:14px 28px;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#d4a04a33,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.primary-btn{background:var(--color-ink);color:var(--color-paper)}.btn:hover{box-shadow:4px 4px 0 var(--color-ink),0 0 20px var(--color-glow);transform:translate(-4px,-4px)}.primary-btn:hover{background:var(--color-accent);color:#1a1610}.store-badges{gap:var(--space-md);margin-top:var(--space-lg);justify-content:center;display:flex}.store-badge{height:60px;transition:var(--transition-bounce);filter:drop-shadow(0 4px 8px #0006)}.store-badge:hover{filter:drop-shadow(0 8px 16px #00000080);transform:scale(1.05)translateY(-4px)}.panel{background-color:var(--color-card);border:4px solid var(--color-border);padding:var(--space-lg);max-width:1000px;margin:0 auto;position:relative;box-shadow:10px 10px #00000080,inset 0 0 30px #d4a04a05}.panel:before{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark),var(--color-accent));height:4px;position:absolute;top:0;left:0;right:0}.section{padding:var(--space-xl)var(--space-md)}h2{font-family:var(--font-pixel);margin-bottom:var(--space-lg);border-bottom:3px dashed var(--color-ink-muted);color:var(--color-accent);text-shadow:2px 2px 0 var(--color-accent-dark);padding-bottom:var(--space-xs);font-size:clamp(2rem,5vw,2.8rem);display:inline-block}h3{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent-dark);margin-bottom:var(--space-sm)}.grid,.technical-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.technical-grid{text-align:left;margin-top:var(--space-lg)}.tech-item{border-left:4px solid var(--color-accent-dark);padding-left:var(--space-md);margin-bottom:var(--space-md);transition:var(--transition-fast)}.tech-item:hover{border-left-color:var(--color-accent);background:var(--color-highlight);padding:var(--space-sm)var(--space-md);margin-left:-var(--space-sm)}.tech-item h3{margin-bottom:var(--space-xs);font-size:var(--text-md)}.tech-item p{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.7}.feature-card{padding:var(--space-lg);background:var(--color-highlight);border:3px solid var(--color-border);transition:var(--transition-bounce);position:relative;overflow:hidden}.feature-card:after{content:"";background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-8px);box-shadow:0 12px 24px #0000004d}.feature-card:hover:after{opacity:1}.feature-card h3{color:var(--color-accent);margin-bottom:var(--space-sm)}.feature-card p{color:var(--color-ink-muted)}.xp-bar-container{background:var(--color-paper);border:3px solid var(--color-border);margin:var(--space-md)0;padding:4px;position:relative}.xp-bar{background:linear-gradient(90deg,var(--color-success),var(--color-accent));width:0;height:16px;box-shadow:0 0 10px var(--color-success);animation:2s ease-out .5s forwards fillXP}.xp-label{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--color-ink);position:absolute;top:50%;right:8px;transform:translateY(-50%)}@keyframes fillXP{to{width:75%}}.mascot-hero-float{width:80px;height:80px;image-rendering:pixelated;margin:0 auto var(--space-lg);filter:drop-shadow(0 0 15px var(--color-glow));animation:4s ease-in-out infinite float-rotate;display:block}.mascot-inline{width:56px;height:56px;image-rendering:pixelated;float:right;margin-left:var(--space-md);filter:drop-shadow(3px 3px #0006);animation:2s ease-in-out infinite subtle-bounce}.mascot-peek{width:90px;height:90px;image-rendering:pixelated;transition:transform .4s var(--transition-bounce);filter:drop-shadow(4px 4px #00000080);position:absolute;top:-50px;right:24px;transform:rotate(15deg)}.panel:hover .mascot-peek{transform:rotate(0)translateY(-12px)scale(1.1)}.lummy-card{position:relative;overflow:visible}.mascot-container{justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.mascot-item{text-align:center;transition:var(--transition-bounce);cursor:pointer}.mascot-item:hover{transform:scale(1.15)translateY(-12px)}.mascot-item:hover .mascot-img{filter:drop-shadow(0 0 20px var(--color-glow))}.mascot-img{width:140px;height:140px;image-rendering:pixelated;margin:0 auto var(--space-sm);filter:drop-shadow(0 6px 12px #00000080);transition:var(--transition-smooth);display:block}.mascot-label{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);margin-top:var(--space-sm);display:block}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.mascot-item:first-child{transition-delay:.1s}.mascot-item:nth-child(2){transition-delay:.25s}.mascot-item:nth-child(3){transition-delay:.4s}.feature-card:first-child{transition-delay:.1s}.feature-card:nth-child(2){transition-delay:.2s}.feature-card:nth-child(3){transition-delay:.3s}@keyframes float-rotate{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-18px)rotate(5deg)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--color-glow)}50%{box-shadow:0 0 20px var(--color-glow),0 0 30px var(--color-glow)}}@keyframes glitch{0%,to{text-shadow:0 0 20px var(--color-glow),4px 4px 0 var(--color-accent-dark)}25%{text-shadow:-2px 0 var(--color-warning),2px 2px 0 var(--color-success),4px 4px 0 var(--color-accent-dark)}50%{text-shadow:2px 0 var(--color-success),-2px -2px 0 var(--color-warning),4px 4px 0 var(--color-accent-dark)}}.glitch-text:hover{animation:.3s ease-in-out glitch}footer{padding:var(--space-xl)var(--space-md);text-align:center;border-top:4px solid var(--color-border);background:var(--color-paper)}.footer-panel{max-width:600px;margin:0 auto}.footer-link-group a{color:var(--color-accent);margin:0 var(--space-md);font-weight:700;font-family:var(--font-pixel);transition:var(--transition-fast);text-decoration:none}.footer-link-group a:hover{text-shadow:0 0 10px var(--color-glow)}.feature-highlight{background:var(--color-highlight);border:2px solid var(--color-border);padding:var(--space-lg);margin-top:var(--space-lg)}.feature-highlight h3{font-family:var(--font-pixel);color:var(--color-accent);font-size:var(--text-md);margin-bottom:var(--space-md)}.feature-highlight ul{padding-left:0;list-style:none}.feature-highlight li{padding:var(--space-sm)0;border-bottom:1px solid var(--color-highlight)}.feature-highlight li:last-child{border-bottom:none}.developer-info{text-align:left}.developer-info h3{font-family:var(--font-pixel);font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-xs)}.developer-info .role{color:var(--color-ink-muted);font-size:var(--text-base);margin-bottom:var(--space-md)}.developer-info p{margin-bottom:var(--space-md)}.social-links{margin-top:var(--space-lg)}.social-btn{background:var(--color-card-alt);color:var(--color-ink);padding:var(--space-sm)var(--space-md);font-family:var(--font-pixel);font-size:var(--text-base);border:2px solid var(--color-border);transition:var(--transition-fast);text-decoration:none;display:inline-block}.social-btn:hover{background:var(--color-accent);color:var(--color-paper);transform:translateY(-2px)}.company-info h3{font-family:var(--font-pixel);font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-xs)}.company-details-text{color:var(--color-ink-muted);font-size:var(--text-sm);margin-bottom:var(--space-md)}.social-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.social-card{padding:var(--space-lg);background:var(--color-card-alt);border:2px solid var(--color-border);color:var(--color-ink);transition:var(--transition-fast);flex-direction:column;align-items:center;text-decoration:none;display:flex}.social-card:hover{background:var(--color-accent);color:var(--color-paper);box-shadow:0 8px 20px var(--color-shadow);transform:translateY(-4px)}.social-icon{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.social-name{font-family:var(--font-pixel);font-size:var(--text-md);margin-bottom:var(--space-xs)}.social-desc{font-size:var(--text-sm);opacity:.8}.contact-info{text-align:center;margin-top:var(--space-md)}.contact-info p{margin:var(--space-sm)0}.contact-info a{color:var(--color-accent);text-decoration:none}.contact-info a:hover{text-decoration:underline}nav .nav-links a.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}@media (max-width:768px){.nav-links{display:none}h1{font-size:3.5rem}.mascot-peek{width:70px;height:70px;top:-35px}.mascot-container{gap:var(--space-lg)}.mascot-img{width:100px;height:100px}.panel{padding:var(--space-md)}.hero{min-height:60vh}.store-badge{height:50px}.social-grid{grid-template-columns:1fr}}@media (max-width:480px){h1{font-size:var(--text-xl)}.subtitle{font-size:var(--text-base)}.btn{font-size:var(--text-md);padding:12px 20px}}.bento-container{max-width:1200px;padding:var(--space-md);gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.bento-hero{gap:var(--space-md);grid-template-columns:280px 1fr;display:grid}.bento-features{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.bento-stats{gap:var(--space-md);grid-template-columns:1fr 2fr;display:grid}.compact-header{padding:var(--space-sm)var(--space-md);border-bottom:4px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#1a1610f2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-md);display:flex}.logo-small{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent);text-shadow:0 0 10px var(--color-glow)}.tagline{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink-muted)}.header-right{gap:12px;display:flex}.stat-badge{background:var(--color-card);border:2px solid var(--color-border);font-family:var(--font-pixel);font-size:var(--text-sm);align-items:center;gap:4px;min-height:36px;padding:8px 12px;display:flex}.stat-icon{color:var(--color-accent)}.stat-value{color:var(--color-ink)}.bento-card{background:var(--color-card);border:4px solid var(--color-border);padding:var(--space-lg);transition:var(--transition-bounce);color:inherit;text-decoration:none;display:block;position:relative}.bento-card:before{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark),var(--color-accent));height:4px;position:absolute;top:0;left:0;right:0}.bento-card:hover{box-shadow:0 8px 20px var(--color-shadow),0 0 15px var(--color-glow);transform:translateY(-4px)}.bento-icon{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.bento-title{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent);margin-bottom:var(--space-sm);text-shadow:2px 2px 0 var(--color-accent-dark)}.bento-desc{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.6}.bento-link{margin-top:var(--space-md);font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);transition:var(--transition-fast);display:inline-block}.bento-card:hover .bento-link{text-shadow:0 0 10px var(--color-glow)}.mascot-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.mascot-large{width:120px;height:120px;image-rendering:pixelated;filter:drop-shadow(0 0 20px var(--color-glow));animation:2s ease-in-out infinite subtle-bounce}.mascot-level{margin-top:var(--space-md);flex-direction:column;gap:4px;display:flex}.level-badge{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);text-shadow:0 0 8px var(--color-glow)}.level-number{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-ink)}.hero-message-card{flex-direction:column;justify-content:center;display:flex}.hero-title{font-family:var(--font-pixel);color:var(--color-accent);text-shadow:0 0 20px var(--color-glow),4px 4px 0 var(--color-accent-dark);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem);line-height:1.2}.hero-tldr{font-size:var(--text-base);color:var(--color-ink);margin-bottom:var(--space-sm);border-left:3px solid var(--color-accent);padding-left:var(--space-sm);font-weight:500;line-height:1.5}.hero-desc{font-size:var(--text-base);color:var(--color-ink-muted);margin-bottom:var(--space-md);line-height:1.6}.hero-desc strong{color:var(--color-accent)}.hero-btn{margin-top:var(--space-md);display:inline-block}.coming-soon-badge{margin-top:var(--space-md);background:linear-gradient(135deg,var(--color-card-alt)0%,var(--color-card)100%);border:3px solid var(--color-accent);padding:14px 28px;animation:2s ease-in-out infinite pulse-glow;display:inline-block}.coming-soon-text{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);text-shadow:0 0 8px var(--color-glow);letter-spacing:2px}.store-badge-wrapper{margin-top:var(--space-md)}.store-badge-small{filter:drop-shadow(0 4px 8px #0006);height:54px;transition:var(--transition-bounce)}.store-badge-small:hover{transform:scale(1.05)}.nova-card{background:linear-gradient(135deg,var(--color-card)0%,var(--color-card-alt)100%)}.nova-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.nova-icon{font-size:var(--text-lg);color:var(--color-accent);text-shadow:0 0 10px var(--color-glow)}.nova-header h3{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent)}.nova-content p{color:var(--color-ink-muted);margin-bottom:var(--space-md)}.nova-rate{gap:var(--space-xs);flex-direction:column;display:flex}.rate-item{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-highlight);border-left:3px solid var(--color-accent);padding:4px 8px}.titles-card{background:linear-gradient(135deg,var(--color-card-alt)0%,var(--color-card)100%)}.titles-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.titles-header h3{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent)}.title-count{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink-muted)}.titles-content p{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-md)}.title-tiers{justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.tier-item{font-family:var(--font-pixel);font-size:var(--text-base);background:var(--color-paper);border:2px solid var(--color-border);color:var(--color-ink);padding:4px 10px}.tier-item.starter{color:var(--color-accent)}.tier-item.legendary{color:gold;text-shadow:0 0 8px #ffd70080;border-color:gold}.mascots-card{text-align:center}.mascots-card h2{border-bottom:3px dashed var(--color-ink-muted);padding-bottom:var(--space-xs);margin-bottom:var(--space-md);display:inline-block}.mascots-card>p{color:var(--color-ink-muted);margin-bottom:var(--space-lg)}.mascot-showcase{justify-content:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.mascot-showcase .mascot-item{text-align:center;transition:var(--transition-bounce)}.mascot-showcase .mascot-item:hover{transform:translateY(-8px)}.mascot-img-small{width:100px;height:100px;image-rendering:pixelated;filter:drop-shadow(0 6px 12px #00000080);transition:var(--transition-smooth)}.mascot-showcase .mascot-item:hover .mascot-img-small{filter:drop-shadow(0 0 20px var(--color-glow))}.mascot-name{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);margin-top:var(--space-sm);display:block}.mascot-level-tag{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--color-ink-muted);display:block}.about-card{background:var(--color-card)}.about-content{justify-content:space-between;align-items:center;gap:var(--space-xl);display:flex}.about-left h2{border-bottom:3px dashed var(--color-ink-muted);padding-bottom:var(--space-xs);margin-bottom:var(--space-md);display:inline-block}.about-left p{color:var(--color-ink-muted);margin-bottom:var(--space-md)}.about-left strong{color:var(--color-accent)}.about-links{gap:var(--space-sm);flex-wrap:wrap;display:flex}.about-left.full-width{text-align:center;width:100%}.about-left.full-width .about-links{justify-content:center}.about-right{flex-shrink:0}.company-badge{background:var(--color-card-alt);border:3px solid var(--color-border);padding:var(--space-lg);text-align:center}.company-name{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent);margin-bottom:var(--space-xs);display:block}.company-detail{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--color-ink-muted)}.bento-footer{margin-top:var(--space-xl);border-top:4px solid var(--color-border);background:var(--color-paper)}.footer-content{max-width:1200px;padding:var(--space-lg)var(--space-md);margin:0 auto}.footer-downloads{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.download-btn{align-items:center;gap:var(--space-sm);font-family:var(--font-pixel);font-size:var(--text-base);background:var(--color-card);border:3px solid var(--color-border);color:var(--color-ink);transition:var(--transition-fast);padding:12px 24px;text-decoration:none;display:inline-flex}.download-btn:hover{background:var(--color-accent);color:var(--color-paper);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.download-btn.coming-soon{cursor:default;opacity:.8}.download-btn.coming-soon:hover{background:var(--color-card);color:var(--color-ink);box-shadow:none;transform:none}.play-store-rating{margin-top:var(--space-sm);text-align:center}.play-store-rating-link{color:var(--color-ink);opacity:.85;align-items:center;gap:6px;text-decoration:none;transition:opacity .2s;display:inline-flex}.play-store-rating-link:hover{opacity:1}.rating-stars{align-items:center;gap:1px;display:inline-flex}.rating-text{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--color-ink);letter-spacing:.02em}.rating-count{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--color-ink);opacity:.6}.footer-nav{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.footer-nav a{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink-muted);transition:var(--transition-fast);padding:8px 4px;text-decoration:none}.footer-nav a:hover{color:var(--color-accent);text-shadow:0 0 8px var(--color-glow)}.footer-social{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.social-link{align-items:center;gap:var(--space-xs);font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink);background:var(--color-card);border:2px solid var(--color-border);transition:var(--transition-fast);padding:12px 16px;text-decoration:none;display:flex}.social-link:hover{background:var(--color-accent);color:var(--color-paper)}.footer-copyright{text-align:center;font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--color-ink-muted);padding-top:var(--space-md);border-top:2px dashed var(--color-border)}.screenshot-gallery-section{background:var(--color-card);border:4px solid var(--color-border);overflow:hidden}.gallery-toggle{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md)var(--space-lg);cursor:pointer;font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent);text-shadow:0 0 8px var(--color-glow);transition:var(--transition-fast);background:0 0;border:none;display:flex}.gallery-toggle:hover{background:var(--color-highlight)}.toggle-icon{font-size:var(--text-base);transition:transform .3s}.toggle-text{text-align:left;flex:1}.toggle-count{color:var(--color-ink-muted);font-size:var(--text-base)}.gallery-content{padding:var(--space-md);border-top:2px solid var(--color-border);background:linear-gradient(180deg,var(--color-highlight)0%,transparent 100%);animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gallery-scroll{gap:var(--space-md);padding:var(--space-sm)0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.gallery-scroll::-webkit-scrollbar{height:8px}.gallery-scroll::-webkit-scrollbar-track{background:var(--color-paper);border-radius:4px}.gallery-scroll::-webkit-scrollbar-thumb{background:var(--color-accent-dark);border-radius:4px}.gallery-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.screenshot-item{scroll-snap-align:start;border:3px solid var(--color-border);background:var(--color-paper);padding:var(--space-xs);transition:var(--transition-bounce);flex-shrink:0}.screenshot-item:hover{border-color:var(--color-accent);box-shadow:0 0 20px var(--color-glow);transform:scale(1.02)}.screenshot-img{object-fit:contain;cursor:pointer;width:auto;height:auto;max-height:400px;display:block}.lightbox-overlay{z-index:10000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{background:var(--color-card);border:3px solid var(--color-border);width:48px;height:48px;color:var(--color-accent);font-family:var(--font-pixel);font-size:var(--text-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:var(--color-accent);color:var(--color-paper);transform:scale(1.1)}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-img{object-fit:contain;border:4px solid var(--color-border);width:auto;max-width:100%;height:auto;max-height:90vh;box-shadow:0 0 40px var(--color-glow)}@media (max-width:1024px){.bento-features{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.bento-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bento-hero{grid-template-columns:1fr}.bento-hero .mascot-card{order:2}.bento-features{grid-template-columns:repeat(2,1fr)}.bento-stats{grid-template-columns:1fr}.compact-header{gap:var(--space-sm);flex-wrap:wrap}.header-left{flex-direction:column;align-items:flex-start}.tagline{display:none}.about-content{text-align:center;flex-direction:column}.about-links{justify-content:center}.mascot-showcase{gap:var(--space-lg)}.achievements-grid{grid-template-columns:repeat(5,1fr)}.footer-downloads{flex-direction:column;align-items:center}}@media (max-width:480px){.bento-features{grid-template-columns:1fr}.bento-container{padding:var(--space-sm)}.bento-card{padding:var(--space-md)}.hero-title{font-size:var(--text-lg)}.stat-badge{font-size:var(--text-xs);padding:6px 8px}.logo-small{font-size:var(--text-base)}.mascot-large{width:100px;height:100px}.mascot-img-small{width:80px;height:80px}.achievements-grid{grid-template-columns:repeat(4,1fr)}}.bento-faq{margin-top:0}.faq-card{background:var(--color-card)}.faq-card h2{border-bottom:3px dashed var(--color-ink-muted);padding-bottom:var(--space-xs);margin-bottom:var(--space-lg);font-family:var(--font-pixel);color:var(--color-accent);text-shadow:2px 2px 0 var(--color-accent-dark);font-size:clamp(1.5rem,4vw,2rem);display:inline-block}.faq-list{gap:var(--space-md);flex-direction:column;display:flex}.faq-item{background:var(--color-highlight);border:2px solid var(--color-border);padding:var(--space-md);transition:var(--transition-fast)}.faq-item:hover{border-color:var(--color-accent);box-shadow:0 0 15px var(--color-glow)}.faq-item h3{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);margin-bottom:var(--space-sm);text-shadow:1px 1px 0 var(--color-accent-dark)}.faq-item p{font-size:var(--text-base);color:var(--color-ink-muted);margin:0;line-height:1.6}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:var(--space-sm);list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"▼";color:var(--color-ink-muted);font-size:var(--text-xs);transition:var(--transition-fast);flex-shrink:0}.faq-item[open] summary:after{content:"▲";color:var(--color-accent)}.faq-item summary h3{margin-bottom:0}.faq-item[open] summary h3{margin-bottom:var(--space-sm)}.faq-item summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media (max-width:768px){.faq-item h3{font-size:var(--text-base)}.faq-item p{font-size:var(--text-sm)}}.blog-listing{min-height:80vh;padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.blog-header{text-align:center;margin-bottom:var(--space-xl)}.blog-header h1{font-family:var(--font-pixel);font-size:var(--text-xl);color:var(--color-accent);text-shadow:3px 3px 0 var(--color-accent-dark);margin-bottom:var(--space-sm)}.blog-header p{font-size:var(--text-base);color:var(--color-ink-muted)}.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.blog-card{color:inherit;text-decoration:none;display:block}.blog-card-inner{background:var(--color-card);border:4px solid var(--color-border);padding:var(--space-lg);transition:var(--transition-bounce);flex-direction:column;height:100%;display:flex;position:relative}.blog-card-inner:before{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark),var(--color-accent));height:4px;position:absolute;top:0;left:0;right:0}.blog-card:hover .blog-card-inner{box-shadow:0 8px 20px var(--color-shadow),0 0 15px var(--color-glow);border-color:var(--color-accent);transform:translateY(-4px)}.blog-card-meta{margin-bottom:var(--space-md);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.blog-card-category{background:var(--color-accent);color:var(--color-ink-dark);font-family:var(--font-pixel);font-size:var(--text-xs);text-transform:uppercase;padding:6px 12px}.blog-card-date{color:var(--color-ink-muted)}.blog-card-title{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent);margin-bottom:var(--space-md);text-shadow:2px 2px 0 var(--color-accent-dark);line-height:1.3}.blog-card-excerpt{color:var(--color-ink-muted);font-size:var(--text-base);margin-bottom:var(--space-md);flex-grow:1;line-height:1.6}.blog-card-footer{padding-top:var(--space-md);border-top:2px dashed var(--color-border);justify-content:space-between;align-items:center;display:flex}.blog-card-reading-time{color:var(--color-ink-muted);font-size:var(--text-sm)}.blog-card-read-more{font-family:var(--font-pixel);color:var(--color-accent);font-size:var(--text-base);transition:var(--transition-fast)}.blog-card:hover .blog-card-read-more{text-shadow:0 0 10px var(--color-glow)}.blog-card-featured-badge{top:var(--space-md);right:var(--space-md);background:var(--color-success);color:var(--color-ink-dark);font-family:var(--font-pixel);font-size:var(--text-xs);text-transform:uppercase;padding:4px 8px;position:absolute}.blog-empty{text-align:center;padding:var(--space-xl);color:var(--color-ink-muted);font-size:var(--text-base)}.blog-post{min-height:80vh;padding-top:var(--space-lg);padding-bottom:var(--space-xl)}.blog-post-intro,.blog-post-intro p,.blog-post-section,.blog-post-section p,.blog-post-section h2,.blog-post-tldr,.blog-post-tldr p,.blog-cta,.blog-cta p,.blog-cta h2{font-family:var(--font-serif),Georgia,serif}.blog-post-intro p,.blog-post-section p,.blog-post-tldr p,.blog-cta p{font-size:var(--text-base);letter-spacing:.01em;line-height:1.8}.blog-post-section h2{font-size:var(--text-md);margin-top:2rem}.blog-back-link{font-family:var(--font-pixel);color:var(--color-accent);font-size:var(--text-base);margin-bottom:var(--space-lg);transition:var(--transition-fast);display:inline-block}.blog-back-link:hover{text-shadow:0 0 10px var(--color-glow)}.blog-post-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:4px solid var(--color-border)}.blog-post-category{background:var(--color-accent);color:var(--color-ink-dark);font-family:var(--font-pixel);font-size:var(--text-sm);text-transform:uppercase;margin-bottom:var(--space-md);padding:4px 16px;display:inline-block}.blog-post-header h1{font-family:var(--font-pixel);color:var(--color-accent);text-shadow:3px 3px 0 var(--color-accent-dark);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem);line-height:1.2}.blog-post-meta{gap:var(--space-sm);color:var(--color-ink-muted);font-size:var(--text-base);flex-wrap:wrap;display:flex}.blog-post-meta a{color:var(--color-accent);text-decoration:none}.blog-post-meta a:hover{text-decoration:underline}.blog-post-intro{font-size:var(--text-base);color:var(--color-ink);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-card);border-left:4px solid var(--color-accent);line-height:1.8}.blog-post-section{margin-bottom:var(--space-xl)}.blog-post-section h2{font-family:var(--font-pixel);font-size:var(--text-lg);color:var(--color-accent);text-shadow:2px 2px 0 var(--color-accent-dark);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:3px dashed var(--color-border)}.comparison-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.comparison-card{background:var(--color-card);border:3px solid var(--color-border);padding:var(--space-lg)}.comparison-card h3{font-family:var(--font-pixel);font-size:var(--text-md);margin-bottom:var(--space-md)}.comparison-card.scroll-plus{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-card),#5c8a4a1a)}.comparison-card.scroll-plus h3{color:var(--color-success)}.comparison-card.others h3{color:var(--color-ink-muted)}.comparison-card p{color:var(--color-ink-muted);margin:0;line-height:1.7}.comparison-table-wrapper{margin:var(--space-lg)0;overflow-x:auto}.comparison-table{border-collapse:collapse;background:var(--color-card);border:4px solid var(--color-border);width:100%}.comparison-table th,.comparison-table td{padding:var(--space-md);text-align:left;border:2px solid var(--color-border)}.comparison-table th{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);background:var(--color-card-alt);text-transform:uppercase}.comparison-table th.highlight{background:var(--color-success);color:var(--color-ink-dark)}.comparison-table td{font-size:var(--text-base);color:var(--color-ink-muted)}.comparison-table td.highlight{color:var(--color-success);background:#5c8a4a1a;font-weight:700}.comparison-table .feature-name{font-family:var(--font-pixel);color:var(--color-ink)}.comparison-table tbody tr:hover{background:var(--color-highlight)}.blog-cta{background:linear-gradient(135deg,var(--color-card),var(--color-card-alt));border:4px solid var(--color-accent);padding:var(--space-xl);text-align:center;margin-top:var(--space-xl)}.blog-cta h2{font-family:var(--font-pixel);font-size:var(--text-lg);color:var(--color-accent);text-shadow:2px 2px 0 var(--color-accent-dark);margin-bottom:var(--space-md)}.blog-cta p{font-size:var(--text-base);color:var(--color-ink-muted);margin-bottom:var(--space-lg)}.cta-button{background:var(--color-accent);color:var(--color-ink-dark);font-family:var(--font-pixel);font-size:var(--text-md);padding:var(--space-md)var(--space-xl);border:4px solid var(--color-accent-dark);transition:var(--transition-bounce);box-shadow:4px 4px 0 var(--color-accent-dark);text-decoration:none;display:inline-block}.cta-button:hover{box-shadow:6px 6px 0 var(--color-accent-dark);background:var(--color-accent-orange);transform:translate(-2px,-2px)}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:var(--text-lg)}.comparison-grid{grid-template-columns:1fr}.comparison-table{font-size:var(--text-xs)}.comparison-table th,.comparison-table td{padding:var(--space-sm)}.blog-cta{padding:var(--space-lg)}.blog-cta h2{font-size:var(--text-md)}.cta-button{font-size:var(--text-base);padding:var(--space-md)var(--space-lg)}}.blog-post-tldr{background:linear-gradient(135deg,var(--color-card-alt),var(--color-card));border-left:6px solid var(--color-accent);padding:var(--space-lg);margin:var(--space-lg)0}.blog-post-tldr h2{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-accent);margin-bottom:var(--space-md)}.blog-post-tldr p{color:var(--color-ink);margin:0;line-height:1.7}.guide-content{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.guide-card{background:var(--color-card);border:3px solid var(--color-border);padding:var(--space-lg)}.guide-card h3{font-family:var(--font-pixel);font-size:var(--text-md);margin-bottom:var(--space-md)}.guide-card.primary{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-card),#5c8a4a1a)}.guide-card.primary h3{color:var(--color-success)}.guide-card.secondary{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-card),#e377151a)}.guide-card.secondary h3{color:var(--color-accent)}.guide-card p{color:var(--color-ink-muted);margin:0;line-height:1.7}.guide-table th,.guide-table td{padding:var(--space-sm)var(--space-md)}.guide-table th:first-child,.guide-table td:first-child{font-weight:700}.sources-section{background:var(--color-card-alt);border:2px solid var(--color-border);padding:var(--space-lg)}.sources-list{margin:0;padding:0;list-style:none}.sources-list li{padding:var(--space-sm)0;border-bottom:1px solid var(--color-border);color:var(--color-ink-muted);font-size:var(--text-sm)}.sources-list li:last-child{border-bottom:none}.sources-list strong{color:var(--color-ink)}.sources-list a{color:var(--color-accent);text-decoration:none;transition:color .2s}.sources-list a:hover{color:var(--color-accent-orange);text-decoration:underline}.blog-post-section a{color:var(--color-accent);text-decoration:none;transition:color .2s}.blog-post-section a:hover{color:var(--color-accent-orange);text-decoration:underline}.blog-post-intro a{color:var(--color-accent);text-decoration:none}.blog-post-intro a:hover{color:var(--color-accent-orange);text-decoration:underline}@media (max-width:768px){.guide-content{grid-template-columns:1fr}}.changelog{max-width:900px}.changelog h1{font-size:var(--text-xl);color:var(--color-accent);margin-bottom:var(--space-sm);text-align:center}.changelog-intro{text-align:center;color:var(--color-ink-muted);margin-bottom:var(--space-xl);font-size:var(--text-base)}.versions-list{gap:var(--space-sm);flex-direction:column;display:flex}.version-section{background:var(--color-card);border:3px solid var(--color-border);transition:var(--transition-fast);overflow:hidden}.version-section:hover,.version-section[open]{border-color:var(--color-accent)}.version-header{width:100%;padding:var(--space-md)var(--space-lg);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;list-style:none;display:flex}.version-header::-webkit-details-marker{display:none}.version-header::marker{content:"";display:none}.version-header:hover{background:var(--color-card-alt)}.version-title-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.version-header h2{font-size:var(--text-lg);color:var(--color-accent);font-family:var(--font-pixel);margin:0}.version-date{font-family:var(--font-pixel);color:var(--color-ink-muted);background:var(--color-paper);border:2px solid var(--color-border);font-size:var(--text-sm);padding:4px 12px}.version-chevron{font-size:var(--text-base);color:var(--color-accent);transition:transform .3s}.version-section[open] .version-chevron{transform:rotate(180deg)}.version-content{padding:0 var(--space-lg)var(--space-lg)}.version-overview{color:var(--color-ink);margin-bottom:var(--space-md);line-height:1.7;font-size:var(--text-base);padding-top:var(--space-sm);border-top:2px dashed var(--color-border)}.change-category{margin-bottom:var(--space-md)}.change-label{font-family:var(--font-pixel);font-size:var(--text-base);margin-bottom:var(--space-sm);border:2px solid;padding:4px 12px;display:inline-block}.change-label.added{color:var(--color-success);border-color:var(--color-success);background:#5c8a4a1a}.change-label.changed{color:var(--color-accent);border-color:var(--color-accent);background:#d4a04a1a}.change-label.fixed{color:var(--color-warning);border-color:var(--color-warning);background:#a65d3f1a}.change-label.removed{color:#b91c1c;background:#b91c1c1a;border-color:#b91c1c}.change-category ul{margin:0;padding:0;list-style:none}.change-category li{padding:var(--space-sm)0 var(--space-sm)var(--space-lg);color:var(--color-ink-muted);border-bottom:1px dashed #d4a04a33;line-height:1.6;position:relative}.change-category li:last-child{border-bottom:none}.change-category li:before{content:"▸";color:var(--color-accent);position:absolute;left:0}.change-category li strong{color:var(--color-ink)}.summary-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:4px solid var(--color-border)}.summary-section h2{font-size:var(--text-md);color:var(--color-accent);margin-bottom:var(--space-md);text-align:center}.table-wrapper{overflow-x:auto}.summary-table{border-collapse:collapse;width:100%;font-family:var(--font-pixel)}.summary-table th,.summary-table td{padding:var(--space-sm)var(--space-md);text-align:left;border:2px solid var(--color-border)}.summary-table th{background:var(--color-card-alt);color:var(--color-accent);font-size:var(--text-base)}.summary-table td{color:var(--color-ink-muted);font-size:var(--text-sm)}.summary-table tr:hover td{background:var(--color-card-alt)}.summary-table code{background:var(--color-card-alt);border:1px solid var(--color-border);color:var(--color-accent);font-family:var(--font-pixel);padding:2px 8px}@media (max-width:600px){.version-title-row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.version-header{padding:var(--space-sm)var(--space-md)}.version-content{padding:0 var(--space-md)var(--space-md)}.changelog h1{font-size:var(--text-lg)}.version-header h2{font-size:var(--text-md)}}.about-page{padding-top:0}.about-hero{text-align:center;padding:var(--space-xxl)0 var(--space-xl)}.about-hero h1{font-family:var(--font-pixel);font-size:var(--text-xl);color:var(--color-accent);margin-bottom:var(--space-md);text-shadow:2px 2px 0 var(--color-accent-dark)}.about-subtitle{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink-muted);max-width:600px;margin:0 auto;line-height:1.6}.about-content-grid{max-width:800px;margin:0 auto}.about-section{margin-bottom:var(--space-xxl)}.about-section h2{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-ink);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-border)}.about-section p{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink-muted);margin-bottom:var(--space-md);line-height:1.8}.values-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.value-card{background:var(--color-card);border:2px solid var(--color-border);padding:var(--space-lg)}.value-card h3{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);margin-bottom:var(--space-sm)}.value-card p{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:0;line-height:1.6}.stats-row{gap:var(--space-md);margin-top:var(--space-md);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stat-item{background:var(--color-card);border:2px solid var(--color-border);padding:var(--space-lg)var(--space-md)}.stat-item .stat-value{font-family:var(--font-pixel);font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-xs);display:block}.stat-item .stat-label{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--color-ink-muted)}.about-cta{text-align:center;padding:var(--space-xxl)0;margin-top:var(--space-xl);border-top:2px solid var(--color-border)}.about-cta h2{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-ink);margin-bottom:var(--space-md);border:none;padding:0}.about-cta p{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink-muted);margin-bottom:var(--space-lg)}@media (max-width:768px){.values-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.about-hero h1{font-size:var(--text-lg)}}.contact-page{padding-top:0}.contact-hero{text-align:center;padding:var(--space-xxl)0 var(--space-xl)}.contact-hero h1{font-family:var(--font-pixel);font-size:var(--text-xl);color:var(--color-accent);margin-bottom:var(--space-md);text-shadow:2px 2px 0 var(--color-accent-dark)}.contact-subtitle{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink-muted);max-width:600px;margin:0 auto;line-height:1.6}.contact-content-grid{max-width:800px;margin:0 auto}.contact-section{margin-bottom:var(--space-xxl)}.contact-section h2{font-family:var(--font-pixel);font-size:var(--text-md);color:var(--color-ink);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-border)}.contact-section p{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink-muted);margin-bottom:var(--space-md);line-height:1.8}.contact-email{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-accent);background:var(--color-card);border:2px solid var(--color-border);transition:var(--transition-fast);padding:12px 24px;text-decoration:none;display:inline-block}.contact-email:hover{background:var(--color-accent);color:var(--color-paper);box-shadow:2px 2px 0 var(--color-ink);transform:translate(-2px,-2px)}.contact-social-links{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.contact-response{background:var(--color-card);border:2px solid var(--color-border);padding:var(--space-lg)}.contact-response h2{margin-bottom:var(--space-sm);border:none;padding:0}.contact-faq{gap:var(--space-md);margin-top:var(--space-md);flex-direction:column;display:flex}.faq-item{background:var(--color-card);border:2px solid var(--color-border);padding:var(--space-lg);cursor:pointer}.faq-item summary{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--color-ink);justify-content:space-between;align-items:center;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--color-accent);font-size:var(--text-base)}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:var(--space-md);font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.6}@media (max-width:768px){.contact-hero h1{font-size:var(--text-lg)}}.blog-post .container{max-width:920px}