@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;700&display=swap";:root{--bg-color: #000000;--bg-primary: #09090b;--bg-secondary: #0d0d0f;--card-bg: #121214;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .45);--primary: #00D9C4;--success: #26D97F;--error: #FF5B6A;--warning: #FFB520;--purple: #9D4EDD;--font-pixel: "Press Start 2P", cursive;--font-mono: "Space Mono", monospace;--font-sans: "Inter", sans-serif;--border-default: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}.icon-gi{display:inline-block;width:var(--icon-size, 1em);height:var(--icon-size, 1em);vertical-align:-.15em}.icon-gi-mask{display:block;width:100%;height:100%;background-color:currentColor}body{background:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;bottom:0;left:-50%;width:200%;height:100%;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(0,217,196,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,196,.14) 1px,transparent 1px);background-size:80px 80px;transform:perspective(800px) rotateX(60deg);transform-origin:bottom center;mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.5) 35%,rgba(0,0,0,.15) 55%,transparent 75%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.5) 35%,rgba(0,0,0,.15) 55%,transparent 75%)}.stars{position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:radial-gradient(1px 1px at 20px 30px,#eee,transparent),radial-gradient(1px 1px at 40px 70px,#fff,transparent),radial-gradient(1.5px 1.5px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 160px 120px,#ddd,transparent);background-repeat:repeat;background-size:200px 200px;opacity:.5;animation:twinkle 4s infinite alternate}.stars:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 150px 50px,#fff,transparent),radial-gradient(1px 1px at 80px 150px,#eee,transparent);background-repeat:repeat;background-size:300px 300px;opacity:.4;animation:twinkle 6s infinite alternate-reverse}@keyframes twinkle{0%{opacity:.3}to{opacity:.6}}.splash-sprite-layer{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.splash-bg-sprite{position:absolute;image-rendering:pixelated;filter:contrast(1.1);height:55vh;width:28vw;max-width:28vw;bottom:0;object-fit:contain;object-position:bottom}.splash-bg-sprite:nth-child(1){left:0;transform:scaleX(-1);opacity:.22}.splash-bg-sprite:nth-child(2){right:0;transform:none;opacity:.22}.splash-bg-sprite-trainer{bottom:8vh}.splash-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10vh 24px 0;position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.splash-hero-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;max-width:900px;position:relative}.pagoda-graphic{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-65%);width:550px;image-rendering:pixelated;opacity:.4;mix-blend-mode:screen;pointer-events:none}.splash-title-container{text-align:center;position:relative;z-index:1}.splash-title-logo{position:relative;font-family:var(--font-pixel);font-size:clamp(48px,9vw,96px);line-height:.95;letter-spacing:4px;display:flex;flex-direction:column;align-items:center}.splash-logo-shadow{position:absolute;top:0;left:50%;transform:translate(-50%);color:transparent;text-shadow:2px 2px 0 #5A1A5E,4px 4px 0 #4A0E4E,6px 6px 0 #3A0840;display:flex;flex-direction:column;align-items:center;width:100%;pointer-events:none}.splash-logo-fill{position:relative;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px rgba(255,215,0,.4));animation:neonPulse 4s ease-in-out infinite}@keyframes neonPulse{0%,to{filter:drop-shadow(0 0 15px rgba(255,215,0,.4));opacity:1}50%{filter:drop-shadow(0 0 35px rgba(255,215,0,.7));opacity:.9}}.title-part-vgc,.title-part-dojo{display:block}.splash-tagline{font-family:var(--font-mono);font-size:clamp(12px,2vw,16px);color:var(--text-secondary);text-align:center;margin:16px 0 24px;line-height:1.6;z-index:1}.splash-tagline-link{color:var(--text-secondary);text-decoration:none}.splash-tagline-link:hover{opacity:.9}.splash-stats{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.splash-stat{text-align:center}.splash-stat-number{font-family:var(--font-pixel);font-size:clamp(16px,2.5vw,22px);color:var(--primary);display:block}.splash-stat-label{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);letter-spacing:1px;margin-top:4px;display:block;line-height:1.4}.splash-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.splash-btn{font-family:var(--font-pixel);font-size:11px;padding:18px 36px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.splash-btn-primary{background:var(--primary);color:#000}.splash-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d9c466}.splash-btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.splash-btn-outline:hover{background:var(--primary);color:#000}.splash-modes{min-height:100vh;padding:80px 24px;display:flex;align-items:center;justify-content:center;position:relative;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:24px}.splash-modes-inner{width:100%;max-width:1000px;text-align:center}.splash-section-label{font-family:var(--font-pixel);font-size:16px;color:var(--warning);letter-spacing:3px;margin-bottom:48px}.splash-modes-inner>.splash-section-label{margin-bottom:12px}.splash-modes-hint{font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--text-tertiary);letter-spacing:.02em;margin:0 0 40px;line-height:1.4}.splash-modes-overview-link{font-family:var(--font-mono);font-size:12px;text-align:center;margin:-28px 0 32px}.splash-modes-overview-link a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.splash-modes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.splash-mode-card{background:#121214e6;border:1px solid var(--border-default);padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:all .3s;position:relative;overflow:hidden;color:var(--mode-color, var(--primary));cursor:pointer;text-decoration:none}.splash-mode-card:before{content:"";position:absolute;inset:0;background:var(--mode-color, var(--primary));opacity:0;transition:opacity .3s;pointer-events:none}.splash-mode-card:hover{border-color:var(--mode-color, var(--primary));transform:translateY(-3px);box-shadow:0 0 20px color-mix(in srgb,var(--mode-color, var(--primary)) 30%,transparent)}.splash-mode-card:hover:before{opacity:.08}.splash-mode-card:focus-visible{outline:2px solid var(--mode-color, var(--primary));outline-offset:3px}.splash-mode-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--mode-color, var(--primary))}.splash-mode-icon .icon-gi{display:inline-flex;align-items:center;justify-content:center}.splash-mode-icon .icon-gi-mask{display:block;width:var(--icon-size, 36px);height:var(--icon-size, 36px)}.splash-mode-name{font-family:var(--font-pixel);font-size:8px;color:var(--text-primary);letter-spacing:1px;line-height:1.5}.splash-mode-note{position:relative;z-index:1;font-size:10px;line-height:1.35;color:var(--text-secondary);text-align:center;max-width:110px}.splash-mode-fixed-bg{position:fixed;inset:0;z-index:-2;pointer-events:none}.splash-sprite-layer--fixed{position:absolute;inset:0;z-index:0}.splash-mode-page{position:relative;z-index:1;min-height:100vh;padding:48px 24px 80px;scroll-snap-align:start}.splash-mode-page-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}.splash-mode-page-label-row{display:flex;align-items:center;gap:14px;margin-bottom:4px}.splash-mode-page-mode-icon{display:flex;align-items:center;flex-shrink:0}.splash-mode-page-section-label{margin-bottom:0!important;text-align:left!important}.splash-mode-page-chip-icon{display:inline-flex;flex-shrink:0;opacity:.95}.splash-mode-page-chip-text{line-height:1.2}.splash-mode-page-example-label,.splash-mode-page-faq-label{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.mode-inline-entity{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin:0 2px}.mode-inline-sprite{image-rendering:pixelated;object-fit:contain;flex-shrink:0}.mode-inline-entity-label{white-space:normal}.splash-mode-page-title .mode-inline-entity,.splash-mode-page-lede .mode-inline-entity{vertical-align:-.35em}.splash-mode-page-teaches-list li{position:relative}.splash-mode-page-back{display:inline-block;margin-bottom:28px;font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--text-tertiary);text-decoration:none}.splash-mode-page-back:hover{color:var(--primary)}.splash-mode-page .splash-section-label{margin-bottom:20px;text-align:left}.splash-mode-page-title{font-family:var(--font-pixel);font-size:clamp(16px,2.8vw,22px);line-height:1.55;color:var(--text-primary);margin-bottom:16px}.splash-mode-page-lede{font-family:var(--font-sans);font-size:17px;font-weight:400;line-height:1.7;color:var(--text-secondary);margin-bottom:20px}.splash-mode-page-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.splash-mode-page-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--mode-color) 45%,var(--border-default));border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:1;color:var(--text-primary);background:color-mix(in srgb,var(--mode-color) 12%,rgba(255,255,255,.02))}.splash-mode-page-teaches{margin-bottom:32px;padding:24px 26px;background:#121214eb;border:1px solid color-mix(in srgb,var(--mode-color) 35%,var(--border-default));clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 0 24px color-mix(in srgb,var(--mode-color) 10%,transparent)}.splash-mode-page-teaches-label{font-family:var(--font-pixel);font-size:clamp(11px,1.8vw,13px);line-height:1.6;letter-spacing:.5px;color:var(--mode-color, var(--primary));margin-bottom:16px}.splash-mode-page-teaches-list{margin:0;padding-left:1.15em;font-family:var(--font-pixel);font-size:10px;line-height:2;color:var(--text-secondary)}.splash-mode-page-teaches-list li+li{margin-top:10px}.splash-mode-page-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}.splash-mode-page-card{background:#121214e0;border:1px solid var(--border-default);padding:24px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);text-align:left}.splash-mode-page-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--font-pixel);font-size:10px;letter-spacing:.5px;color:var(--mode-color, var(--primary));margin-bottom:14px;line-height:1.6}.splash-mode-page-list{margin:0;padding-left:18px;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--text-secondary)}.splash-mode-page-list li+li{margin-top:10px}.splash-mode-page-example{margin-bottom:36px;padding:24px;background:#121214bf;border:1px solid rgba(255,255,255,.08);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.splash-mode-page-example-label{font-family:var(--font-pixel);font-size:10px;letter-spacing:1px;color:var(--warning);margin-bottom:12px}.splash-mode-page-example p{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.7;color:var(--text-secondary)}.splash-mode-page-faq{margin-bottom:40px}.splash-mode-page-faq-label{margin-bottom:20px;text-align:left}.splash-mode-faq-list{display:flex;flex-direction:column;gap:20px}.splash-mode-faq-q{font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:1.5;color:var(--text-primary);margin-bottom:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.splash-mode-faq-a{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--text-secondary)}.splash-mode-page-cta{margin-top:8px}.splash-mode-page-telemetry-note{margin-top:28px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .55))}.splash-mode-page-telemetry-note a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.splash-signup{min-height:100vh;padding:80px 24px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.splash-signup-inner{width:100%;max-width:800px}.splash-signup-box{background:#121214d9;padding:64px 48px;border:1px solid var(--primary);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 40px #00d9c433;text-align:center}.splash-signup-title{font-family:var(--font-pixel);font-size:32px;margin-bottom:16px}.splash-signup-subtitle{font-family:var(--font-mono);font-size:18px;color:var(--text-secondary);margin-bottom:40px}.splash-signup-form{display:flex;flex-direction:column;gap:16px}.splash-signup-form input[type=email]{background:#000;border:1px solid var(--border-default);padding:18px;color:#fff;font-family:var(--font-mono);font-size:14px;outline:none;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);transition:border-color .2s}.splash-signup-form input[type=email]:focus{border-color:var(--primary)}.submit-btn{background:var(--primary);color:#000;border:none;padding:20px;font-family:var(--font-pixel);font-size:12px;cursor:pointer;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);transition:all .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d9c44d}.status-msg{font-family:var(--font-mono);font-size:12px;min-height:20px}.status-msg.success{color:var(--success)}.status-msg.error{color:var(--error)}.status-msg.info{color:var(--primary)}.splash-beta-divider{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.beta-link{background:transparent;color:var(--primary);border:1px solid var(--primary);padding:12px 24px;font-family:var(--font-pixel);font-size:10px;cursor:pointer;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);transition:all .2s}.beta-link:hover{background:var(--primary);color:#000}.signup-success-container{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:200px;animation:successFadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.success-3d-wrapper{position:relative;text-align:center}.success-3d-shadow{font-family:var(--font-pixel);font-size:clamp(24px,5vw,38px);line-height:1.4;color:#5a1a5e;text-shadow:4px 4px 0 #4A0E4E,8px 8px 0 #3A0840;display:block}.success-3d-gradient{font-family:var(--font-pixel);font-size:clamp(24px,5vw,38px);line-height:1.4;position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;background:linear-gradient(180deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none}@keyframes successFadeIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-footer{margin-top:48px;text-align:center;padding:24px 0}.splash-footer-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.splash-footer-nav a,.splash-footer-link{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s;padding:0}.splash-footer-nav a:hover,.splash-footer-link:hover{color:var(--primary)}.nav-sep{color:var(--text-tertiary);opacity:.5;font-size:10px}.splash-footer-copy{font-family:var(--font-pixel);font-size:8px;color:var(--text-tertiary);margin-bottom:8px}.splash-footer-disclaimer-btn{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);opacity:.6;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .2s;padding:0}.splash-footer-disclaimer-btn:hover{color:var(--primary);opacity:1}.splash-modal-overlay{display:none;position:fixed;inset:0;background:#000000e6;z-index:1000;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;padding:20px}.splash-modal-overlay.active{display:flex;pointer-events:auto}.splash-modal{background:var(--card-bg);border:1px solid var(--primary);padding:40px;min-width:320px;max-width:560px;width:90%;max-height:85vh;overflow-y:auto;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 60px #00d9c433;animation:modalSlideIn .3s ease-out;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.splash-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-tertiary);font-size:24px;cursor:pointer;transition:color .2s}.splash-modal-close:hover{color:var(--primary)}.splash-modal-header{font-family:var(--font-pixel);font-size:14px;color:var(--primary);margin-bottom:20px}.splash-modal-body{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);line-height:1.7}.splash-modal-body p{margin-bottom:14px}.splash-modal-body p:last-child{margin-bottom:0}.splash-modal-body strong{color:var(--primary)}.feedback-popup-modal{max-width:520px;width:100%;border-width:2px;border-color:transparent;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,linear-gradient(135deg,var(--primary),var(--purple) 45%,var(--warning) 90%) border-box;box-shadow:0 0 0 1px #00d9c459,0 0 50px #9d4edd38,0 0 80px #00d9c41f}.feedback-popup-header{background:linear-gradient(90deg,var(--primary),var(--success) 55%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.feedback-popup-modal .splash-modal-header.feedback-popup-header{text-align:center;width:100%;padding-right:32px;box-sizing:border-box}.feedback-popup-lead{font-family:var(--font-mono);font-size:12px;color:var(--warning);margin:-8px 0 20px;line-height:1.5;text-align:center}.feedback-popup-sublabel{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-secondary);margin-top:4px}.feedback-popup-field-insider{padding-top:4px;border-top:1px solid rgba(0,217,196,.2);margin-top:4px}.feedback-popup-subtitle{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);margin-bottom:16px}.feedback-popup-field{display:flex;flex-direction:column;gap:8px}.feedback-popup-label{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--primary);letter-spacing:.02em}.feedback-popup-email-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);line-height:1.5;margin:-4px 0 2px}.feedback-rating-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;width:100%}.feedback-rating-btn{min-width:0;padding:10px 2px;background:linear-gradient(180deg,#1a1a22,#0d0d12);border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-pixel);font-size:10px;cursor:pointer;border-radius:4px;transition:transform .12s,border-color .15s,color .15s,box-shadow .15s}.feedback-rating-btn:nth-child(1),.feedback-rating-btn:nth-child(2){border-color:#ff5b6a73;color:#ffb8bf}.feedback-rating-btn:nth-child(3),.feedback-rating-btn:nth-child(4){border-color:#ffb52080;color:#ffe08a}.feedback-rating-btn:nth-child(5),.feedback-rating-btn:nth-child(6){border-color:#00d9c473;color:#9cf5ea}.feedback-rating-btn:nth-child(7),.feedback-rating-btn:nth-child(8){border-color:#26d97f80;color:#a8f5cc}.feedback-rating-btn:nth-child(9),.feedback-rating-btn:nth-child(10){border-color:#9d4edd8c;color:#e0c4ff}.feedback-rating-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d9c426;border-color:var(--primary);color:var(--primary)}.feedback-rating-row .feedback-rating-btn.selected{background:linear-gradient(180deg,var(--primary) 0%,#00b89f 100%);border-color:var(--primary);color:#000;box-shadow:0 0 16px #00d9c473}.feedback-popup-form{display:flex;flex-direction:column;gap:18px}.feedback-popup-input,.feedback-popup-textarea,.feedback-popup-select{background:#08080c;border:1px solid rgba(0,217,196,.25);padding:12px 14px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;outline:none;border-radius:4px;width:100%;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.feedback-popup-select{cursor:pointer;appearance:none;background-color:#08080c;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}.feedback-popup-select option{background:var(--card-bg);color:var(--text-primary)}.feedback-popup-textarea{resize:vertical;min-height:72px;line-height:1.5}.feedback-popup-input::placeholder,.feedback-popup-textarea::placeholder{color:var(--text-tertiary)}.feedback-popup-input:focus,.feedback-popup-textarea:focus,.feedback-popup-select:focus{border-color:var(--purple);box-shadow:0 0 0 2px #9d4edd40}.feedback-popup-submit{width:100%;margin-top:4px;background:linear-gradient(90deg,var(--primary) 0%,#00c4ae 40%,var(--purple) 100%);box-shadow:0 4px 20px #00d9c440}.feedback-popup-submit:hover{filter:brightness(1.08)}.feedback-popup-skip-wrap{display:flex;justify-content:center;margin-top:2px}.feedback-popup-skip-btn{background:transparent;border:none;color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;padding:6px 10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.feedback-popup-skip-btn:hover{color:var(--warning)}.splash-contact-form{display:flex;flex-direction:column;gap:16px}.splash-contact-row{display:flex;gap:12px}.splash-contact-form input,.splash-contact-form textarea{background:#000;border:1px solid var(--border-default);padding:14px 16px;color:#fff;font-family:var(--font-mono);font-size:14px;outline:none;border-radius:4px;width:100%;transition:border-color .2s}.splash-contact-form input:focus,.splash-contact-form textarea:focus{border-color:var(--primary)}.splash-contact-form textarea{min-height:120px;resize:vertical}.splash-contact-submit{background:var(--primary);color:#000;border:none;padding:16px;font-family:var(--font-pixel);font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s}.splash-contact-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.splash-contact-status{font-family:var(--font-mono);font-size:12px;min-height:20px}.splash-contact-status.success{color:var(--success)}.splash-contact-status.error{color:var(--error)}.splash-info{min-height:100vh;padding:60px 24px;display:flex;align-items:center;justify-content:center;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.splash-info-inner{width:100%;max-width:1000px;text-align:center}.splash-info-headline{font-family:var(--font-pixel);font-size:clamp(20px,3vw,24px);color:var(--text-primary);margin-bottom:16px}.splash-info-subline{font-family:var(--font-mono);font-size:18px;color:var(--text-secondary);margin-bottom:48px;line-height:1.6}.splash-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.splash-info-card{background:#121214d9;border:1px solid var(--border-default);padding:40px 32px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);text-align:left}.splash-info-card-icon{font-size:48px;margin-bottom:24px;display:block}.splash-info-card-title{font-family:var(--font-pixel);font-size:14px;color:var(--primary);letter-spacing:1px;margin-bottom:16px;line-height:1.4}.splash-info-card-text{font-family:var(--font-mono);font-size:16px;color:var(--text-secondary);line-height:1.6}.mode-desc-modal-body{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);line-height:1.7;text-align:center}.mode-desc-icon-wrap{display:flex;justify-content:center;margin-bottom:16px}@media(max-width:768px){.splash-hero{min-height:100svh;padding:calc(env(safe-area-inset-top,0px) + 24px) 20px 0}.splash-hero-inner{min-height:80svh;justify-content:flex-start;padding-top:clamp(88px,18vw,132px);gap:20px}.pagoda-graphic{top:clamp(12px,4vw,28px);width:min(78vw,340px);transform:translate(-50%)}.splash-modes-grid{grid-template-columns:repeat(3,1fr);gap:10px}.splash-mode-card{padding:16px 12px}.splash-mode-name{font-size:7px}.splash-stats{gap:20px}.splash-signup-box{padding:32px 24px}.splash-info-grid{grid-template-columns:1fr;gap:12px}.splash-mode-page-columns{grid-template-columns:1fr}.splash-contact-row{flex-direction:column}.splash-hero .splash-sprite-layer,.splash-modes .splash-sprite-layer,.splash-info .splash-sprite-layer,.splash-hero .splash-bg-sprite,.splash-modes .splash-bg-sprite,.splash-info .splash-bg-sprite{display:none!important}.splash-mode-fixed-bg .splash-bg-sprite{height:42vh;max-width:36vw;opacity:.14!important}.splash-mode-fixed-bg .splash-bg-sprite-trainer{bottom:6vh}}@media(min-width:421px)and (max-width:768px){.splash-hero-inner{padding-top:clamp(104px,16vw,144px)}.pagoda-graphic{top:clamp(18px,3vw,30px);width:min(62vw,360px)}}@media(max-width:500px){.splash-cta{flex-direction:column;align-items:center}.splash-btn{width:100%;max-width:280px;text-align:center}.splash-modes-grid{grid-template-columns:repeat(3,1fr);gap:6px}.splash-mode-card{padding:14px 8px;gap:8px}.splash-mode-icon{width:28px;height:28px}.splash-mode-icon .icon-gi-mask{width:24px!important;height:24px!important}.splash-mode-name{font-size:6px}.pagoda-graphic{width:min(76vw,300px)}}@media(max-width:420px){.splash-hero{padding-top:calc(env(safe-area-inset-top,0px) + 16px)}.splash-hero-inner{padding-top:clamp(96px,22vw,126px)}.pagoda-graphic{top:clamp(6px,2vw,14px);width:min(74vw,280px)}}@media(max-width:420px)and (max-height:820px){.splash-hero-inner{padding-top:90px}.pagoda-graphic{top:4px;width:min(70vw,260px)}}@media(min-width:769px)and (max-width:1400px){.splash-bg-sprite{height:48vh;max-width:24vw}}.app-footer-nav .app-footer-survey-btn{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.app-footer-nav .app-footer-survey-btn:hover{color:var(--primary)}.splash-mode-page-footer{padding:28px 24px 48px;text-align:center;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.splash-mode-page-footer-nav{font-family:var(--font-mono);font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;color:var(--text-secondary)}.splash-mode-page-footer-nav a{color:var(--text-secondary);text-decoration:none}.splash-mode-page-footer-nav a:hover{color:var(--primary)}.splash-mode-page-footer-btn{background:none;border:none;padding:0;font:inherit;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.splash-mode-page-footer-btn:hover{color:var(--primary)}
