@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap";.header{background:#3b82f6;color:#fff;padding:1rem 2rem;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:1000}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo-container{display:flex;align-items:center;gap:1rem}.logo{font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap;color:#fff;text-decoration:none}.logo:hover{color:#fff;opacity:.9}.header-icon{color:#fff;font-size:1.8rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.9}.header-icon:hover{color:#fff;opacity:1;transform:scale(1.1)}.sirion-logo{width:1.8rem;height:1.8rem;object-fit:contain}.nav{flex:1}.nav-list{list-style:none;display:flex;gap:2rem;margin:0;padding:0;justify-content:center}.nav-item{margin:0}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease;display:block;font-weight:500}.nav-link:hover{background:#fff3;transform:translateY(-2px)}.nav-link.active{background:#ffffff4d;font-weight:600}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.nav-list{flex-wrap:wrap;gap:1rem}.logo{font-size:1.25rem}}.home{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:4rem 2rem 3rem;margin-bottom:2rem}.hero-title{font-size:3rem;margin-bottom:.75rem;background:#3b82f6;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.4rem;color:#1f2937;margin-bottom:1rem;font-weight:500}.hero-description{max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7;color:#6b7280}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;text-decoration:none;color:inherit;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;display:block}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.feature-card h3{font-size:1.25rem;color:#1f2937;margin:0 0 .35rem;padding:0 1.5rem}.feature-card p{color:#6b7280;line-height:1.5;font-size:.9rem;padding:0 1.5rem 1.5rem;margin:0}.feature-visual{width:100%;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-img{width:100%;height:100%;object-fit:cover;display:block}.feature-canvas{width:100%;height:100%;display:block}.feature-visual--viz{background:#000764}@media(max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.features{grid-template-columns:1fr}}.about{max-width:900px;margin:0 auto;padding:2rem}.about-header{text-align:center;margin-bottom:3rem;padding:2rem}.about-header h1{font-size:2.5rem;margin-bottom:1rem;background:#3b82f6;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:1.2rem;color:#6b7280}.about-content{display:flex;flex-direction:column;gap:2rem}.about-section{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 5px 15px #00000014}.about-section h2{color:#3b82f6;margin-bottom:1rem;font-size:1.8rem}.about-section p{color:#444;line-height:1.8;font-size:1.1rem;margin-bottom:.75rem}.about-section p:last-child{margin-bottom:0}.about-section a{color:#3b82f6;font-weight:600}.about-section a:hover{text-decoration:underline}.about-section--image{display:flex;gap:2rem;padding:0;overflow:hidden}.about-section--reverse{flex-direction:row-reverse}.about-image{width:300px;flex-shrink:0;object-fit:cover}.about-section-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.about-header h1{font-size:2rem}.about-section--image,.about-section--reverse{flex-direction:column}.about-image{width:100%;height:200px}.about-section h2{font-size:1.5rem}.about-section p{font-size:1rem}}.career{max-width:900px;margin:0 auto;padding:2rem}.career-header{text-align:center;margin-bottom:3rem;padding:2rem}.career-header h1{font-size:2.5rem;margin-bottom:1rem;background:#3b82f6;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.career-subtitle{font-size:1.2rem;color:#6b7280}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:2px}.timeline-item{position:relative;margin-bottom:3rem}.timeline-marker{position:absolute;left:-2.5rem;top:0;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #3b82f6;box-shadow:0 2px 10px #3b82f64d}.timeline-content{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 5px 15px #00000014;transition:all .3s ease;margin-left:1rem}.timeline-content:hover{transform:translate(5px);box-shadow:0 10px 30px #00000026}.position{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.company{font-size:1.2rem;color:#3b82f6;font-weight:600;margin-bottom:.5rem}.period{color:#9ca3af;margin-bottom:1rem;font-style:italic}.description{color:#444;line-height:1.8;margin-bottom:1rem}.skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#3b82f6;color:#fff;padding:.4rem 1rem;border-radius:15px;font-size:.9rem;font-weight:500}.career-education{margin-bottom:3rem}.education-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;text-decoration:none;color:inherit;border-left:4px solid #7a0019;transition:box-shadow .3s ease}.education-card:hover{box-shadow:0 8px 25px #0000001f}.education-logo{width:60px;height:auto;flex-shrink:0}.education-info h3{font-size:1.2rem;color:#7a0019;margin-bottom:.25rem}.education-degree{font-size:1.05rem;font-weight:600;color:#1f2937;margin-bottom:.15rem}.education-years{font-size:.9rem;color:#6b7280}.career-note{background:#f0f0f0;padding:1rem;border-radius:10px;text-align:center;color:#6b7280;margin-top:2rem;font-style:italic}@media(max-width:768px){.career-header h1{font-size:2rem}.timeline{padding-left:1.5rem}.timeline-marker{left:-2.25rem;width:15px;height:15px}.timeline-content{margin-left:.5rem;padding:1.5rem}.position{font-size:1.3rem}.company{font-size:1.1rem}}.visualizations-full-width{width:100%;min-height:100vh}.visualizations-banner{position:relative;width:100%;height:250px;overflow:hidden;background:#000764}.banner-canvas{position:absolute;top:0;left:0;width:100%;height:auto}.banner-text{position:absolute;top:50%;left:3rem;transform:translateY(-50%);z-index:1}.banner-text h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}.banner-text p{font-size:1.1rem;color:#ffffffe6;text-shadow:0 1px 8px rgba(0,0,0,.6)}.visualizations-scroll-container{padding:2rem 0;overflow-x:auto;overflow-y:hidden}.visualizations-scroll-container::-webkit-scrollbar{height:8px}.visualizations-scroll-container::-webkit-scrollbar-track{background:#e5e7eb}.visualizations-scroll-container::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.visualizations-horizontal{display:flex;gap:2rem;padding:0 2rem 2rem;min-width:min-content}.visualization-card-horizontal{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;width:350px;flex-shrink:0;display:flex;flex-direction:column}.visualization-card-horizontal:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0003}.visualization-card-horizontal .card-preview{width:100%;height:200px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.visualization-card-horizontal .card-preview .preview-canvas{width:100%;height:100%;object-fit:cover}.visualization-card-horizontal .card-info{padding:1.5rem;flex:1;display:flex;flex-direction:column}.visualization-card-horizontal .card-title{font-size:1.5rem;color:#3b82f6;margin-bottom:.5rem}.visualization-card-horizontal .card-equation{font-family:Courier New,monospace;font-size:.9rem;color:#6b7280;margin-bottom:.25rem}.visualization-card-horizontal .card-year{font-size:.85rem;color:#9ca3af;margin-bottom:1rem}.visualization-card-horizontal .card-description{font-size:.95rem;line-height:1.6;color:#444;flex:1}@media(max-width:768px){.visualization-card-horizontal{width:300px}}.games-page{width:100%;min-height:100vh}.games-banner{position:relative;width:100%;height:250px;overflow:hidden}.games-banner-img{width:100%;height:100%;object-fit:cover}.games-banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080}.games-banner-overlay h1{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:.5rem}.games-banner-overlay p{color:#ffffffe6;font-size:1.1rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}.games-intro{max-width:800px;margin:2rem auto;padding:0 2rem}.games-intro p{color:#444;line-height:1.8;font-size:1.05rem;margin-bottom:1rem}.games-grid{max-width:800px;margin:2rem auto;padding:0 2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.game-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .3s ease,transform .3s ease;display:block}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.game-card--coming-soon{opacity:.7;pointer-events:none}.game-card-preview{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-card-preview--digdug{background:#000040;padding:0;overflow:hidden}.digdug-screenshot{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}.game-card-preview--lemonade{background:#19d700;padding:0;overflow:hidden}.lemonade-screenshot{width:100%;height:100%;object-fit:contain;display:block;image-rendering:pixelated}.game-card-preview--snakebyte{background:#000;padding:0;overflow:hidden}.snakebyte-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Courier New,monospace;font-size:13px;line-height:1.3;color:#3f3;white-space:pre;gap:0}.sp-wall{color:#3f3}.sp-snake{color:#fff;font-weight:700}.sp-apple{color:#f44;font-weight:700}.sp-plum{color:#f4f;font-weight:700}.sp-space{color:transparent}.sp-row{color:#3f3}.game-ascii-preview{font-family:Courier New,monospace;font-size:11px;line-height:1.3;color:#e0e0ff;margin:0;white-space:pre}.game-ascii-preview--green{color:#3f3}.game-card-info{padding:1.25rem}.game-card-info h3{font-size:1.2rem;color:#1f2937;margin-bottom:.35rem}.game-card-info p{font-size:.9rem;color:#6b7280;line-height:1.5;margin-bottom:.75rem}.game-card-cta{font-weight:600;color:#3b82f6;font-size:.9rem}.game-card-cta--soon{color:#9ca3af}@media(max-width:768px){.games-grid{grid-template-columns:1fr}}.control-scheme-toggle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cst-label{font-weight:600;font-size:.85rem;color:#555}.cst-btn{font-family:Courier New,monospace;font-size:.8rem;font-weight:700;padding:.25rem .6rem;border:2px solid #ccc;border-radius:4px;background:#f5f5f5;color:#555;cursor:pointer;transition:all .15s ease}.cst-btn:hover{border-color:#999}.cst-btn--active{background:#333;color:#3f3;border-color:#3f3}.cst-hint{font-family:Courier New,monospace;font-size:.75rem;color:#888}.mobile-dpad-wrap{display:none}@media(max-width:768px){.mobile-dpad-wrap{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:1rem;user-select:none;-webkit-user-select:none;touch-action:none}.mobile-dpad{display:flex;flex-direction:column;align-items:center;gap:2px}.dpad-mid-row{display:flex;align-items:center;gap:2px}.dpad-center{width:48px;height:48px;background:#222;border-radius:4px}.dpad-btn{width:48px;height:48px;background:#444;color:#fc0;border:2px solid #666;border-radius:6px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.dpad-btn:active{background:#666;border-color:#fc0}.mobile-action-btn{width:80px;height:80px;border-radius:50%;background:#c30;color:#fff;border:3px solid #ff6600;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;cursor:pointer}.mobile-action-btn:active{background:#f40;border-color:#fc0}}.digdug-page{max-width:1000px;margin:0 auto;padding:2rem}.digdug-header{text-align:center;margin-bottom:2rem}.digdug-header h1{font-family:Courier New,monospace;font-size:3rem;color:#fc0;text-shadow:2px 2px 0 #cc6600,4px 4px 0 rgba(0,0,0,.3);letter-spacing:.2em;margin-bottom:.5rem}.digdug-subtitle{color:#6b7280;font-size:1rem;margin-bottom:1rem}.digdug-story{max-width:650px;margin:0 auto}.digdug-story p{color:#555;font-size:.95rem;line-height:1.7;font-style:italic}.digdug-container{display:flex;gap:2rem;align-items:flex-start}.digdug-game-wrapper{flex-shrink:0}.digdug-score-bar{font-family:Courier New,monospace;background:navy;color:#fff;padding:.4rem 1rem;display:flex;justify-content:space-between;border-radius:8px 8px 0 0;border:3px solid #333;border-bottom:none}.digdug-score-col{display:flex;flex-direction:column;align-items:center}.digdug-score-label{font-size:.7rem;color:#f44;text-transform:uppercase;letter-spacing:.1em}.digdug-score-value{font-size:.85rem;color:#fff;font-weight:700;margin-top:.1rem}.digdug-screen{position:relative;background:#000040;border-left:3px solid #333;border-right:3px solid #333;font-family:Courier New,monospace;font-size:22px;line-height:1;outline:none;box-shadow:inset 0 0 20px #0000004d;overflow:hidden}.digdug-footer-bar{font-family:Courier New,monospace;background:#681010;padding:.4rem 1rem;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 8px 8px;border:3px solid #333;border-top:none}.digdug-lives{display:flex;gap:.25rem}.digdug-life{color:#0cf;font-size:1rem}.digdug-round{color:#fff;font-size:.8rem}.digdug-row{display:flex;height:1.1em}.cell{display:inline-flex;align-items:center;justify-content:center;width:1ch;height:1.1em;transition:font-size .1s ease}.cell--sky{background:navy}.cell--flower{flex-direction:column;line-height:.5;overflow:visible}.flower-bloom{color:#fff;font-size:.75em;font-weight:700;display:block;line-height:.7}.flower-stem{color:#4c4;font-size:.65em;display:block;line-height:.5}.cell--dirt{font-size:1em}.cell--tunnel{background:#111}.cell--player{color:#0cf;font-weight:700;text-shadow:0 0 6px rgba(0,204,255,.6);background:transparent}.cell--pooka,.cell--fygar{font-weight:700;background:transparent;z-index:5;position:relative;transform-origin:center center}.cell--pooka{color:#f44;text-shadow:0 0 6px rgba(255,68,68,.5)}.cell--fygar{color:#4c4;text-shadow:0 0 6px rgba(68,204,68,.5)}.cell--ghost{opacity:.5}.cell--pump{color:#fc0;text-shadow:0 0 4px rgba(255,204,0,.4);background:transparent;position:relative;z-index:1}.cell--prize{font-size:.9em;animation:prize-blink .5s infinite alternate;background:transparent;z-index:2;position:relative}@keyframes prize-blink{0%{opacity:.7}to{opacity:1}}.cell--fire{color:#f60;font-weight:700;text-shadow:0 0 8px rgba(255,102,0,.8);background:transparent;animation:fire-flicker .1s infinite alternate}@keyframes fire-flicker{0%{opacity:.7;color:#f40}to{opacity:1;color:#fa0}}.digdug-floating-points{position:absolute;color:#fff;font-family:Arial Black,Helvetica,sans-serif;font-size:1.5rem;font-weight:900;-webkit-text-stroke:2px #000;text-shadow:0 0 10px #ffff00,0 0 20px #ffcc00,2px 2px 0 #ff4400;z-index:50;pointer-events:none;white-space:nowrap;letter-spacing:.05em;transform-origin:center;animation:digdug-points-pop 1.8s ease-out forwards}@keyframes digdug-points-pop{0%{transform:translate(-50%) scale(.3);opacity:0}15%{transform:translate(-50%,-8px) scale(1.4);opacity:1}30%{transform:translate(-50%,-16px) scale(1);opacity:1}to{transform:translate(-50%,-60px) scale(1);opacity:0}}.digdug-overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.digdug-ready{font-family:Courier New,monospace;color:#fc0;font-size:2rem;text-shadow:0 0 10px rgba(255,204,0,.5);margin-bottom:.5rem}.digdug-press{font-family:Courier New,monospace;color:#fff;font-size:1rem;margin-bottom:1rem}.digdug-controls-mini{font-family:Courier New,monospace;color:#888;font-size:.75rem}.digdug-final-score{font-family:Courier New,monospace;font-size:1.2rem;color:#fff}.digdug-restart{font-family:Courier New,monospace;background:#fc0;color:#111;border:none;padding:.5rem 1.5rem;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;margin-top:.75rem}.digdug-restart:hover{background:#fd4}.digdug-controls{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb;min-width:200px}.digdug-controls h3{font-size:1.1rem;color:#1f2937;margin-bottom:1rem}.digdug-controls h4{font-size:.95rem;color:#1f2937;margin-bottom:.5rem}.digdug-key-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.digdug-key-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6b7280}.digdug-key{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .5rem;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;color:#1f2937}.digdug-legend{border-top:1px solid #e5e7eb;padding-top:1rem;margin-bottom:1rem}.digdug-legend p{font-size:.9rem;color:#6b7280;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem}.legend-char{font-family:Courier New,monospace;font-weight:700;font-size:1.2rem;width:1.5rem;text-align:center}.legend-player{color:#0cf}.legend-pooka{color:#f44}.legend-fygar{color:#4c4}.digdug-tips{border-top:1px solid #e5e7eb;padding-top:1rem}.digdug-tips p{font-size:.85rem;color:#6b7280;line-height:1.5;margin-bottom:.5rem}@media(max-width:768px){.digdug-container{flex-direction:column;align-items:center}.digdug-header h1{font-size:2rem}.digdug-screen{font-size:10px}.digdug-controls{display:none}}.apple-text{width:100%;height:100%;background:#000;font-family:Courier New,Consolas,monospace;color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;overflow:hidden;display:flex;flex-direction:column;padding:1% 2%;container-type:inline-size;box-sizing:border-box}.apple-text-row{flex:1;display:flex;align-items:center;white-space:pre;font-size:3.84cqi;line-height:1;letter-spacing:0}@supports not (font-size: 1cqi){.apple-text{container-type:unset}.apple-text-row{font-size:min(2.8vw,24px)}}.apple-text-hl--inv{background:#fff;color:#000}.apple-text-hl--cur{animation:apple-cursor-blink .6s steps(2) infinite}@keyframes apple-cursor-blink{0%{background:#fff;color:#000}50%{background:#000;color:#fff}}.apple-lores{display:flex;flex-direction:column;width:100%;height:100%;background:#000;overflow:hidden;-webkit-user-select:none;user-select:none;container-type:inline-size}.apple-lores-gfx{flex:1;display:flex;flex-direction:column}.apple-lores-row{flex:1;display:flex}.apple-lores-pixel{flex:1;display:block}.apple-lores-textbar{flex:0 0 auto;height:16.6666666667%;background:#000;display:flex;flex-direction:column;justify-content:center;padding:0 2%}.apple-lores-textline{font-family:Courier New,Consolas,monospace;font-size:3.5714285714cqi;color:#fff;text-transform:uppercase;letter-spacing:0;line-height:1.6;white-space:pre;text-align:center}@supports not (font-size: 1cqi){.apple-lores-textline{font-size:min(2.6vw,22px)}}.lemonade-page{max-width:1100px;margin:0 auto;padding:2rem 1rem}.lemonade-header{text-align:center;margin-bottom:1.5rem}.lemonade-header h1{font-family:Courier New,monospace;font-size:3rem;color:#ff9c80;text-shadow:2px 2px 0 #9c0049,4px 4px 0 rgba(0,0,0,.3);letter-spacing:.2em;margin-bottom:.5rem}.lemonade-subtitle{color:#6b7280;font-size:1rem;margin-bottom:.75rem}.lemonade-story{max-width:650px;margin:0 auto}.lemonade-story p{color:#555;font-size:.95rem;line-height:1.7;font-style:italic}.lemonade-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.lemonade-game-wrapper{width:100%;max-width:800px}.lemonade-screen{position:relative;width:100%;aspect-ratio:4/3;background:#000;border:4px solid #333;border-radius:10px;outline:none;overflow:hidden;box-shadow:inset 0 0 50px #00000080,0 8px 30px #0000004d}.lemonade-sidebar{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb;width:100%;max-width:800px;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;align-items:start}.lemonade-sidebar h3{grid-column:1/-1;font-size:1.1rem;color:#1f2937;margin-bottom:.75rem}.lemonade-sidebar h4{font-size:.95rem;color:#1f2937;margin:1rem 0 .35rem}.lemonade-sidebar h4:first-child{margin-top:0}.lemonade-sidebar p,.lemonade-sidebar ul{font-size:.9rem;color:#6b7280;line-height:1.55;margin-bottom:.5rem}.lemonade-sidebar ul{padding-left:1.25rem}.lemonade-sidebar li{margin-bottom:.3rem}@media(max-width:768px){.lemonade-page{padding:1rem .5rem}.lemonade-header h1{font-size:2rem;letter-spacing:.1em}.lemonade-game-wrapper{max-width:100%}.lemonade-screen{border-width:3px;border-radius:6px}.lemonade-sidebar{grid-template-columns:1fr;padding:1rem}}.trs80-screen{width:100%;height:100%;background:#000;display:grid;gap:0;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative}.trs80-cell{display:flex;align-items:center;justify-content:center;font-family:Courier New,Consolas,monospace;font-weight:700;color:#3f3;font-size:min(1.6vw,14px);line-height:1;overflow:hidden;padding:0;margin:0;min-width:0;min-height:0}.trs80-scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);z-index:1;grid-column:1/-1;grid-row:1/-1}.snakebyte-page{max-width:1100px;margin:0 auto;padding:2rem 1rem}.snakebyte-header{text-align:center;margin-bottom:1.5rem}.snakebyte-header h1{font-family:Courier New,monospace;font-size:3rem;color:#3f3;text-shadow:2px 2px 0 #006600,4px 4px 0 rgba(0,0,0,.3);letter-spacing:.2em;margin-bottom:.5rem}.snakebyte-subtitle{color:#6b7280;font-size:1rem;margin-bottom:.75rem}.snakebyte-story{max-width:650px;margin:0 auto}.snakebyte-story p{color:#555;font-size:.95rem;line-height:1.7;font-style:italic}.snakebyte-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.snakebyte-game-wrapper{width:100%;max-width:700px}.snakebyte-screen{width:100%;aspect-ratio:4/3;background:#000;border:4px solid #333;border-radius:10px;outline:none;overflow:hidden;box-shadow:inset 0 0 50px #00000080,0 8px 30px #0000004d}.snakebyte-sidebar{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb;width:100%;max-width:700px;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;align-items:start}.snakebyte-sidebar>*{align-self:start}.snakebyte-sidebar h3{grid-column:1/-1;font-size:1.1rem;color:#1f2937;margin-bottom:.75rem}.snakebyte-sidebar h4{font-size:.95rem;color:#1f2937;margin:0 0 .35rem}.snakebyte-sidebar h4:not(:first-child){margin-top:1rem}.snakebyte-sidebar p{font-size:.9rem;color:#6b7280;line-height:1.55;margin-bottom:.5rem}@media(max-width:768px){.snakebyte-page{padding:1rem .5rem}.snakebyte-header h1{font-size:2rem;letter-spacing:.1em}.snakebyte-screen{border-width:3px;border-radius:6px}.snakebyte-sidebar{grid-template-columns:1fr;padding:1rem}}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;white-space:nowrap;pointer-events:none;z-index:1000;animation:tooltipFadeIn .2s ease}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.visualization-page{max-width:1200px;margin:0 auto;padding:2rem}.visualization-header{margin-bottom:2rem}.visualization-header h1{font-size:2.5rem;margin-bottom:.5rem;background:#3b82f6;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.back-link{display:inline-block;color:#3b82f6;text-decoration:none;font-weight:600;margin-bottom:1rem;transition:all .3s ease}.back-link:hover{color:#2563eb;transform:translate(-5px)}.visualization-subtitle{text-align:center}.visualization-subtitle{font-size:1.2rem;color:#6b7280}.visualization-content{display:flex;flex-direction:column;gap:2rem}.canvas-container{position:relative;background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:2rem;display:flex;justify-content:center;align-items:center}.canvas-container:fullscreen{background:#000;display:flex;justify-content:center;align-items:center;padding:0}.canvas-container:fullscreen .canvas-controls{top:1rem;right:1rem}.canvas-controls{position:absolute;top:.5rem;right:.5rem;z-index:100;display:flex;gap:.5rem}.icon-button{background:#ffffffe6;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#3b82f6;font-size:1.1rem;box-shadow:0 2px 8px #0000001a}.icon-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.icon-button:active{transform:scale(.95)}.visualization-canvas{max-width:100%;height:auto;border-radius:10px;touch-action:none;box-shadow:0 2px 10px #0000000d}.canvas-container:fullscreen .visualization-canvas{max-width:95vw;max-height:95vh;width:auto;height:auto;border-radius:0;box-shadow:none}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#3b82f6e6;color:#fff;padding:1rem 2rem;border-radius:20px;font-weight:600;box-shadow:0 5px 15px #0003}.controls{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 5px 15px #00000014;display:flex;flex-direction:column;gap:1rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{display:flex;align-items:center;font-weight:600;color:#1f2937}.slider{width:100%;height:8px;border-radius:5px;background:#ddd;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 5px #0003}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 5px #0003}.reset-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3b82f64d}.control-hint{color:#9ca3af;font-size:.9rem;font-style:italic;margin:0}.color-mode-buttons{display:flex;gap:.5rem}.mode-button{flex:1;padding:.75rem 1.5rem;border:2px solid #3b82f6;background:#fff;color:#3b82f6;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.mode-button:hover{background:#3b82f61a;transform:translateY(-2px)}.mode-button.active{background:#3b82f6;color:#fff;border-color:transparent}.color-picker{width:100%;height:50px;border:2px solid #ddd;border-radius:10px;cursor:pointer;transition:all .3s ease}.color-picker:hover{border-color:#3b82f6;transform:scale(1.02)}.color-preview{display:inline-block;width:30px;height:30px;border-radius:50%;border:2px solid #ddd;margin-left:10px;vertical-align:middle;box-shadow:0 2px 5px #0000001a}.mandelbrot-container{-webkit-user-select:none;user-select:none}.selection-rect{box-shadow:0 0 0 2px #ffffff80 inset,0 0 10px #3b82f680}.visualization-info{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 5px 15px #00000014}.visualization-info h2{color:#3b82f6;font-size:2rem;margin-bottom:1rem}.visualization-info h3{color:#1f2937;font-size:1.5rem;margin-top:1.5rem;margin-bottom:.75rem}.visualization-info p{color:#444;line-height:1.8;margin-bottom:1rem}.visualization-info ul{color:#444;line-height:1.8;margin-left:1.5rem;margin-bottom:1rem}.visualization-info li{margin-bottom:.5rem}.visualization-info strong{color:#3b82f6}@media(max-width:768px){.visualization-header h1{font-size:2rem}.canvas-container{padding:1rem}.visualization-canvas{width:100%}.controls,.visualization-info{padding:1.5rem}.visualization-info h2{font-size:1.5rem}.visualization-info h3{font-size:1.2rem}}:root{font-family:Poppins,Quicksand,Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#1f2937;background-color:#f9fafb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f9fafb}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;line-height:1.2}p{font-family:Quicksand,sans-serif}a{font-weight:500;color:#3b82f6;text-decoration:none;transition:color .3s ease}a:hover{color:#2563eb}button{font-family:inherit;cursor:pointer}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e5e7eb;border-radius:5px}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#2563eb}::selection{background:#3b82f64d;color:#1f2937}::-moz-selection{background:#3b82f64d;color:#1f2937}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.gradient-text{background:#3b82f6;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.container{padding:0 1rem}}