:root{--cream:#f5efe6;--warm-white:#fff8e7;--ivory:#e8dcc4;--blush:#f0e4d4;--sky:#e8dcc4;--lavender:#e8dcc4;--mint:#e2e8d8;--petal:#e8dcc4;--gold:#d4a373;--pink-100:#f0e4d4;--pink-200:#e0cdb5;--pink-400:#d4a373;--pink-600:#a67b5b;--blue-100:#d6cfc4;--blue-400:#a67b5b;--blue-600:#7a5c3e;--ink:#2c3e50;--ink-70:#2c3e50b3;--ink-40:#2c3e5066;--ink-15:#2c3e5026;--ink-06:#2c3e500f;--cocoa:#d4a373;--terracotta:#e76f51;--mocha:#a67b5b;--plant-green:#7a9e7e;--card-bg:#fff;--card-border:var(--ink-06);--card-shadow:#0000000f;--input-bg:#fff;--input-border:var(--ink-15);--navbar-bg:#f5efe6d1;--navbar-border:#d4a37333;--navbar-shadow:#d4a37314;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-xl:40px;--radius-pill:999px;--font-display:"EB Garamond", serif;--font-body:"DM Sans", sans-serif;--nav-h:72px;--max-w:1160px}[data-theme=dark]{--cream:#0f1115;--warm-white:#16181d;--ivory:#1e2028;--blush:#23252e;--sky:#1e2028;--lavender:#1e2028;--mint:#1e2528;--petal:#1e2028;--gold:#d4a373;--pink-100:#2a2230;--pink-200:#3a2f40;--pink-400:#d4a373;--pink-600:#c9956a;--blue-100:#252830;--blue-400:#c9956a;--blue-600:#e0b896;--ink:#e8e0d8;--ink-70:#e8e0d8b3;--ink-40:#e8e0d866;--ink-15:#e8e0d826;--ink-06:#e8e0d80f;--cocoa:#d4a373;--terracotta:#e76f51;--mocha:#c9956a;--plant-green:#8ab88e;--card-bg:#1a1c22;--card-border:#e8e0d814;--card-shadow:#0000004d;--input-bg:#22242c;--input-border:#e8e0d81f;--navbar-bg:#0f1115d9;--navbar-border:#d4a37326;--navbar-shadow:#0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.65;transition:background .4s,color .4s;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.bg-canvas{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.35;border-radius:50%;transition:opacity .4s;position:absolute}[data-theme=dark] .blob{opacity:.15}.blob-1{background:#e8dcc4;width:600px;height:600px;animation:18s ease-in-out infinite blobDrift;top:-100px;left:-150px}.blob-2{background:#d4a373;width:500px;height:500px;animation:22s ease-in-out infinite reverse blobDrift;bottom:100px;right:-120px}.blob-3{background:#7a9e7e;width:350px;height:350px;animation:16s ease-in-out 3s infinite blobDrift;top:45%;left:40%}@keyframes blobDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.97)}}#loading{z-index:99999;background:linear-gradient(135deg,#f5efe6 0%,#e8dcc4 50%,#fff8e7 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s,visibility .7s;display:flex;position:fixed;inset:0}[data-theme=dark] #loading{background:linear-gradient(135deg,#0f1115 0%,#1a1c22 50%,#16181d 100%)}#loading.out{opacity:0;visibility:hidden}.loader-icon{border:3px solid var(--cocoa);background:#fff;border-radius:50%;width:90px;height:90px;margin-bottom:28px;animation:2s ease-in-out infinite loaderPulse;overflow:hidden;box-shadow:0 0 0 8px #d4a37326,0 20px 50px #d4a37333}.loader-icon img{object-fit:cover;width:100%;height:100%}@keyframes loaderPulse{0%,to{transform:scale(1);box-shadow:0 0 0 8px #d4a37326,0 20px 50px #d4a37333}50%{transform:scale(1.04);box-shadow:0 0 0 16px #d4a37314,0 30px 60px #d4a3734d}}.loader-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-bottom:20px;font-size:2rem;font-weight:700;transition:color .4s}.loader-bar-wrap{border-radius:var(--radius-pill);background:#d4a37340;width:180px;height:3px;overflow:hidden}.loader-bar{background:linear-gradient(90deg, var(--cocoa), var(--terracotta));border-radius:var(--radius-pill);width:0%;height:100%;animation:2.8s forwards loaderFill}@keyframes loaderFill{to{width:100%}}.container{max-width:var(--max-w);z-index:1;margin:0 auto;padding:0 24px;position:relative}.page-content{min-height:100vh}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--mocha);background:var(--ivory);border-radius:var(--radius-pill);align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.section-label i{font-size:.9rem}.section-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.section-title .accent{background:linear-gradient(120deg, var(--cocoa) 0%, var(--terracotta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-sub{color:var(--ink-70);max-width:520px;margin-top:12px;font-size:1.05rem}.navbar-wrap{z-index:1000;padding:0 20px;position:sticky;top:16px}.navbar{max-width:var(--max-w);background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--navbar-border);border-radius:var(--radius-xl);box-shadow:0 4px 30px var(--navbar-shadow), 0 1px 0 #fff9 inset;justify-content:space-between;align-items:center;margin:0 auto;padding:12px 20px;transition:box-shadow .3s,background .4s,border-color .4s;display:flex}.navbar.scrolled{box-shadow:0 8px 40px var(--navbar-shadow), 0 1px 0 #fff9 inset}.nav-logo{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.nav-logo-img{border:2px solid var(--ivory);background:var(--card-bg);width:40px;height:40px;box-shadow:0 2px 8px var(--navbar-shadow);border-radius:50%;transition:border-color .4s,background .4s;overflow:hidden}.nav-logo-img img{object-fit:cover;width:100%;height:100%}.nav-links{gap:8px;display:flex}.nav-links a{border-radius:var(--radius-pill);color:var(--ink-70);padding:7px 16px;font-size:.9rem;font-weight:500;transition:color .2s,background .2s}.nav-links a:hover{color:var(--ink);background:var(--ink-06)}.nav-right{align-items:center;gap:8px;display:flex}.btn{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:11px 24px;font-size:.93rem;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:#fff;transition:opacity .2s;position:absolute;inset:0}.btn:hover:after{opacity:.12}.btn:active{transform:scale(.96)!important}.btn-primary{background:linear-gradient(135deg, var(--cocoa) 0%, var(--terracotta) 100%);color:#fff;box-shadow:0 4px 16px #d4a37359,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a37373,inset 0 1px #fff3}.btn-ghost{background:var(--card-bg);color:var(--ink);border:1px solid var(--ink-15);box-shadow:0 2px 8px var(--card-shadow);transition:background .4s,color .4s,border-color .4s,box-shadow .4s}.btn-ghost:hover{box-shadow:0 6px 20px var(--ink-15);border-color:var(--ink-40);transform:translateY(-2px)}.btn-icon{background:var(--card-bg);width:40px;height:40px;color:var(--ink-70);border:1px solid var(--ink-15);border-radius:50%;justify-content:center;padding:0;transition:background .4s,color .4s,border-color .4s}.btn-icon:hover{color:var(--ink);border-color:var(--ink-40);transform:translateY(-1px)}.btn i{font-size:1rem}.hero{padding:calc(var(--nav-h) + 40px) 0 80px;align-items:center;min-height:100svh;display:flex}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mocha);background:var(--ivory);border-radius:var(--radius-pill);align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:background .4s;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--plant-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;display:block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.hero-h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:700;line-height:1.1}.hero-h1 em{background:linear-gradient(120deg, var(--cocoa) 0%, var(--terracotta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-p{color:var(--ink-70);max-width:440px;margin-bottom:36px;font-size:1.15rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{flex-wrap:wrap;gap:28px;margin-top:44px;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-num{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:1.6rem;font-weight:700}.stat-label{color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.hero-visual{height:480px;position:relative}.hero-card-main{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);width:220px;box-shadow:0 20px 60px var(--card-shadow), 0 2px 8px #0000000f;z-index:2;padding:14px;transition:background .4s,border-color .4s,box-shadow .4s;animation:7s ease-in-out infinite floatMain;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.hero-card-main .thumb{aspect-ratio:3/4;border-radius:calc(var(--radius-lg) - 6px);background:var(--ivory);width:100%;overflow:hidden}.hero-card-main .thumb img{object-fit:cover;width:100%;height:100%}.hero-card-main .card-label{color:var(--ink-40);margin-top:10px;font-size:.78rem;font-weight:500}.hero-card-main .card-tag{background:var(--ivory);color:var(--mocha);border-radius:var(--radius-pill);margin-top:4px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:background .4s;display:inline-block}@keyframes floatMain{0%,to{transform:translate(-50%,-52%)rotate(-2deg)}50%{transform:translate(-50%,-56%)rotate(-2deg)}}.hero-card-side{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);box-shadow:0 12px 40px var(--card-shadow);transition:background .4s,border-color .4s,box-shadow .4s;position:absolute}.hero-card-side.side-a{z-index:3;width:160px;padding:12px;animation:8s ease-in-out 1s infinite floatA;top:0;right:0}.hero-card-side.side-b{z-index:3;width:150px;padding:12px;animation:9s ease-in-out 2.5s infinite floatB;bottom:40px;left:0}@keyframes floatA{0%,to{transform:rotate(5deg)translateY(0)}50%{transform:rotate(5deg)translateY(-10px)}}@keyframes floatB{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-12px)}}.hero-card-side .thumb{aspect-ratio:4/3;border-radius:calc(var(--radius-md) - 4px);background:var(--ivory);width:100%;overflow:hidden}.hero-card-side .thumb img{object-fit:cover;width:100%;height:100%}.hero-card-side .micro-text{color:var(--ink-40);margin-top:8px;font-size:.72rem}.chat-bubble-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.chat-bubble-avatar{background:var(--ivory);border-radius:50%;width:28px;height:28px;transition:background .4s;overflow:hidden}.chat-bubble-avatar img{object-fit:cover;width:100%;height:100%}.chat-bubble-name{color:var(--ink);font-size:.72rem;font-weight:700}.chat-bubble-status{color:var(--plant-green);font-size:.65rem}.chat-bubble-msg{background:var(--ivory);border-radius:var(--radius-md);color:var(--ink-70);padding:8px 10px;font-size:.75rem;transition:background .4s}.stat-divider{border-left:1px solid var(--ink-06);padding-left:24px;transition:border-color .4s}.hero-badge{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);box-shadow:0 8px 24px var(--card-shadow);color:var(--ink);white-space:nowrap;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:background .4s,border-color .4s,box-shadow .4s;display:flex;position:absolute}.hero-badge .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.hero-badge.b1{z-index:3;animation:6s ease-in-out infinite floatB1;bottom:120px;right:0}.hero-badge.b2{z-index:3;animation:7s ease-in-out 1.5s infinite floatB2;top:80px;left:0}@keyframes floatB1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatB2{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.features-section{padding:100px 0}.features-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px;display:grid}.feat-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);cursor:pointer;padding:28px 22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s,background .4s;position:relative;overflow:hidden}.feat-card:focus-visible{outline:2px solid var(--cocoa);outline-offset:2px}.feat-preview-hint{text-transform:uppercase;letter-spacing:.06em;color:var(--mocha);background:var(--ivory);border-radius:var(--radius-pill);opacity:0;z-index:1;align-items:center;gap:5px;margin-top:14px;padding:5px 12px;font-size:.72rem;font-weight:600;transition:opacity .3s,transform .3s;display:inline-flex;position:relative;transform:translateY(4px)}.feat-card:hover .feat-preview-hint{opacity:1;transform:translateY(0)}.feat-card:before{content:"";background:radial-gradient(circle at 80% 20%, var(--tint,var(--ivory)) 0%, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.feat-card:hover:before{opacity:1}.feat-card:hover{box-shadow:0 20px 50px var(--card-shadow);border-color:var(--ink-15);transform:translateY(-8px)}.feat-icon-wrap{border-radius:var(--radius-md);z-index:1;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:1.4rem;display:flex;position:relative}.feat-card h3{font-family:var(--font-display);z-index:1;margin-bottom:8px;font-size:1.05rem;font-weight:700;position:relative}.feat-card p{color:var(--ink-70);z-index:1;font-size:.87rem;line-height:1.6;position:relative}.feat-card:first-child{--tint:#f0e4d4;--icon-bg:var(--ivory);--icon-color:var(--cocoa)}.feat-card:nth-child(2){--tint:#e8dcc4;--icon-bg:var(--ivory);--icon-color:var(--mocha)}.feat-card:nth-child(3){--tint:#e2e8d8;--icon-bg:#e2e8d8;--icon-color:var(--plant-green)}.feat-card:nth-child(4){--tint:#f5e6d8;--icon-bg:#f5e6d8;--icon-color:var(--terracotta)}.feat-card:nth-child(5){--tint:#ede4d8;--icon-bg:#ede4d8;--icon-color:var(--cocoa)}.feat-card:nth-child(6){--tint:#e8dcc4;--icon-bg:var(--ivory);--icon-color:var(--mocha)}.feat-card:nth-child(7){--tint:#f0e4d4;--icon-bg:var(--ivory);--icon-color:var(--cocoa)}.feat-card:nth-child(8){--tint:#e2e8d8;--icon-bg:#e2e8d8;--icon-color:var(--plant-green)}.feat-icon-wrap{background:var(--icon-bg);color:var(--icon-color);transition:background .4s,color .4s}[data-theme=dark] .feat-card:first-child{--tint:#d4a3731a;--icon-bg:#d4a37326;--icon-color:var(--cocoa)}[data-theme=dark] .feat-card:nth-child(2){--tint:#a67b5b1a;--icon-bg:#a67b5b26;--icon-color:var(--mocha)}[data-theme=dark] .feat-card:nth-child(3){--tint:#7a9e7e1a;--icon-bg:#7a9e7e26;--icon-color:var(--plant-green)}[data-theme=dark] .feat-card:nth-child(4){--tint:#e76f511a;--icon-bg:#e76f5126;--icon-color:var(--terracotta)}[data-theme=dark] .feat-card:nth-child(5){--tint:#d4a3731a;--icon-bg:#d4a37326;--icon-color:var(--cocoa)}[data-theme=dark] .feat-card:nth-child(6){--tint:#a67b5b1a;--icon-bg:#a67b5b26;--icon-color:var(--mocha)}[data-theme=dark] .feat-card:nth-child(7){--tint:#d4a3731a;--icon-bg:#d4a37326;--icon-color:var(--cocoa)}[data-theme=dark] .feat-card:nth-child(8){--tint:#7a9e7e1a;--icon-bg:#7a9e7e26;--icon-color:var(--plant-green)}.feat-card.large{grid-column:span 2;grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}.feat-card.large .feat-info{padding:4px 0}.feat-card.large .feat-visual{border-radius:var(--radius-md);background:var(--ivory);justify-content:center;align-items:center;height:140px;font-size:3.5rem;transition:background .4s;display:flex;overflow:hidden}.feat-preview-overlay{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#2c3e5066;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:none;position:fixed;inset:0}[data-theme=dark] .feat-preview-overlay{background:#0009}.feat-preview-overlay.open{opacity:1;display:flex}.feat-preview-modal{background:var(--card-bg);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:85vh;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .4s;position:relative;overflow:hidden;transform:translateY(20px)scale(.96);box-shadow:0 32px 80px #2c3e5040}.feat-preview-overlay.open .feat-preview-modal{transform:translateY(0)scale(1)}.feat-preview-close{cursor:pointer;width:36px;height:36px;color:var(--ink);z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .feat-preview-close{background:#1e2028e6}.feat-preview-close:hover{background:var(--card-bg);transform:rotate(90deg)}.feat-preview-img{object-fit:contain;background:var(--ivory);width:100%;display:block}.feat-preview-content{padding:28px 32px 32px}.feat-preview-content h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-bottom:10px;font-size:1.5rem;font-weight:700}.feat-preview-content p{color:var(--ink-70);font-size:.95rem;line-height:1.7}.feat-preview-img-placeholder{background:var(--ivory);justify-content:center;align-items:center;width:100%;min-height:180px;font-size:4rem;display:flex}.game-section{padding:80px 0}.game-wrap{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--card-border);box-shadow:0 20px 60px var(--card-shadow);transition:background .4s,border-color .4s,box-shadow .4s;overflow:hidden}.game-header{border-bottom:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 36px 24px;transition:border-color .4s;display:flex}.game-score-display{align-items:center;gap:10px;display:flex}.score-pill{background:var(--ink);color:var(--cream);font-family:var(--font-display);border-radius:var(--radius-pill);letter-spacing:-.02em;text-align:center;min-width:100px;padding:8px 22px;font-size:1.2rem;font-weight:700;transition:background .4s,color .4s}[data-theme=dark] .score-pill{background:var(--ivory);color:var(--ink)}.game-area{touch-action:none;background:linear-gradient(160deg,#f5efe6 0%,#fff8e7 50%,#f0e4d4 100%);height:400px;position:relative;overflow:hidden}[data-theme=dark] .game-area{background:linear-gradient(160deg,#1a1c22 0%,#16181d 50%,#1e2028 100%)}.game-grid-lines{pointer-events:none;background-image:linear-gradient(#a67b5b12 1px,#0000 1px),linear-gradient(90deg,#a67b5b12 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.game-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#f5efe6e0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}[data-theme=dark] .game-overlay{background:#0f1115e0}.game-overlay-icon{margin-bottom:12px;font-size:4rem}.game-overlay h3{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:1.8rem;font-weight:700}.game-overlay p{color:var(--ink-70);margin-bottom:24px;font-size:1rem}.player-cat{z-index:10;pointer-events:none;border:3px solid var(--card-bg);border-radius:50%;width:56px;height:56px;transition:border-color .4s;position:absolute;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #d4a3734d}.falling-item{z-index:5;-webkit-user-select:none;user-select:none;font-size:1.8rem;transition:opacity .15s;position:absolute}.score-pop{font-family:var(--font-display);pointer-events:none;z-index:15;color:var(--terracotta);font-size:1.1rem;font-weight:700;animation:.7s forwards scorePop;position:absolute}@keyframes scorePop{0%{opacity:1;transform:translateY(0)scale(.8)}50%{transform:translateY(-30px)scale(1.1)}to{opacity:0;transform:translateY(-60px)scale(.9)}}.commands-section{padding:100px 0}.tabs-row{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.tab-pill{border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid var(--ink-15);background:var(--card-bg);color:var(--ink-70);padding:8px 20px;font-size:.87rem;font-weight:600;transition:all .2s,background .4s,color .4s}.tab-pill:hover{border-color:var(--ink-40);color:var(--ink)}.tab-pill.active{background:var(--ink);color:#fff;border-color:#0000;box-shadow:0 4px 14px #2c3e5040}[data-theme=dark] .tab-pill.active{box-shadow:0 4px 14px #0006}.tab-pane{animation:.3s fadeUp;display:none}.tab-pane.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cmd-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.cmd-chip{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s,background .4s;display:flex;position:relative;overflow:hidden}.cmd-chip:after{content:"";background:linear-gradient(180deg, var(--cocoa), var(--terracotta));transform-origin:bottom;border-radius:0 2px 2px 0;width:3px;height:100%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;transform:scaleY(0)}.cmd-chip:hover{border-color:var(--ink-15);box-shadow:0 4px 14px var(--card-shadow);transform:translate(4px)}.cmd-chip:hover:after{transform:scaleY(1)}.cmd-chip:active{transform:translate(4px)scale(.98)}.cmd-name{color:var(--ink);font-family:Courier New,monospace;font-size:.88rem;font-weight:700}.cmd-desc{font-family:var(--font-body);color:var(--ink-40);margin-top:3px;font-size:.75rem;font-weight:400;line-height:1.4;display:block}.cmd-icon{color:var(--ink-40);font-size:.85rem;transition:color .2s}.cmd-chip:hover .cmd-icon{color:var(--cocoa)}.cmd-cat-desc{color:var(--ink-70);margin-bottom:20px;font-size:.9rem;line-height:1.6;transition:color .4s}.cmd-previews-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.cmd-preview-btn{border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid var(--ink-15);background:var(--card-bg);color:var(--ink-70);align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.cmd-preview-btn:hover{background:var(--cocoa);color:#fff;border-color:var(--cocoa);transform:translateY(-2px);box-shadow:0 6px 20px #d4a37340}.cmd-preview-btn i{font-size:1rem}footer{border-top:1px solid var(--card-border);margin-top:60px;padding:60px 0 30px;transition:border-color .4s}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand-img{border:2px solid var(--ivory);border-radius:50%;width:42px;height:42px;transition:border-color .4s;overflow:hidden}.footer-brand-img img{object-fit:cover;width:100%;height:100%}.footer-brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.footer-brand-tagline{color:var(--ink-40);font-size:.8rem}.footer-links{gap:6px;display:flex}.footer-links a{background:var(--ink-06);width:38px;height:38px;color:var(--ink-70);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s,background .4s;display:flex}.footer-links a:hover{background:var(--ivory);color:var(--cocoa);transform:translateY(-2px)}.copyright{color:var(--ink-40);text-align:center;margin-top:36px;font-size:.78rem}.toast{background:var(--ink);color:#fff;border-radius:var(--radius-pill);z-index:8000;opacity:0;pointer-events:none;align-items:center;gap:8px;padding:12px 24px;font-size:.88rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-icon{background:var(--plant-green);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex}.devs-page{flex-direction:column;min-height:100vh;display:flex}.devs-nav{z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);padding:16px 0;transition:background .4s,border-color .4s;position:sticky;top:0}.devs-nav .container{justify-content:space-between;align-items:center;display:flex}.devs-nav-right{align-items:center;gap:8px;display:flex}.devs-nav-brand{font-family:var(--font-display);color:var(--ink);font-size:1.2rem;font-weight:700;transition:color .2s}.devs-nav-brand:hover{color:var(--cocoa)}.devs-nav-back{color:var(--ink-70);align-items:center;gap:6px;font-size:.9rem;font-weight:500;transition:color .2s,transform .2s;display:inline-flex}.devs-nav-back:hover{color:var(--cocoa);transform:translate(-3px)}.devs-nav-back i{font-size:.8rem}.devs-hero{text-align:center;padding:60px 0 50px}.devs-hero .section-label{margin-bottom:20px}.devs-hero-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.devs-hero-title .accent{background:linear-gradient(120deg, var(--cocoa) 0%, var(--terracotta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.devs-hero-sub{color:var(--ink-70);max-width:520px;margin:0 auto;font-size:1.05rem;line-height:1.7}.devs-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;max-width:800px;margin:0 auto;padding-bottom:80px;display:grid}.dev-card{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--card-border);box-shadow:0 8px 30px var(--card-shadow);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,background .4s;position:relative;overflow:hidden}.dev-card:before{content:"";background:radial-gradient(circle at 50% 0%, var(--cocoa) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.dev-card:hover{box-shadow:0 24px 60px var(--card-shadow);transform:translateY(-8px)}.dev-card:hover:before{opacity:.05}.dev-card-header{background:linear-gradient(135deg, var(--cocoa) 0%, var(--terracotta) 100%);height:140px;position:relative;overflow:hidden}.dev-header-pattern{opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.dev-card-body{text-align:center;z-index:1;margin-top:-52px;padding:0 32px 32px;position:relative}.dev-avatar{background:var(--ivory);border-radius:50%;width:104px;height:104px;margin:0 auto;transition:transform .3s;position:relative;overflow:hidden}.dev-card:hover .dev-avatar{transform:scale(1.05)}.dev-avatar img{object-fit:cover;z-index:2;width:100%;height:100%;position:relative}.dev-avatar-ring{border:3px solid var(--card-bg);z-index:3;pointer-events:none;border-radius:50%;transition:border-color .4s;position:absolute;inset:-4px}.dev-avatar-fallback{width:100%;height:100%;color:var(--mocha);z-index:2;justify-content:center;align-items:center;font-size:2.2rem;display:flex;position:relative}.dev-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin-top:18px;margin-bottom:2px;font-size:1.5rem;font-weight:700}.dev-handle{color:var(--cocoa);margin-bottom:10px;font-size:.82rem;font-weight:500;display:block}.dev-role{color:var(--mocha);background:var(--ivory);border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;padding:5px 16px;font-size:.72rem;font-weight:600;transition:background .4s;display:inline-block}.dev-bio{color:var(--ink-70);max-width:320px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:.92rem;line-height:1.7}.dev-stats{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);justify-content:center;gap:32px;margin-bottom:24px;padding:16px 0;transition:border-color .4s;display:flex}.dev-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.dev-stat-value{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.dev-stat-label{color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.dev-skills{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:24px;display:flex}.dev-skill{color:var(--cocoa);background:var(--ivory);border-radius:var(--radius-pill);letter-spacing:.02em;padding:5px 12px;font-size:.72rem;font-weight:600;transition:background .4s,color .4s}.dev-skill:hover{background:var(--cocoa);color:#fff}.dev-socials{justify-content:center;gap:10px;display:flex}.dev-social-link{background:var(--ink-06);width:44px;height:44px;color:var(--ink-70);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.dev-social-link:hover{background:var(--cocoa);color:#fff;border-color:var(--cocoa);transform:translateY(-4px);box-shadow:0 8px 20px #d4a3734d}.dev-social-link i{transition:transform .2s}.dev-social-link:hover i{transform:scale(1.1)}@media (width<=600px){.devs-hero{padding:40px 0 30px}.devs-grid{grid-template-columns:1fr;padding:0 0 60px}.dev-card-body{padding:0 24px 28px}.dev-stats{gap:24px}}.feedback-section{padding:100px 0 80px;overflow:hidden}.feedback-outer{justify-content:center;margin-top:48px;display:flex;position:relative}.feedback-floating{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);box-shadow:0 8px 24px var(--card-shadow);color:var(--ink);white-space:nowrap;z-index:3;pointer-events:none;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:background .4s,border-color .4s;display:flex;position:absolute}.feedback-floating i{color:var(--cocoa);font-size:.9rem}.f-left{animation:7s ease-in-out infinite floatFeedbackLeft;top:-20px;left:5%}.f-right{animation:8s ease-in-out 1s infinite floatFeedbackRight;bottom:-20px;right:5%}@keyframes floatFeedbackLeft{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatFeedbackRight{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feedback-card{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--card-border);box-shadow:0 25px 80px var(--card-shadow);z-index:2;width:100%;max-width:700px;padding:48px 40px;transition:background .4s,border-color .4s,box-shadow .4s;position:relative}.feedback-form .field{margin-bottom:22px}.feedback-form label{color:var(--ink);margin-bottom:6px;font-size:.85rem;font-weight:600;transition:color .4s;display:block}.field-opt{color:var(--ink-40);font-weight:400}.field-req{color:var(--terracotta)}.feedback-form input,.feedback-form textarea{background:var(--ivory);border:none;border-bottom:2px solid var(--ink-15);border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;color:var(--ink);font-size:.95rem;font-family:var(--font-body);-webkit-appearance:none;outline:none;padding:12px 16px;transition:border-color .2s,background .4s,color .4s}.feedback-form input:focus,.feedback-form textarea:focus{background:var(--card-bg);border-bottom-color:var(--cocoa)}.feedback-form input::placeholder,.feedback-form textarea::placeholder{color:var(--ink-40)}.feedback-form textarea{resize:vertical;min-height:120px}.feedback-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.feedback-submit{justify-content:center;width:100%;padding:14px 24px;font-size:1rem}.feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-submit:disabled:hover{transform:none}.feedback-submit i{margin-right:8px}.feedback-status{border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:18px;padding:14px 18px;font-size:.9rem;font-weight:500;animation:.4s cubic-bezier(.34,1.56,.64,1) feedbackStatusIn;display:flex}@keyframes feedbackStatusIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feedback-status i{flex-shrink:0;font-size:1.1rem}.feedback-status.success{color:#1a7a48;border-left:3px solid var(--plant-green);background:#edfaf3}.feedback-status.error{color:var(--terracotta);border-left:3px solid var(--terracotta);background:#fff0f2}[data-theme=dark] .feedback-status.success{color:#8ab88e;background:#7a9e7e26}[data-theme=dark] .feedback-status.error{background:#e76f5126}@media (width<=600px){.feedback-section{padding:80px 0 60px}.feedback-card{padding:32px 20px}.feedback-row{grid-template-columns:1fr}.f-left{top:-30px;left:10px}.f-right{bottom:-30px;right:10px}}.fb-image-upload{background:var(--ivory);border:2px dashed var(--ink-15);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:24px;transition:background .3s,border-color .3s;display:flex}.fb-image-upload:hover{background:var(--card-bg);border-color:var(--cocoa)}.fb-image-upload i{color:var(--cocoa);font-size:1.5rem}.fb-image-upload span{color:var(--ink-40);font-size:.85rem}.fb-image-preview{border-radius:var(--radius-md);background:var(--ivory);border:1px solid var(--card-border);position:relative;overflow:hidden}.fb-image-preview img{object-fit:contain;width:100%;max-height:200px;display:block}.fb-image-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.fb-image-remove:hover{background:var(--terracotta)}.theme-toggle{border:1px solid var(--ink-15);background:var(--card-bg);width:40px;height:40px;color:var(--ink-70);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.theme-toggle:hover{color:var(--cocoa);border-color:var(--ink-40);box-shadow:0 4px 12px var(--card-shadow);transform:translateY(-1px)}.theme-toggle:active{transform:scale(.92)}.theme-toggle-icon{z-index:2;justify-content:center;align-items:center;font-size:1rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.theme-toggle.animating .theme-toggle-icon{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards iconPop;transform:rotate(360deg)scale(.5)}@keyframes iconPop{0%{opacity:.5;transform:rotate(0)scale(.5)}50%{opacity:1;transform:rotate(180deg)scale(1.3)}to{opacity:1;transform:rotate(360deg)scale(1)}}.theme-toggle-ripple{background:radial-gradient(circle, var(--cocoa) 0%, transparent 70%);opacity:0;z-index:1;pointer-events:none;border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-toggle.animating .theme-toggle-ripple{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards rippleExpand}@keyframes rippleExpand{0%{opacity:.5;width:0;height:0}to{opacity:0;width:200px;height:200px}}.theme-toggle.animating:after{content:"";background:radial-gradient(circle at var(--toggle-x,50%) var(--toggle-y,50%), #d4a37326 0%, transparent 70%);pointer-events:none;z-index:9998;width:100vw;height:100vh;animation:.6s ease-out forwards screenFlash;position:fixed;top:0;left:0}@keyframes screenFlash{0%{opacity:1}to{opacity:0}}@media (width<=900px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{height:340px;margin-top:20px}.hero-card-main{width:160px;top:40%}.hero-card-side.side-a{width:120px;top:0;right:0}.hero-card-side.side-b{width:110px;bottom:20px;left:0}.hero-badge.b1{bottom:80px;right:0}.hero-badge.b2{top:40px;left:0}.features-grid{grid-template-columns:repeat(2,1fr)}.feat-card.large{grid-column:span 1;grid-template-columns:1fr}.hero-h1{font-size:2.6rem}.nav-links{display:none}}@media (width<=600px){.hero-visual{height:280px;margin-top:16px}.hero-card-main{width:130px;padding:10px;top:35%}.hero-card-main .card-tag{padding:2px 8px;font-size:.65rem}.hero-card-side.side-a{width:100px;padding:8px}.hero-card-side.side-b{width:95px;padding:8px;bottom:10px}.hero-badge{padding:6px 10px;font-size:.7rem}.hero-badge.b1{bottom:60px}.hero-badge.b2{top:20px}.features-grid,.cmd-grid{grid-template-columns:1fr}.hero-stats{gap:20px}.game-header{padding:20px}.feat-preview-modal{margin:12px}.feat-preview-img{max-height:60vh}.feat-preview-content{padding:20px 24px 24px}.feat-preview-content h3{font-size:1.3rem}.feat-preview-hint{opacity:1;transform:translateY(0)}.cmd-previews-row{flex-direction:column}.cmd-preview-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,.blob,.hero-card-main,.hero-card-side{transition:none!important;animation:none!important}}