@font-face{font-family:phosphor;src:url(/fonts/Phosphor.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}.ph{font-family:phosphor!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;font-feature-settings:"liga";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph.ph-terminal-window:before{content:"\eae8"}.ph.ph-github-logo:before{content:"\e576"}.ph.ph-linkedin-logo:before{content:"\e2ee"}.ph.ph-mastodon-logo:before{content:"\ed68"}.ph.ph-envelope:before{content:"\e214"}.ph.ph-rss:before{content:"\e400"}.ph.ph-cpu:before{content:"\e610"}.ph.ph-code:before{content:"\e1bc"}.ph.ph-cloud:before{content:"\e1aa"}.ph.ph-browser:before{content:"\e0f4"}.ph.ph-sun:before{content:"\e472"}.ph.ph-moon:before{content:"\e330"}.ph.ph-monitor:before{content:"\e32e"}@font-face{font-family:thaleahfat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/thaleah-fat.woff2)format('woff2')}@font-face{font-family:monaspace argon;font-style:normal;font-weight:400 700;font-display:optional;src:url(/fonts/monaspace-argon-variable.woff2)format('woff2-variations')}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:1000;padding:.5rem 1rem;background:var(--color-bg-card);color:var(--color-text-accent);border:2px solid var(--color-border-strong);transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}:root{color-scheme:light dark;--css-loaded:1;--color-bg-deep:#0a0a2e;--color-bg-base:#1e1b4b;--color-bg-card:#312e81;--color-bg-card-hover:#3730a3;--color-bg-elevated:rgba(30, 27, 75, 0.9);--color-text-primary:#bae6fd;--color-text-heading:#fef3c7;--color-text-muted:#818cf8;--color-text-accent:#fbbf24;--color-link:#6ee7b7;--color-link-hover:#fbbf24;--color-border:#78350f;--color-border-strong:#b45309;--color-border-subtle:#3730a3;--color-tag-amber-bg:#78350f;--color-tag-amber-text:#fcd34d;--color-tag-emerald-bg:#064e3b;--color-tag-emerald-text:#6ee7b7;--color-tag-sky-bg:#0c4a6e;--color-tag-sky-text:#7dd3fc;--color-btn-primary-bg:#b45309;--color-btn-primary-text:#fef3c7;--color-btn-primary-border:#f59e0b;--color-btn-primary-hover:#92400e;--color-btn-secondary-text:#6ee7b7;--color-btn-secondary-border:#10b981;--color-btn-secondary-hover-bg:#064e3b;--color-social:#7dd3fc;--color-code-bg:rgba(0, 0, 0, 0.4);--color-gradient-fade:#1e1b4b;--art-pixel:2px;--heading-font:'ThaleahFat', monospace;--body-font:'Monaspace Argon', monospace}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--color-bg-deep:#faf6f0;--color-bg-base:#f3ece0;--color-bg-card:#fffdf8;--color-bg-card-hover:#f9f4eb;--color-bg-elevated:rgba(250, 246, 240, 0.95);--color-text-primary:#3b2f20;--color-text-heading:#6b3a1f;--color-text-muted:#6b5a44;--color-text-accent:#a0540a;--color-link:#1a7a4c;--color-link-hover:#a0540a;--color-border:#d4c4a8;--color-border-strong:#a0540a;--color-border-subtle:#e8dece;--color-tag-amber-bg:#f5e6c8;--color-tag-amber-text:#7c4008;--color-tag-emerald-bg:#d6ece0;--color-tag-emerald-text:#1a5c37;--color-tag-sky-bg:#dae8f0;--color-tag-sky-text:#2a5470;--color-btn-primary-bg:#a0540a;--color-btn-primary-text:#faf6f0;--color-btn-primary-border:#7c4008;--color-btn-primary-hover:#7c4008;--color-btn-secondary-text:#1a7a4c;--color-btn-secondary-border:#1a7a4c;--color-btn-secondary-hover-bg:#d6ece0;--color-social:#4a3f6b;--color-code-bg:rgba(107, 58, 31, 0.06);--color-gradient-fade:#f3ece0}}[data-theme=light]{--color-bg-deep:#faf6f0;--color-bg-base:#f3ece0;--color-bg-card:#fffdf8;--color-bg-card-hover:#f9f4eb;--color-bg-elevated:rgba(250, 246, 240, 0.95);--color-text-primary:#3b2f20;--color-text-heading:#6b3a1f;--color-text-muted:#6b5a44;--color-text-accent:#a0540a;--color-link:#1a7a4c;--color-link-hover:#a0540a;--color-border:#d4c4a8;--color-border-strong:#a0540a;--color-border-subtle:#e8dece;--color-tag-amber-bg:#f5e6c8;--color-tag-amber-text:#7c4008;--color-tag-emerald-bg:#d6ece0;--color-tag-emerald-text:#1a5c37;--color-tag-sky-bg:#dae8f0;--color-tag-sky-text:#2a5470;--color-btn-primary-bg:#a0540a;--color-btn-primary-text:#faf6f0;--color-btn-primary-border:#7c4008;--color-btn-primary-hover:#7c4008;--color-btn-secondary-text:#1a7a4c;--color-btn-secondary-border:#1a7a4c;--color-btn-secondary-hover-bg:#d6ece0;--color-social:#4a3f6b;--color-code-bg:rgba(107, 58, 31, 0.06);--color-gradient-fade:#f3ece0}@media(min-resolution:1.5dppx){:root{--art-pixel:1.33px}}@media(min-resolution:2dppx){:root{--art-pixel:1px}}@media(min-resolution:2.5dppx){:root{--art-pixel:0.8px}}@media(min-resolution:3dppx){:root{--art-pixel:0.67px}}*,*::before,*::after{box-sizing:border-box}body{font-family:var(--body-font);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-deep);margin:0;padding:0;font-size:16px;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--color-text-heading);line-height:1.3;margin:1.5rem 0 1rem;text-transform:uppercase;letter-spacing:1px}h1{font-size:3.2rem}h2{font-size:2.4rem}h3{font-size:1.8rem}h4,h5,h6{font-size:1.4rem}a{color:var(--color-link);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-link-hover)}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 4rem;background-color:var(--color-bg-base);border-bottom:2px solid var(--color-border-strong);transition:background-color .3s ease}.nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.nav-brand .ph{font-size:1.5rem;color:var(--color-text-accent)}.nav-brand-text{font-family:var(--heading-font);font-size:1.6rem;color:var(--color-text-accent);letter-spacing:3px;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:2rem}.nav-menu{list-style:none;padding:0;margin:0;display:flex;gap:2rem}.nav-menu a{font-family:var(--heading-font);font-size:1.2rem;color:var(--color-link);text-transform:uppercase;letter-spacing:2px;text-decoration:none;transition:color .3s ease}.nav-menu a:hover{color:var(--color-link-hover)}.nav-social{list-style:none;margin-block:0;display:flex;align-items:center;gap:1rem;margin-left:1.5rem;padding-left:1.5rem;border-left:1px solid var(--color-border)}.nav-social li{display:flex}.nav-social a{color:var(--color-social);font-size:1.25rem;line-height:1;transition:color .3s ease}.nav-social a:hover{color:var(--color-link-hover)}.nav-toggle-theme{background:0 0;border:1px solid var(--color-border);color:var(--color-text-accent);padding:.4rem .6rem;cursor:pointer;font-size:1.1rem;line-height:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-toggle-theme:hover{background-color:var(--color-text-accent);color:var(--color-bg-base)}.nav-toggle-theme .ph{display:none}:root:not([data-theme]) .theme-icon-system,[data-theme=light] .theme-icon-light,[data-theme=dark] .theme-icon-dark{display:inline}.nav-lang{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.5rem}.nav-lang-link{font-family:var(--heading-font);font-size:.75rem;letter-spacing:1px;color:var(--color-social);text-decoration:none;padding:.2rem .35rem;transition:color .3s ease}.nav-lang-link abbr{text-decoration:none}.nav-lang-link:hover{color:var(--color-link-hover)}.nav-lang-link.is-current{color:var(--color-text-accent);border-bottom:2px solid var(--color-text-accent)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;overflow:hidden;text-align:center;min-height:50vh}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient( to bottom,var(--color-bg-base) 0%,transparent 30%,transparent 70%,var(--color-bg-base) 100% );opacity:.7}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:700px}.hero-heading{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:0}.hero-label{margin:0;font-size:1rem;letter-spacing:4px;text-transform:uppercase;color:var(--color-text-accent);font-weight:700}.hero-title{font-family:var(--heading-font);font-size:4.5rem;color:var(--color-text-accent);letter-spacing:2px;margin:0;line-height:1.3;text-shadow:0 0 40px rgba(251,191,36,.3)}.hero-title::after{content:"";display:block;margin:2rem auto 0;width:16rem;max-width:100%;height:2px;background:linear-gradient( to right,transparent,var(--color-border-strong),transparent )}.hero-subtitle{font-size:1.25rem;color:#e0e7ff;max-width:36rem;line-height:1.7;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.6)}[data-theme=light] .hero-subtitle{color:#f3ece0;text-shadow:0 1px 4px rgba(0,0,0,.5);background:rgba(30,20,10,.4);padding:.75rem 1.25rem;border-radius:6px}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .hero-subtitle{color:#f3ece0;text-shadow:0 1px 4px rgba(0,0,0,.5);background:rgba(30,20,10,.4);padding:.75rem 1.25rem;border-radius:6px}}.hero-actions{display:flex;gap:1rem;margin-top:1rem}.btn-primary{display:inline-block;padding:1rem 2rem;background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);font-family:var(--heading-font);font-size:1rem;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--color-btn-primary-border);border-radius:4px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background-color:var(--color-btn-primary-hover);color:var(--color-btn-primary-text)}.btn-secondary{display:inline-block;padding:1rem 2rem;background-color:initial;color:var(--color-btn-secondary-text);font-family:var(--heading-font);font-size:1rem;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--color-btn-secondary-border);border-radius:4px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background-color:var(--color-btn-secondary-hover-bg);color:var(--color-btn-secondary-text)}.hero .hero-label,.hero .hero-title{text-shadow:0 1px 8px rgba(0,0,0,.5)}.hero .btn-primary{background-color:#b45309;color:#fef3c7;border-color:#f59e0b}.hero .btn-primary:hover{background-color:#92400e;color:#fef3c7}.hero .btn-secondary{color:#6ee7b7;border-color:#10b981;background-color:rgba(0,0,0,.3);text-shadow:0 1px 4px rgba(0,0,0,.5)}.hero .btn-secondary:hover{background-color:rgba(6,78,59,.7);color:#6ee7b7}.about-preview{display:flex;align-items:center;gap:3rem;padding:5rem 6rem;background-color:var(--color-bg-base);transition:background-color .3s ease}.about-text{flex:3;display:flex;flex-direction:column;gap:1.5rem}.section-heading{margin:0}.about-text .section-heading{display:flex;flex-direction:column;gap:1.5rem}.section-label{margin:0;font-size:.85rem;letter-spacing:4px;text-transform:uppercase;color:var(--color-text-accent);font-weight:700;font-family:var(--body-font)}.section-label::before,.footer-tagline::before{content:"// ";content:"// "/""}.about-text h2{font-size:2.4rem;margin:0;line-height:1.4}.about-text p{font-size:1.05rem;line-height:1.8;margin:0}.about-skills{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;flex-wrap:wrap}.about-skill{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-social)}.about-skill .ph{font-size:1.1rem;color:var(--color-text-accent)}.about-skill:nth-child(even) .ph{color:var(--color-link)}.about-cta{display:inline-block;padding:.75rem 1.5rem;border:2px solid var(--color-border-strong);color:var(--color-text-accent);font-family:var(--heading-font);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;text-decoration:none;transition:all .3s ease;width:fit-content}.about-cta:hover{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.latest-posts{padding:5rem 6rem;background-color:var(--color-bg-base);border-top:1px solid var(--color-border);transition:background-color .3s ease}.latest-posts-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem}.latest-posts-header h2{margin:.5rem 0 0}.latest-posts-header .view-all{font-size:.85rem;color:var(--color-link);font-weight:700;text-transform:uppercase;letter-spacing:2px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.post-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:var(--color-bg-card);border-radius:8px;border:1px solid var(--color-border);transition:border-color .3s ease,background-color .3s ease;text-decoration:none}.post-card:hover{border-color:var(--color-border-strong)}.post-card-tags{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}.tag{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:4px}.tag--amber{background-color:var(--color-tag-amber-bg);color:var(--color-tag-amber-text)}.tag--emerald{background-color:var(--color-tag-emerald-bg);color:var(--color-tag-emerald-text)}.tag--sky{background-color:var(--color-tag-sky-bg);color:var(--color-tag-sky-text)}.post-card h3{font-size:1.3rem;margin:0;line-height:1.4}.post-card-summary{font-size:.9rem;color:var(--color-social);line-height:1.6;margin:0}.post-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border-subtle);font-size:.75rem;color:var(--color-text-muted)}.posts-list{padding:3rem 6rem;background-color:var(--color-bg-base);min-height:60vh;transition:background-color .3s ease}.posts-list .section-header{margin-bottom:2rem}.posts-list .section-header h1{margin:0}.post-summary{margin-bottom:1.5rem;padding:1.5rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;transition:border-color .3s ease,transform .3s ease,background-color .3s ease}.post-summary:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.post-title{margin:0 0 .5rem}.post-title a{color:var(--color-text-heading);text-decoration:none}.post-title a:hover{color:var(--color-link-hover)}.post-meta{font-size:.75rem;color:var(--color-text-muted);display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.post-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}.post-tag{background-color:var(--color-tag-amber-bg);color:var(--color-tag-amber-text);padding:.15rem .5rem;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:background-color .3s ease}.post-tag:hover{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.post-summary-text{font-size:.95rem;line-height:1.7;color:var(--color-text-primary)}.read-more{font-family:var(--heading-font);font-size:.9rem;text-transform:uppercase;letter-spacing:2px}.page-content{padding:3rem 2rem;background-color:var(--color-bg-base);min-height:60vh;transition:background-color .3s ease}.page-content-inner{max-width:800px;margin:0 auto}.post-header{margin-bottom:2rem}.post-content{font-size:1.05rem;line-height:1.8}.post-content img{max-width:100%;object-fit:contain;margin:1rem auto;display:block}.post-nav{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.homepage-content{font-size:1.05rem;line-height:1.8}.homepage-content p{margin-bottom:1.5rem}.homepage-content p a,.post-content p a,.post-content li a,.post-summary-text a{text-decoration:underline;text-underline-offset:.15em}.homepage-image{float:right;max-width:45%;margin:0 0 1rem 1.5rem}.homepage-image img{width:calc(98 * var(--art-pixel));height:calc(206 * var(--art-pixel));display:block;image-rendering:pixelated;image-rendering:crisp-edges}.homepage-content::after{content:"";display:table;clear:both}pre,code{background-color:var(--color-code-bg);font-family:monaspace argon,courier new,monospace}pre{padding:1rem;border:1px solid var(--color-border-subtle);border-radius:4px;margin:1rem 0;overflow-x:auto}code{padding:1pt 3pt;border-radius:2px}code.language-text{background:0 0}.site-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 6rem;background-color:var(--color-bg-base);border-top:2px solid var(--color-border-strong);text-align:center;transition:background-color .3s ease}.footer-social{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-social a{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-social);text-decoration:none;transition:color .3s ease}.footer-social a:hover{color:var(--color-link-hover)}.footer-social .ph{font-size:1.1rem}.footer-divider{border:0;width:12rem;height:1px;margin:1rem 0;background:linear-gradient( to right,transparent,var(--color-border-strong),transparent )}.footer-info{font-size:.75rem;color:var(--color-text-muted);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.footer-info a{color:var(--color-text-accent)}.footer-info a:hover{color:var(--color-link-hover)}.footer-tagline{font-size:.7rem;color:var(--color-text-muted);letter-spacing:2px;font-family:var(--body-font)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border:2px solid var(--color-bg-deep);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-link-hover)}@media(max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}.about-preview{padding:3rem}.latest-posts{padding:3rem}.posts-list{padding:2rem 3rem}}@media(max-width:768px){.site-nav{padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}.nav-brand-text{font-size:1.2rem}.nav-links{gap:1rem}.nav-social{display:none}.hero{padding:4rem 1.5rem;min-height:40vh}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.about-preview{flex-direction:column-reverse;padding:2.5rem 1.5rem;gap:2rem}.posts-grid{grid-template-columns:1fr}.latest-posts{padding:2.5rem 1.5rem}.latest-posts-header{flex-direction:column;align-items:flex-start;gap:.5rem}.posts-list{padding:2rem 1.5rem}.page-content{padding:2rem 1.5rem}.site-footer{padding:2rem 1.5rem}.footer-social{gap:1rem}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}.homepage-image{float:none;max-width:100%;margin:0 auto 1.5rem}.homepage-image img{margin:0 auto}}@media(max-width:480px){.hero-title{font-size:2rem}.nav-menu{gap:1rem}.nav-menu a{font-size:1rem}}.post-reply{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:right}.hero::before{content:"";position:absolute;inset:0;background:50%/cover no-repeat url(/images/header-tower-light.webp);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;opacity:.6;transition:background-image .5s ease}[data-theme=dark] .hero::before{background-image:url(/images/header-tower-dark.webp)}:root:not([data-theme]) .hero::before{background-image:url(/images/header-tower-dark.webp)}@media(prefers-color-scheme:light){:root:not([data-theme]) .hero::before{background-image:url(/images/header-tower-light.webp)}}.memory-game{display:flex;flex-direction:column;align-items:center;gap:.5rem}.memory-game-wrapper{position:relative;width:fit-content;margin:0 auto}#memory-game{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;width:280px;margin:20px auto;padding:12px;border-radius:0;background-color:#0a0a14;cursor:pointer;position:relative;border:4px solid #3aafb9;box-shadow:4px 4px #2d7a82,inset 0 0 0 2px #050508;image-rendering:pixelated}#memory-game:hover{transform:none}#memory-game::before{content:'CLICK TO START';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--heading-font);font-size:1.2rem;color:#fff;text-shadow:2px 2px 0 #000,0 0 10px rgba(255,255,255,.5);pointer-events:none;z-index:10}#memory-game.game-started::before{display:none}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) #memory-game{background-color:#d8e8f0;box-shadow:4px 4px #2d7a82,inset 0 0 0 2px #b8c8d0}}[data-theme=light] #memory-game{background-color:#d8e8f0;box-shadow:4px 4px #2d7a82,inset 0 0 0 2px #b8c8d0}.memory-card{appearance:none;display:block;width:100%;padding:0;border:0;background:0 0;font:inherit;color:inherit;position:relative;height:55px;cursor:pointer;transform-style:preserve-3d;transform:scale(1);transition:transform .15s step-end;perspective:1e3px}.memory-card:active{transform:scale(.9);transition:transform .05s step-end}.memory-card:focus-visible{outline:3px solid #fcfc00;outline-offset:2px}.memory-card[aria-disabled=true]{cursor:default}.memory-card.flipped{transform:rotateY(180deg)}.front-face,.back-face{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;justify-content:center;align-items:center;box-sizing:border-box;image-rendering:pixelated}.front-face{transform:rotateY(180deg);background:linear-gradient(135deg,#2a2a4a 0%,#1a1a2e 100%);color:#3aafb9;font-size:22px;border:3px solid #3aafb9;text-shadow:0 0 8px #3aafb9;box-shadow:inset 2px 2px rgba(255,255,255,.8),inset -2px -2px rgba(0,0,0,.15)}.back-face{background:repeating-linear-gradient( 45deg,#2d5a30,#2d5a30 4px,#3d7a40 4px,#3d7a40 8px );border:3px solid #3aafb9;box-shadow:inset 2px 2px rgba(255,255,255,.3),inset -2px -2px rgba(0,0,0,.2);transform:rotateY(0)}.back-face::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px );pointer-events:none}.confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;image-rendering:pixelated;perspective:800px;overflow:hidden}.confetti{position:absolute;border-radius:0;box-shadow:2px 2px rgba(0,0,0,.3);transform-style:preserve-3d;backface-visibility:visible;image-rendering:pixelated}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .memory-card:focus-visible{outline-color:#1e5a60}:root:not([data-theme=dark]) .front-face{background:linear-gradient(135deg,#e8f0f8 0%,#d0e0e8 100%);color:initial;text-shadow:none}:root:not([data-theme=dark]) .back-face{background:repeating-linear-gradient( 45deg,#4d9a50,#4d9a50 4px,#5dba60 4px,#5dba60 8px )}}[data-theme=light] .memory-card:focus-visible{outline-color:#1e5a60}[data-theme=light] .front-face{background:linear-gradient(135deg,#e8f0f8 0%,#d0e0e8 100%);color:initial;text-shadow:none}[data-theme=light] .back-face{background:repeating-linear-gradient( 45deg,#4d9a50,#4d9a50 4px,#5dba60 4px,#5dba60 8px )}.score-counter.final-score{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--heading-font);font-size:1.2rem;color:#fff;letter-spacing:2px;text-shadow:2px 2px 0 #000,0 0 10px rgba(255,255,255,.5);z-index:20;pointer-events:none;white-space:nowrap}.reset-button{margin:10px auto;padding:10px 20px;background-color:#0a0a14;color:#3aafb9;border:3px solid #3aafb9;border-radius:0;cursor:pointer;font-size:.75rem;font-family:var(--heading-font);text-transform:uppercase;letter-spacing:1px;display:block;box-shadow:3px 3px #2d7a82,inset 1px 1px rgba(255,255,255,.1);transition:none}.reset-button:hover{background-color:#3aafb9;color:#0a0a14;box-shadow:3px 3px #59C265,inset 1px 1px rgba(255,255,255,.3)}.reset-button:active{transform:translate(2px,2px);box-shadow:1px 1px #2d7a82}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .reset-button{background-color:#e8f0f8;color:#1e5a60;box-shadow:3px 3px #1e5a60,inset 1px 1px rgba(255,255,255,.8)}:root:not([data-theme=dark]) .reset-button:hover{background-color:#3aafb9;color:#fff}}[data-theme=light] .reset-button{background-color:#e8f0f8;color:#1e5a60;box-shadow:3px 3px #1e5a60,inset 1px 1px rgba(255,255,255,.8)}[data-theme=light] .reset-button:hover{background-color:#3aafb9;color:#fff}#memory-game::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,0,0,3%) 2px,rgba(0,0,0,3%) 4px );pointer-events:none;z-index:5}.memory-card.flipped .front-face{animation:matched-glow .5s ease-out}@keyframes matched-glow{0%{box-shadow:0 0 rgba(58,175,185,0)}50%{box-shadow:0 0 20px rgba(58,175,185,.8),0 0 40px rgba(58,175,185,.4)}100%{box-shadow:inset 2px 2px rgba(255,255,255,.1),inset -2px -2px rgba(0,0,0,.3)}}#metrics-dashboard{margin:0}.metrics-compact{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:0;font-size:.8rem;color:var(--color-text-muted,#666);border:none}#metrics-dashboard dl,#metrics-dashboard dd{margin:0}.metrics-compact-list{display:flex;align-items:center;justify-content:center;gap:1.5rem}.metric-compact-item{display:inline-flex;align-items:center;gap:.25rem}.metric-compact-label{font-weight:500}.metric-compact-value{font-weight:700;color:var(--color-text-accent,#4CAF50)}.metrics-toggle{appearance:none;background:0 0;border:0;padding:0;font:inherit;cursor:pointer;margin-left:auto;font-size:.75rem;color:var(--color-link,#0066cc);text-decoration:none;font-weight:600}.metrics-toggle:hover{text-decoration:underline}#metrics-expanded{margin-top:1rem;padding:1.5rem;background:var(--color-bg-card,#f8f9fa);border-radius:8px;width:100vw;margin-left:calc(-50vw + 50%);box-sizing:border-box}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.metric-card{background:var(--color-bg-elevated,white);padding:1rem;border-radius:6px;border:1px solid var(--color-border-subtle,#eee)}.metric-card h3{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--color-text-heading,#333)}.metric-card canvas{max-height:200px;width:100%}.metric-value{margin:.75rem 0 0;font-size:1.5rem;font-weight:700;color:var(--color-text-accent,#fbbf24);text-align:center}.metric-labels{display:flex;justify-content:space-around;margin-top:.75rem;font-size:.85rem}.metric-labels div{color:var(--color-text-muted,#818cf8)}.metric-labels dt,.metric-labels dd{display:inline}.metric-stat{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border-subtle,#3730a3)}.metric-stat:last-of-type{border-bottom:none}.stat-label{color:var(--color-text-muted,#818cf8);font-size:.85rem}.stat-value{font-weight:600;color:var(--color-text-primary,#bae6fd)}.connection-status{margin:.75rem 0 0;padding:.4rem;border-radius:4px;text-align:center;font-size:.75rem;font-weight:600}.connection-status.connected{background:var(--color-tag-emerald-bg);color:var(--color-tag-emerald-text)}.connection-status.error{background:rgba(239,68,68,.15);color:#f87171}.connection-status.reconnecting{background:var(--color-tag-amber-bg);color:var(--color-tag-amber-text)}@media(max-width:768px){.metrics-compact{flex-wrap:wrap;gap:.75rem;font-size:.85rem}.metrics-compact-list{flex-wrap:wrap;gap:.75rem}.metrics-toggle{width:100%;text-align:center;margin-left:0;margin-top:.5rem}#metrics-expanded{padding:1rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}}