.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-3) 0;transition:background-color .3s var(--ease-out),backdrop-filter .3s var(--ease-out),border-color .3s var(--ease-out);border-bottom:1px solid transparent}.nav.is-scrolled{background-color:#0a0a0abf;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);position:relative;z-index:101}.nav-brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.1rem;letter-spacing:-.01em;color:var(--fg);z-index:102}.nav-brand-avatar{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover;border:1.5px solid var(--accent);box-shadow:0 0 8px #d4a57433}.nav-brand-text{font-variation-settings:"opsz" 14,"wght" 450}.nav-hamburger{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:102}.hamburger-line{width:100%;height:2px;background-color:var(--accent);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1),background-color .25s var(--ease-out);border-radius:4px}.nav-hamburger:hover .hamburger-line{background-color:var(--fg)}.nav-hamburger.is-open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:var(--fg)}.nav-hamburger.is-open .hamburger-line:nth-child(2){opacity:0}.nav-hamburger.is-open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:var(--fg)}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080808f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.nav-overlay-content{width:100%;max-width:var(--max-width);padding:var(--space-6) var(--gutter);display:flex;flex-direction:column;justify-content:center}.nav-overlay-menu{display:flex;flex-direction:column;align-items:center}.nav-overlay-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:400px;align-items:center}.nav-overlay-item{width:100%;text-align:center}.nav-overlay-item.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:var(--space-2) 0;width:60%}.nav-overlay-btn{background:transparent;border:none;color:var(--fg-muted);font-family:var(--font-sans);font-size:1.5rem;font-weight:350;letter-spacing:-.01em;padding:var(--space-2) 0;width:100%;cursor:pointer;transition:color .25s var(--ease-out),transform .25s var(--ease-out)}.nav-overlay-btn:hover{color:var(--fg);transform:translateY(-2px)}.nav-overlay-btn.active{color:var(--accent);font-family:var(--font-display);font-weight:400;font-size:1.75rem}.nav-overlay-btn.hub-btn{color:var(--accent);opacity:.85}.nav-overlay-btn.hub-btn:hover{opacity:1;color:var(--fg);text-shadow:0 0 10px rgba(212,165,116,.4)}.hero{position:relative;min-height:92vh;display:flex;align-items:center;padding-top:var(--space-8);padding-bottom:var(--space-7);overflow:hidden}.hero-avatar-container{margin-bottom:var(--space-4);display:inline-block}.hero-avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,165,116,.3);box-shadow:0 0 24px #d4a57433;background:#ffffff08;padding:4px;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.hero-avatar:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 0 32px #d4a57459}@media (max-width: 768px){.hero-avatar{width:90px;height:90px}}.hero-headline{margin:0 0 var(--space-5)}.hero-line-wrap{display:block;overflow:hidden;line-height:1.2;margin-top:-.1em;margin-bottom:-.15em}.hero-line{display:inline-block;will-change:transform;padding-top:.1em;padding-bottom:.15em;padding-right:.25em}.hero-line:nth-child(2),.hero-line-wrap:nth-of-type(2) .hero-line{font-style:italic;color:var(--accent);font-variation-settings:"opsz" 144,"wght" 350,"SOFT" 100}.hero-sub{font-size:1.125rem;line-height:1.6;color:var(--fg-muted);max-width:32rem;margin-bottom:var(--space-5)}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.9rem;font-weight:500;border-radius:999px;transition:transform .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out);border:1px solid transparent}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{background:var(--accent);color:var(--bg);transform:translateY(-1px)}.btn-ghost{border-color:var(--border);color:var(--fg)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero-grain{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");mix-blend-mode:overlay;opacity:.4;z-index:0}.hero>.container{position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 820px){.about-grid{grid-template-columns:1fr 1.5fr;gap:var(--space-7);align-items:start}}.about-intro h2{max-width:18ch;line-height:1.25;letter-spacing:-.015em}.about-body{display:flex;flex-direction:column;gap:var(--space-4);color:var(--fg-muted);font-size:1.0625rem;line-height:1.75;letter-spacing:.005em;word-spacing:.02em}.about-body p{max-width:56ch}.about-facts{margin:var(--space-4) 0 0;padding:var(--space-4) 0 0;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-3)}.about-fact dt{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:.4rem;line-height:1.3}.about-fact dd{margin:0;color:var(--fg);font-size:.95rem;line-height:1.5;letter-spacing:.01em}.about-link{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1.5px dashed var(--accent);transition:color .25s var(--ease-out),border-bottom-color .25s var(--ease-out)}.about-link:hover{color:var(--fg);border-bottom-style:solid}.work-head{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);max-width:32ch}.work-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border)}.work-item{border-bottom:1px solid var(--border)}.work-entry{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4) 0;align-items:start;transition:padding .4s var(--ease-out)}@media (min-width: 760px){.work-entry{grid-template-columns:220px 1fr;gap:var(--space-5);padding:var(--space-5) 0}}.work-item:hover .work-entry{padding-left:var(--space-2)}.work-meta{display:flex;flex-direction:column;gap:.5rem;color:var(--fg-subtle);font-size:.8rem}.work-year{font-family:var(--font-display);font-size:1rem;color:var(--fg-muted);font-variation-settings:"opsz" 14,"wght" 400}.work-tags{display:flex;gap:.4rem;flex-wrap:wrap}.work-tag{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .5rem;border:1px solid var(--border);border-radius:999px;color:var(--fg-muted)}.work-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-variation-settings:"opsz" 72,"wght" 400;letter-spacing:0;color:var(--fg);margin:0 0 .25rem;display:inline-flex;align-items:baseline;gap:.5rem;transition:color .25s var(--ease-out)}.work-item:hover .work-title{color:var(--accent)}.work-role{color:var(--fg-muted);font-size:.875rem;margin-bottom:.75rem}.work-blurb{color:var(--fg-muted);font-size:1rem;line-height:1.65;max-width:55ch}.contact-headline{max-width:22ch;margin-bottom:var(--space-6)}.contact-headline-em{font-style:italic;color:var(--accent);font-variation-settings:"opsz" 72,"wght" 380,"SOFT" 100}.contact-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}@media (min-width: 720px){.contact-grid{grid-template-columns:repeat(3,1fr)}}.contact-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.25rem 1rem;padding:var(--space-4);background:var(--bg);transition:background-color .25s var(--ease-out),color .25s var(--ease-out)}.contact-card:hover{background-color:var(--bg-elev);color:var(--fg)}.contact-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);grid-column:1}.contact-value{grid-column:1;font-family:var(--font-display);font-variation-settings:"opsz" 36,"wght" 420;font-size:1.125rem;color:var(--fg)}.contact-arrow{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--fg-subtle);font-size:1.1rem;transition:transform .3s var(--ease-out),color .25s var(--ease-out)}.contact-card:hover .contact-arrow{color:var(--accent);transform:translate(3px,-3px)}.builder-wrapper{margin-top:140px!important;padding-top:var(--space-4)!important;padding-bottom:var(--space-7)}.builder-head{margin-bottom:var(--space-5);max-width:45rem}.builder-head h2{margin-bottom:var(--space-2)}.builder-sub{color:var(--fg-muted);font-size:1.0625rem}.builder-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}@media (min-width: 1024px){.builder-layout{grid-template-columns:1.1fr 1fr;gap:var(--space-6)}}.builder-controls{display:flex;flex-direction:column;gap:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:var(--space-4);max-height:85vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--fg-subtle) transparent}.builder-controls::-webkit-scrollbar{width:6px}.builder-controls::-webkit-scrollbar-thumb{background-color:var(--fg-subtle);border-radius:3px}.control-section{border-bottom:1px solid var(--border);padding-bottom:var(--space-4)}.control-section:last-of-type{border-bottom:none;padding-bottom:0}.control-section h3{font-size:1.1rem;font-variation-settings:"opsz" 24,"wght" 550;color:var(--fg);margin-bottom:var(--space-3);display:flex;align-items:center;gap:.5rem}.section-head-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-head-row h3{margin-bottom:0}.customizer-options{display:flex;flex-direction:column;gap:var(--space-3)}.color-picker{display:flex;gap:.5rem;margin-top:.25rem}.color-dot{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;transition:transform .15s var(--ease-out),border-color .15s var(--ease-out)}.color-dot:hover{transform:scale(1.1)}.color-dot.is-active{border-color:var(--bg-elev);outline:2px solid var(--accent)}.control-group-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.control-group{display:flex;flex-direction:column;gap:.25rem}.control-group label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle)}.btn-toggle{padding:.5rem var(--space-3);font-size:.85rem;border-color:var(--border);color:var(--fg-muted)}.btn-toggle.is-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.ai-assistant-section{background:#d4a5740a;border:1px solid rgba(212,165,116,.15);border-radius:8px;padding:var(--space-3)}.ai-section-title{display:flex;align-items:center;gap:.4rem;color:var(--accent);margin-bottom:var(--space-3)}.ai-section-title h3{margin-bottom:0;color:var(--accent)}.ai-spark{font-size:1.2rem}.ai-tabs{display:flex;gap:.25rem;background:#0a0a0a66;padding:2px;border-radius:6px;margin-bottom:var(--space-3)}.ai-tab{flex:1;background:transparent;border:none;color:var(--fg-subtle);padding:.4rem .5rem;font-size:.75rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s var(--ease-out)}.ai-tab:hover{color:var(--fg-muted)}.ai-tab.is-active{background:var(--bg-elev);color:var(--accent)}.ai-form{display:flex;flex-direction:column;gap:var(--space-2)}.ai-form textarea{background:#0a0a0a66;border-color:#d4a5741a;font-size:.85rem}.ai-form textarea:focus{border-color:var(--accent);outline:none}.btn-ai{background:var(--accent);color:var(--bg);justify-content:center;font-size:.85rem;padding:.65rem}.btn-ai:hover{background:var(--fg);color:var(--bg)}.ai-error-text{color:#f1948a;font-size:.8rem;margin:0}.ai-output-box{background:#0a0a0a99;border:1px solid rgba(212,165,116,.2);border-radius:6px;padding:var(--space-3)}.ai-output-box label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);display:block;margin-bottom:.25rem}.ai-output-box p{font-size:.875rem;line-height:1.5;color:var(--fg);margin-bottom:var(--space-2)}.ai-output-actions{display:flex;gap:var(--space-2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-item{display:flex;flex-direction:column;gap:.25rem}.form-item.span-2{grid-column:span 2}.form-item label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle)}.form-item input,.form-item select,.form-item textarea,.ai-form textarea{background:var(--bg);border:1px solid var(--border);color:var(--fg);padding:.6rem;font-size:.9rem;border-radius:6px;font-family:inherit;transition:border-color .2s var(--ease-out)}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{outline:none;border-color:var(--accent)}.card-item-editor{background:#0a0a0a4d;border:1px solid var(--border);border-radius:8px;padding:var(--space-3);margin-bottom:var(--space-3)}.card-item-editor:last-of-type{margin-bottom:0}.card-editor-fields{display:flex;flex-direction:column;gap:var(--space-3)}.card-editor-footer{display:flex;justify-content:flex-end;margin-top:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3)}.bullets-editor{display:flex;flex-direction:column;gap:var(--space-2)}.bullets-editor>label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle)}.bullet-row{display:flex;gap:.5rem;align-items:flex-start}.bullet-row textarea{flex:1;font-size:.85rem;background:var(--bg)}.btn-bullet-del,.btn-skill-del{background:transparent;border:none;color:var(--fg-subtle);padding:.5rem;cursor:pointer;transition:color .15s var(--ease-out)}.btn-bullet-del:hover,.btn-skill-del:hover{color:#f1948a}.skills-category-editor{margin-bottom:var(--space-3);background:#0a0a0a33;padding:var(--space-2);border-radius:6px;border:1px solid rgba(245,241,232,.02)}.skills-category-title{display:block;font-size:.75rem;letter-spacing:.08em;color:var(--accent);margin-bottom:.5rem}.skills-tags-list{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tag-editor{display:inline-flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem}.skill-tag-editor input{background:transparent;border:none;color:var(--fg);font-size:.8rem;width:5.5rem;padding:0}.skill-tag-editor input:focus{outline:none}.skill-tag-editor .btn-skill-del{padding:0 0 0 .25rem;font-size:.75rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-xs{padding:.2rem .5rem;font-size:.7rem;border-radius:4px}.btn-danger{background:#f1948a1a;color:#f1948a;border:1px solid rgba(241,148,138,.2)}.btn-danger:hover{background:#f1948a;color:#0a0a0a;border-color:#f1948a}.btn-link{background:transparent;border:none;color:var(--accent);padding:0;text-decoration:underline;align-self:flex-start}.btn-link:hover{color:var(--fg)}.builder-actions-footer{border-top:1px solid var(--border);padding-top:var(--space-4);display:flex;justify-content:flex-start}.builder-preview{display:flex;flex-direction:column;gap:var(--space-3);position:sticky;top:calc(var(--space-8) + 1.5rem)}.preview-top-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:.75rem var(--space-3);font-size:.85rem;color:var(--fg-muted)}.printable-sheet{background:#fff;color:#1a1a1a;box-shadow:0 12px 32px #0006;border-radius:8px;aspect-ratio:8.5 / 11;width:100%;overflow-y:auto;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.printable-sheet .font-serif{font-family:var(--font-display)}.printable-sheet .font-sans{font-family:var(--font-sans);font-weight:700;letter-spacing:-.01em}.spacing-compact{padding:1.5rem}.spacing-normal{padding:2.25rem}.spacing-spacious{padding:3rem}.spacing-compact .sheet-section{margin-bottom:1rem}.spacing-normal .sheet-section{margin-bottom:1.5rem}.spacing-spacious .sheet-section{margin-bottom:2rem}.spacing-compact .sheet-item{margin-bottom:.6rem}.spacing-normal .sheet-item{margin-bottom:1rem}.spacing-spacious .sheet-item{margin-bottom:1.4rem}.sheet-header{border-bottom:2px solid #eaeaea;padding-bottom:.85rem;margin-bottom:1.25rem;text-align:center}.sheet-header h1{font-size:2.2rem;font-weight:600;color:#111;margin:0 0 .15rem;letter-spacing:-.01em}.sheet-title{font-size:1rem;text-transform:uppercase;letter-spacing:.12em;font-weight:500;margin:0 0 .6rem}.sheet-contact-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;font-size:.75rem;color:#555;margin-bottom:.2rem}.sheet-contact-row.sub-contact{font-size:.7rem}.sheet-contact-row a{color:#555;text-decoration:underline}.sheet-contact-row a:hover{color:var(--accent-color)}.sheet-section{display:flex;flex-direction:column;gap:.5rem}.sheet-section h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#777;border-bottom:1px solid #eaeaea;padding-bottom:.25rem;margin:0}.sheet-summary{font-size:.875rem;line-height:1.5;color:#333;margin:0;max-width:100%}.sheet-items-list{display:flex;flex-direction:column}.sheet-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sheet-item-role{font-size:.95rem;font-weight:700;color:#111;margin:0}.sheet-item-org{font-size:.85rem;font-weight:500;color:#555}.sheet-item-meta{text-align:right;font-size:.8rem;color:#666;white-space:nowrap}.sheet-item-dates{display:block;font-weight:600}.sheet-item-loc{display:block;font-style:italic}.sheet-item-bullets{margin:.35rem 0 0;padding-left:1.15rem;font-size:.825rem;line-height:1.45;color:#333}.sheet-item-bullets li{margin-bottom:.2rem}.sheet-item-bullets li:last-child{margin-bottom:0}.sheet-item-details{font-size:.8rem;font-style:italic;color:#444;margin:.2rem 0 0}.sheet-skills-grid{display:grid;grid-template-columns:1fr;gap:.6rem}@media (min-width: 480px){.sheet-skills-grid{grid-template-columns:repeat(3,1fr)}}.sheet-skill-category{display:flex;flex-direction:column}.sheet-skill-title{font-size:.7rem;letter-spacing:.08em;font-weight:700;color:#666;margin:0 0 .15rem}.sheet-skill-list{font-size:.8rem;color:#333;margin:0;line-height:1.35}@media print{body,html{background:#fff!important;color:#000!important;margin:0!important;padding:0!important}.no-print,nav,header,footer,.builder-head,.builder-controls,.preview-top-toolbar,.builder-actions-footer{display:none!important}.builder-wrapper,.container{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}.builder-layout{display:block!important}.builder-preview{position:static!important;width:100%!important}.printable-sheet{background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:0!important;padding:0!important;aspect-ratio:auto!important;overflow:visible!important}.sheet-item,.sheet-skill-category,.no-break-after{page-break-inside:avoid;break-inside:avoid}}.hub-section{padding-top:calc(var(--space-8) + 2rem);padding-bottom:var(--space-7);min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start}@media (min-width: 1024px){.hub-section{height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:var(--space-4);padding-bottom:var(--space-4)}}.hub-header{text-align:center;max-width:60ch;margin:0 auto var(--space-4)}.hub-header h2{margin-top:var(--space-2);margin-bottom:var(--space-3);font-size:clamp(2rem,5vw,3rem);font-variation-settings:"opsz" 32,"wght" 600;letter-spacing:0}.hub-subtitle{color:var(--fg-muted);font-size:1.125rem;line-height:1.6}.hub-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);max-width:1000px;margin:0 auto}@media (min-width: 768px){.hub-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}.hub-card{position:relative;border-radius:12px;background:#14141466;border:1px solid var(--border);overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}.hub-card:hover{border-color:var(--accent);box-shadow:0 12px 40px #00000080,0 0 20px #d4a5741a}.hub-card-glow{position:absolute;top:-150px;right:-150px;width:300px;height:300px;background:radial-gradient(circle,#d4a57414,#d4a57400 70%);pointer-events:none;transition:transform .6s var(--ease-out)}.hub-card:hover .hub-card-glow{transform:translate(-30px,30px) scale(1.2)}.hub-card-content{padding:var(--space-5) var(--space-5);display:flex;flex-direction:column;height:100%;position:relative;z-index:2}@media (min-width: 768px){.hub-card-content{padding:var(--space-6) var(--space-6)}}.hub-card-badge{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:var(--space-4);border:1px solid rgba(212,165,116,.35);border-radius:6px;color:var(--accent);background:#d4a57414;font-size:.85rem;font-weight:700;letter-spacing:0}.hub-card-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--fg-subtle);font-weight:500;margin-bottom:.5rem;display:block}.hub-card h3{font-size:1.5rem;margin:0 0 var(--space-3);font-variation-settings:"opsz" 24,"wght" 550;letter-spacing:0;color:var(--fg)}.hub-card p{color:var(--fg-muted);font-size:.95rem;line-height:1.6;margin:0 0 var(--space-5);flex-grow:1}.hub-card-button{display:inline-flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;border-radius:6px;background:#ffffff08;border:1px solid var(--border);color:var(--fg);text-decoration:none;font-size:.875rem;font-weight:500;transition:background-color .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out)}.hub-card-button:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.visualizer-section{padding-top:var(--space-8);padding-bottom:var(--space-8);min-height:90vh}.visualizer-header{text-align:center;max-width:68ch;margin:0 auto var(--space-6)}.visualizer-header h2{margin-top:var(--space-2);margin-bottom:var(--space-3);font-size:clamp(2rem,5vw,3rem);font-variation-settings:"opsz" 32,"wght" 600;letter-spacing:-.02em}.visualizer-desc{color:var(--fg-muted);font-size:1.1rem;line-height:1.6;margin-bottom:var(--space-5)}.tab-toggle{display:inline-flex;background:#ffffff08;border:1px solid var(--border);padding:4px;border-radius:30px}.tab-btn{background:transparent;border:none;color:var(--fg-muted);padding:.6rem 1.4rem;font-size:.9rem;font-weight:500;border-radius:20px;cursor:pointer;transition:background-color .25s var(--ease-out),color .25s var(--ease-out)}.tab-btn.active{background:var(--accent);color:var(--bg)}.tab-btn:hover:not(.active){color:var(--fg)}.arch-steps-bar{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:var(--space-4);max-width:1200px;margin-left:auto;margin-right:auto}.arch-step-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff05;border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);font-size:.78rem;white-space:nowrap;cursor:pointer;transition:all .2s var(--ease-out);flex-shrink:0}.arch-step-btn .step-num{font-family:monospace;font-size:.65rem;color:var(--accent);opacity:.7}.arch-step-btn .step-label{font-weight:500}.arch-step-btn.active{background:#d4a57414;border-color:var(--accent);color:var(--fg)}.arch-step-btn:hover:not(.active){border-color:#d4a5744d;color:var(--fg)}.step-explainer{max-width:1200px;margin:0 auto var(--space-5);padding:var(--space-4) var(--space-5);background:#d4a57408;border:1px solid rgba(212,165,116,.12);border-radius:8px}.step-explainer h3{font-size:1.1rem;margin:0 0 var(--space-2);color:var(--accent)}.step-explainer p{font-size:.9rem;line-height:1.65;color:var(--fg-muted);max-width:none}.sandbox-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1200px;margin:0 auto}@media (min-width: 992px){.sandbox-grid{grid-template-columns:1fr 1fr}}.sandbox-panel{background:#14141473;border:1px solid var(--border);border-radius:12px;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-header{display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.panel-num{font-size:.75rem;font-family:monospace;color:var(--accent);border:1px solid var(--accent);padding:2px 6px;border-radius:4px;background:#d4a5740d}.panel-header h3{font-size:1.25rem;margin:0;font-variation-settings:"wght" 550;color:var(--fg)}.panel-hint{font-size:.9rem;line-height:1.55;color:var(--fg-muted)}.visual-box{background:#ffffff04;border:1px solid var(--border);border-radius:8px;padding:var(--space-4)}.visual-box h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle);margin:0 0 var(--space-3) 0;font-weight:500}.sub-hint{font-size:.8rem;color:var(--fg-subtle);margin-top:-.25rem;margin-bottom:var(--space-3)}.sandbox-input-box{display:flex;flex-direction:column;gap:.5rem}.sandbox-input-box label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle)}.sandbox-input-box input{background:#ffffff05;border:1px solid var(--border);color:var(--fg);padding:.75rem 1rem;border-radius:6px;font-size:.95rem;transition:border-color .25s var(--ease-out)}.sandbox-input-box input:focus{outline:none;border-color:var(--accent);background:#ffffff0a}.token-grid{display:flex;flex-wrap:wrap;gap:.4rem}.token-capsule{display:flex;flex-direction:column;padding:.35rem .65rem;border-radius:5px;background:#ffffff03;border:1.5px solid var(--border);cursor:pointer;transition:all .2s var(--ease-out)}.token-capsule:hover{border-color:var(--accent)}.token-capsule.selected{background:#d4a57414;border-color:var(--accent)}.token-text{font-size:.88rem;font-weight:500;color:var(--fg)}.token-id{font-size:.6rem;font-family:monospace;margin-top:1px}.attention-lines{display:flex;flex-direction:column;gap:.5rem}.attention-line-row{display:flex;align-items:center;font-size:.82rem;transition:opacity .2s}.attention-line-row.masked{opacity:.3}.attn-label{width:85px;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.78rem}.attn-bar-outer{flex-grow:1;height:7px;background:#ffffff08;border-radius:4px;margin:0 var(--space-3);overflow:hidden}.attn-bar-inner{height:100%;border-radius:4px}.attn-val{width:42px;text-align:right;font-family:monospace;font-size:.75rem;color:var(--accent)}.probability-list{display:flex;flex-direction:column;gap:var(--space-2)}.prob-row{display:flex;align-items:center;font-size:.85rem}.prob-word{width:90px;font-weight:500;font-family:monospace}.prob-bar-outer{flex-grow:1;height:6px;background:#ffffff05;border-radius:3px;margin:0 var(--space-3);overflow:hidden}.prob-bar-inner{height:100%;background:var(--accent);border-radius:3px;box-shadow:0 0 8px #d4a57480}.prob-percent{width:48px;text-align:right;font-weight:500;color:var(--accent);font-size:.8rem}.control-slat{display:grid;grid-template-columns:1fr;gap:var(--space-4);background:#ffffff03;border:1px solid var(--border);border-radius:8px;padding:var(--space-4)}@media (min-width: 576px){.control-slat{grid-template-columns:1fr 1fr 1fr}}.slider-control{display:flex;flex-direction:column;gap:.35rem}.slider-control label{font-size:.8rem;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.05em}.slider-control input[type=range]{accent-color:var(--accent);cursor:pointer}.strategy-toggle{display:inline-flex;background:#ffffff05;border:1px solid var(--border);border-radius:4px;overflow:hidden}.strategy-toggle button{background:transparent;border:none;color:var(--fg-muted);padding:.35rem .8rem;font-size:.75rem;cursor:pointer;transition:all .2s var(--ease-out)}.strategy-toggle button.active{background:var(--accent);color:var(--bg)}.document-preview-box{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.5rem}.chunk-hl{padding:.5rem var(--space-3);border-radius:0 6px 6px 0;font-size:.82rem;line-height:1.5;background:#ffffff04}.chunk-badge{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle);font-weight:500;display:block;margin-bottom:.15rem}.chunk-hl p{margin:0;color:var(--fg-muted)}.suggestion-pill-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.suggestion-pill-row button{background:#ffffff05;border:1px solid var(--border);color:var(--fg-subtle);padding:.25rem .6rem;font-size:.72rem;border-radius:12px;cursor:pointer;transition:all .2s var(--ease-out)}.suggestion-pill-row button:hover{border-color:var(--accent);color:var(--fg);background:#d4a5740d}.retrieval-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding-right:.25rem}.retrieval-item{border:1px solid var(--border);border-radius:6px;padding:.5rem var(--space-3);background:#ffffff03;font-size:.78rem;transition:all .25s var(--ease-out)}.retrieval-item.winner{border-color:var(--accent);background:#d4a5740a;box-shadow:inset 0 0 10px #d4a5740d}.retrieval-item-meta{display:flex;justify-content:space-between;margin-bottom:.2rem;font-size:.68rem}.item-chunk-num{font-weight:500;color:var(--fg-subtle)}.similarity-badge{font-family:monospace}.retrieval-item-text{margin:0;color:var(--fg-muted);line-height:1.45}.winner-indicator{margin-top:.35rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-weight:600}.prompt-builder{display:flex;flex-direction:column;gap:.35rem;background:#000;border-radius:6px;padding:var(--space-3);font-family:monospace;font-size:.72rem;border:1px solid var(--border)}.prompt-block{padding:.35rem var(--space-3);border-radius:4px}.prompt-block.system{background:#ffffff05;border-left:2px solid var(--fg-subtle)}.prompt-block.retrieved{background:#d4a5740a;border-left:2px solid var(--accent)}.prompt-block.user-prompt{background:#ffffff08;border-left:2px solid var(--fg)}.p-badge{font-size:.58rem;text-transform:uppercase;color:var(--fg-subtle);display:block;margin-bottom:.1rem}.prompt-block p{margin:0;color:var(--fg-muted)}.scene-loading{display:flex;align-items:center;justify-content:center;height:340px;border:1px solid var(--border);border-radius:8px;color:var(--fg-subtle);font-size:.85rem;background:#0000004d}.tetris-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.tetris-game-area{display:flex;gap:var(--space-4);align-items:flex-start}.tetris-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);width:250px;height:500px;border:2px solid var(--border);border-radius:4px;background:#0009;box-shadow:0 0 30px #00000080,inset 0 0 20px #0000004d}@media (min-width: 640px){.tetris-board{width:300px;height:600px}}.tetris-cell{border:1px solid rgba(255,255,255,.02);transition:background-color 60ms}.tetris-cell.filled{border-radius:2px;border:1px solid rgba(255,255,255,.15)}.tetris-cell.ghost{background:#ffffff0a;border:1px dashed rgba(255,255,255,.08)}.tetris-sidebar{display:flex;flex-direction:column;gap:var(--space-3);min-width:130px}.tetris-info-block{background:#ffffff05;border:1px solid var(--border);border-radius:6px;padding:.6rem .8rem;display:flex;flex-direction:column}.info-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle)}.info-value{font-size:1.25rem;font-weight:600;font-family:monospace;color:var(--accent)}.next-block{align-items:center}.next-preview{display:flex;flex-direction:column;gap:1px;margin-top:.35rem}.next-row{display:flex;gap:1px}.next-cell{width:18px;height:18px;border-radius:2px;background:transparent}.next-cell.filled{border:1px solid rgba(255,255,255,.2)}.tetris-start-btn{background:var(--accent);color:var(--bg);border:none;padding:.65rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.tetris-start-btn:hover{opacity:.9;transform:translateY(-1px)}.tetris-start-btn.pause{background:#ffffff0f;color:var(--fg-muted);border:1px solid var(--border)}.tetris-controls-hint{display:flex;flex-direction:column;gap:.2rem;font-size:.65rem;color:var(--fg-subtle);font-family:monospace;margin-top:var(--space-2)}.tetris-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px);border-radius:8px;z-index:10}.tetris-overlay h3{font-size:1.5rem;color:var(--accent);margin-bottom:var(--space-2)}.tetris-overlay p{color:var(--fg-muted);font-size:1rem}.tetris-mobile-controls{display:flex;gap:.5rem}.tetris-mobile-controls button{width:48px;height:48px;border-radius:8px;border:1px solid var(--border);background:#ffffff08;color:var(--fg-muted);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-tap-highlight-color:transparent}.tetris-mobile-controls button:active{background:var(--accent);color:var(--bg)}@media (min-width: 768px){.tetris-mobile-controls{display:none}}.snake-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.snake-hud{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px;font-size:.85rem;color:var(--fg-muted)}.snake-hud strong{color:var(--accent);font-family:monospace;font-size:1.1rem}.snake-btn{background:var(--accent);color:var(--bg);border:none;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer}.snake-board{position:relative;background:#0009;border:2px solid var(--border);border-radius:4px;box-shadow:0 0 20px #0006}.snake-cell{position:absolute;background:#4f7;border-radius:3px;transition:left 60ms linear,top 60ms linear}.snake-cell.head{background:#6fa;box-shadow:0 0 6px #4f76}.snake-food{position:absolute;background:#f44;border-radius:50%;box-shadow:0 0 8px #f448}.snake-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(3px);border-radius:4px}.snake-overlay h4{color:var(--accent);font-size:1.3rem}.snake-mobile-controls{display:flex;flex-direction:column;align-items:center;gap:.25rem}.snake-mobile-controls div{display:flex;gap:.25rem}.snake-mobile-controls button{width:44px;height:44px;border-radius:6px;border:1px solid var(--border);background:#ffffff08;color:var(--fg-muted);font-size:1.1rem;cursor:pointer}.snake-mobile-controls button:active{background:var(--accent);color:var(--bg)}@media (min-width: 768px){.snake-mobile-controls{display:none}}.si-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.si-hud{display:flex;gap:var(--space-4);align-items:center;font-size:.8rem;color:var(--fg-muted);flex-wrap:wrap}.si-hud strong{color:var(--accent);font-family:monospace}.si-btn{background:var(--accent);color:var(--bg);border:none;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer}.si-board{position:relative;background:#000000b3;border:2px solid var(--border);border-radius:4px;overflow:hidden;max-width:100%}.si-player{position:absolute;background:#00d4ff;border-radius:3px 3px 0 0;box-shadow:0 0 8px #00d4ff66}.si-bullet{position:absolute;background:#0f8;border-radius:1px;box-shadow:0 0 4px #0f86}.si-alien-bullet{position:absolute;background:#f44;border-radius:1px;box-shadow:0 0 4px #f446}.si-alien{position:absolute;background:#b44dff;border-radius:3px;border:1px solid #d070ff44;box-shadow:inset 0 0 4px #0000004d}.si-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(3px)}.si-overlay h4{color:var(--accent);font-size:1.3rem;margin-bottom:.5rem}.si-overlay p{color:var(--fg-muted)}.si-mobile-controls{display:flex;gap:.5rem}.si-mobile-controls button{width:52px;height:48px;border-radius:6px;border:1px solid var(--border);background:#ffffff08;color:var(--fg-muted);font-size:1.2rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.si-mobile-controls button:active{background:var(--accent);color:var(--bg)}@media (min-width:768px){.si-mobile-controls{display:none}}.pong-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.pong-hud{display:flex;gap:var(--space-4);align-items:center;font-size:.85rem;color:var(--fg-muted)}.pong-hud strong{color:var(--accent);font-family:monospace;font-size:1.1rem}.pong-btn{background:var(--accent);color:var(--bg);border:none;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer}.pong-board{position:relative;background:#000000b3;border:2px solid var(--border);border-radius:4px;overflow:hidden;max-width:100%}.pong-center-line{position:absolute;left:50%;top:0;width:1px;height:100%;border-left:2px dashed rgba(255,255,255,.08)}.pong-paddle{position:absolute;background:#f5f1e8;border-radius:2px;box-shadow:0 0 6px #f5f1e84d}.pong-paddle.left{left:12px}.pong-paddle.right{right:12px}.pong-ball{position:absolute;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #d4a57499}.pong-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(3px)}.pong-overlay h4{color:var(--accent);font-size:1.3rem}.pong-hint{font-size:.7rem;color:var(--fg-subtle);font-family:monospace}.bo-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.bo-hud{display:flex;gap:var(--space-4);align-items:center;font-size:.85rem;color:var(--fg-muted)}.bo-hud strong{color:var(--accent);font-family:monospace}.bo-btn{background:var(--accent);color:var(--bg);border:none;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer}.bo-board{position:relative;background:#000000b3;border:2px solid var(--border);border-radius:4px;overflow:hidden;max-width:100%}.bo-brick{position:absolute;border-radius:2px;box-shadow:inset 0 -2px 4px #0000004d}.bo-paddle{position:absolute;background:#f5f1e8;border-radius:3px;box-shadow:0 0 6px #f5f1e84d}.bo-ball{position:absolute;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #d4a57499}.bo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(3px)}.bo-overlay h4{color:var(--accent);font-size:1.3rem;margin-bottom:.5rem}.bo-overlay p{color:var(--fg-muted)}.pacmaze-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.pacmaze-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:380px;background:var(--bg-elev);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:8px;font-size:1rem}.pacmaze-hud strong{color:var(--accent)}.pacmaze-btn{background:var(--accent);color:var(--bg);border:none;padding:.35rem .85rem;border-radius:4px;font-weight:600;cursor:pointer;transition:transform .15s var(--ease-out)}.pacmaze-btn:hover{transform:scale(1.05)}.game-status-label{font-size:.8rem;text-transform:uppercase;color:var(--fg-muted);letter-spacing:.05em}.pacmaze-board-container{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 32px #0006}.pacmaze-canvas{background:#050505;display:block}.pacmaze-overlay{position:absolute;inset:0;background:#0a0a0ad9;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.pacmaze-overlay h3{font-family:var(--font-display);font-size:2rem;color:var(--accent);margin:0}.pacmaze-mobile-controls{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:var(--space-2)}.pacmaze-mobile-controls .horizontal-row{display:flex;gap:1.5rem}.ctrl-btn{background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);font-size:1.25rem;width:3.2rem;height:3.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:all .1s var(--ease-out)}.ctrl-btn:active{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:scale(.92)}@media (min-width: 1024px){.pacmaze-mobile-controls{display:none}}.asteroids-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.asteroids-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;background:var(--bg-elev);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:8px;font-size:1rem}.asteroids-hud strong{color:var(--accent)}.asteroids-btn{background:var(--accent);color:var(--bg);border:none;padding:.35rem .85rem;border-radius:4px;font-weight:600;cursor:pointer;transition:transform .15s var(--ease-out)}.asteroids-btn:hover{transform:scale(1.05)}.asteroids-board-container{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 32px #0006}.asteroids-canvas{background:#020205;display:block;max-width:100%;height:auto}.asteroids-overlay{position:absolute;inset:0;background:#05050ad9;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.asteroids-overlay h3{font-family:var(--font-display);font-size:2rem;color:var(--accent);margin:0}.asteroids-mobile-controls{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;margin-top:var(--space-2);width:100%;max-width:480px}.asteroids-mobile-controls .dpad{display:flex;gap:1rem}.asteroids-mobile-controls .fire-btn{background:#f55;color:#fff;border:none;font-size:1.1rem;font-weight:700;letter-spacing:.05em;padding:var(--space-2) var(--space-5);border-radius:8px;width:100%;cursor:pointer;box-shadow:0 4px 12px #ff55554d}.asteroids-mobile-controls .fire-btn:active{transform:scale(.96)}@media (min-width: 1024px){.asteroids-mobile-controls{display:none}}.flappy-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.flappy-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;background:var(--bg-elev);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:8px;font-size:1rem}.flappy-hud strong{color:var(--accent)}.flappy-btn{background:var(--accent);color:var(--bg);border:none;padding:.35rem .85rem;border-radius:4px;font-weight:600;cursor:pointer;transition:transform .15s var(--ease-out)}.flappy-btn:hover{transform:scale(1.05)}.flappy-board-container{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 32px #0006}.flappy-canvas{background:#020406;display:block;max-width:100%;height:auto}.flappy-overlay{position:absolute;inset:0;background:#020406d9;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.flappy-overlay h3{font-family:var(--font-display);font-size:2rem;color:var(--accent);margin:0}.flappy-mobile-controls{display:flex;justify-content:center;margin-top:var(--space-2);width:100%;max-width:320px}.flappy-mobile-controls .jump-btn{background:var(--accent);color:var(--bg);border:none;font-size:1.1rem;font-weight:700;padding:var(--space-3) var(--space-5);border-radius:8px;width:100%;cursor:pointer}.flappy-mobile-controls .jump-btn:active{transform:scale(.96)}@media (min-width: 1024px){.flappy-mobile-controls{display:none}}.games-section{padding-top:calc(var(--space-8) + 2rem);padding-bottom:var(--space-7);min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start}@media (min-width: 1024px){.games-section{height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:var(--space-4);padding-bottom:var(--space-4)}}.games-header{text-align:center;max-width:50ch;margin:0 auto var(--space-4)}.games-header h2{margin-top:var(--space-2);margin-bottom:var(--space-2);font-size:clamp(2rem,5vw,3rem);font-variation-settings:"opsz" 32,"wght" 600;letter-spacing:-.02em}.games-subtitle{color:var(--fg-muted);font-size:1.05rem}.game-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);max-width:800px;margin:0 auto}.game-select-card{background:#14141480;border:1px solid var(--border);border-radius:12px;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out);text-align:center;color:var(--fg)}.game-select-card:hover{border-color:var(--accent);box-shadow:0 4px 24px #d4a57414}.game-select-emoji{font-size:2.2rem;margin-bottom:.25rem}.game-select-card h3{font-size:1.05rem;margin:0;font-variation-settings:"wght" 550}.game-select-card p{font-size:.78rem;color:var(--fg-muted);margin:0}.game-select-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px solid rgba(212,165,116,.2);padding:1px 6px;border-radius:3px;margin-top:.25rem}.game-active-area{max-width:700px;margin:0 auto}.game-active-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.game-back-btn{background:#ffffff08;border:1px solid var(--border);color:var(--fg-muted);padding:.4rem .8rem;font-size:.78rem;border-radius:4px;cursor:pointer;transition:all .2s var(--ease-out)}.game-back-btn:hover{border-color:var(--accent);color:var(--fg)}.game-active-meta{display:flex;align-items:center;gap:var(--space-2);flex:1}.game-active-meta h3{font-size:1.15rem;margin:0;font-variation-settings:"wght" 550}.game-controls-hint{font-size:.7rem;color:var(--fg-subtle);font-family:monospace;margin-left:auto}.game-card{background:#14141473;border:1px solid var(--border);border-radius:12px;padding:var(--space-5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center}.agent-widget-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;font-family:var(--font-sans)}.agent-launcher-btn{display:flex;align-items:center;gap:.6rem;background-color:var(--bg-elev);color:var(--fg);border:1px solid rgba(212,165,116,.35);box-shadow:0 8px 24px #0006,0 0 12px #d4a5741a;padding:.75rem 1.2rem;border-radius:9999px;cursor:pointer;font-weight:600;font-size:.875rem;transition:border-color .25s var(--ease-out)}.agent-launcher-btn:hover{border-color:var(--accent);box-shadow:0 8px 24px #0006,0 0 16px #d4a57440}.spark-icon{color:var(--accent);font-size:1.1rem;animation:spark-glow 2s infinite ease-in-out}@keyframes spark-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 1px var(--accent))}50%{transform:scale(1.15);filter:drop-shadow(0 0 6px var(--accent))}}.agent-chat-window{position:absolute;bottom:0;right:0;width:90vw;max-width:380px;height:80vh;max-height:520px;background-color:#0a0a0ad9;border:1px solid var(--border);box-shadow:0 16px 48px #0009,0 0 24px #d4a5740d;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.agent-chat-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-elev);border-bottom:1px solid var(--border);padding:.85rem var(--space-3)}.agent-header-info{display:flex;align-items:center;gap:.5rem}.agent-status-dot{width:8px;height:8px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent)}.agent-header-info h4{font-size:.875rem;font-weight:700;margin:0;color:var(--fg)}.agent-badge{font-size:.65rem;color:var(--fg-subtle);display:block}.agent-close-btn{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:.9rem;padding:.25rem;transition:color .15s var(--ease-out)}.agent-close-btn:hover{color:var(--fg)}.agent-chat-messages{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:thin;scrollbar-color:rgba(245,241,232,.1) transparent}.agent-chat-messages::-webkit-scrollbar{width:4px}.agent-chat-messages::-webkit-scrollbar-thumb{background-color:#f5f1e81a;border-radius:2px}.chat-message-row{display:flex;align-items:flex-start;gap:.5rem;max-width:85%}.chat-message-row.assistant{align-self:flex-start}.chat-message-row.user{align-self:flex-end;flex-direction:row-reverse;max-width:75%}.agent-avatar-mark{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);color:var(--bg);font-family:var(--font-display);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.chat-message-bubble{background-color:var(--bg-elev);border:1px solid var(--border);color:var(--fg-muted);padding:.6rem .85rem;border-radius:2px 12px 12px;font-size:.825rem;line-height:1.45}.chat-message-row.user .chat-message-bubble{background-color:var(--accent);color:var(--bg);border-color:var(--accent);border-top-left-radius:12px;border-top-right-radius:2px}.chat-message-bubble p{margin:0}.loading-bubble{display:flex;gap:.25rem;padding:.75rem 1rem}.typing-dot{width:6px;height:6px;background-color:var(--accent);border-radius:50%;opacity:.3;animation:typing-bounce 1.4s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-4px);opacity:1}}.agent-suggestions-container{padding:var(--space-2) var(--space-3);border-top:1px solid rgba(245,241,232,.05);background:#0a0a0a66}.suggestions-title{display:block;font-size:.65rem;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.suggestions-grid{display:flex;flex-direction:column;gap:.3rem}.suggestion-chip{background:#f5f1e808;border:1px solid var(--border);color:var(--fg-muted);border-radius:6px;padding:.35rem .6rem;font-size:.75rem;text-align:left;cursor:pointer;transition:all .15s var(--ease-out)}.suggestion-chip:hover{background:#d4a5740d;border-color:var(--accent);color:var(--fg)}.agent-chat-input-bar{display:flex;background:var(--bg-elev);border-top:1px solid var(--border);padding:.5rem}.agent-chat-input-bar input{flex:1;background:transparent;border:none;color:var(--fg);padding:.5rem;font-size:.85rem;font-family:inherit}.agent-chat-input-bar input:focus{outline:none}.agent-send-btn{background:transparent;border:none;color:var(--accent);font-size:1.1rem;padding:.5rem;cursor:pointer;transition:transform .15s var(--ease-out)}.agent-send-btn:hover:not(:disabled){transform:scale(1.1)}.agent-send-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 480px){.agent-chat-window{width:92vw;right:-.5rem;height:75vh}}.footer{padding:var(--space-5) 0 var(--space-6);border-top:1px solid var(--border);color:var(--fg-subtle);font-size:.85rem}.footer-inner{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}@media (min-width: 700px){.footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}.footer-brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-muted);font-family:var(--font-display)}.footer-mark{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:3px;background:var(--fg-subtle);color:var(--bg);font-size:.8rem}.footer-line{margin:0}.footer-top{color:var(--fg-muted)}:root{--font-display: "Fraunces", "Times New Roman", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #0a0a0a;--bg-elev: #131313;--fg: #f5f1e8;--fg-muted: #a8a39a;--fg-subtle: #5e5b54;--accent: #d4a574;--border: rgba(245, 241, 232, .08);--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--space-6: 3.5rem;--space-7: 5.5rem;--space-8: 8rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--max-width: 1100px;--gutter: clamp(1.25rem, 4vw, 2.5rem)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(212,165,116,.06),transparent 60%)}a{color:inherit;text-decoration:none;transition:color .2s var(--ease-out)}a:hover{color:var(--accent)}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:0;line-height:1.05;margin:0}h1{font-size:clamp(2.75rem,8vw,5.5rem);font-variation-settings:"opsz" 144,"wght" 350}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-variation-settings:"opsz" 72,"wght" 380}h3{font-size:1.25rem;font-variation-settings:"opsz" 36,"wght" 500;font-family:var(--font-sans);letter-spacing:0}p{margin:0;max-width:60ch}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}section{padding:var(--space-7) 0;border-top:1px solid var(--border)}section:first-of-type{border-top:none}.eyebrow{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--space-4);display:inline-flex;align-items:center;gap:.5rem}.eyebrow:before{content:"";width:1.5rem;height:1px;background:var(--fg-subtle)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}