.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text)}.logo:hover{color:var(--text)}.logo-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.4rem .6rem;border-radius:8px;font-size:.875rem;font-weight:700}.logo-text{font-size:1.125rem}.nav{display:flex;gap:1.5rem}.nav a{color:var(--text-muted);font-size:.9rem;transition:color .2s}.nav a:hover{color:var(--text)}.main{flex:1;padding:2rem 0}.footer{background:var(--surface);border-top:1px solid var(--border);padding:1.5rem 0;margin-top:auto}.footer p{color:var(--text-muted);font-size:.875rem;text-align:center}@media (max-width: 640px){.logo-text{display:none}.nav{gap:1rem}}.demo-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s;color:var(--text)}.demo-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;color:var(--text)}.demo-card-icon{font-size:2.5rem;margin-bottom:1rem}.demo-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.demo-card-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.demo-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.demo-card-tag{background:var(--background);color:var(--text-muted);padding:.2rem .5rem;border-radius:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.mind-grid{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;padding:1rem;position:relative;overflow:hidden}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none}.game-header{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;width:100%;max-width:400px}.stat{display:flex;flex-direction:column;align-items:center;background:var(--surface);padding:.5rem 1rem;border-radius:12px;min-width:80px}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text)}.streak-badge{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:.5rem;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px}.menu-screen{text-align:center;animation:fadeIn .5s ease}.game-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary),#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.game-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.level-select{margin-bottom:1.5rem}.level-select label{display:block;color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.level-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.level-btn{width:44px;height:44px;border-radius:10px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:.9rem;transition:all .2s}.level-btn:hover{border-color:var(--primary);background:var(--surface-hover)}.level-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.start-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-size:1.25rem;font-weight:600;margin-bottom:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #6366f14d}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.start-btn:active{transform:translateY(0)}.mechanics-preview{background:var(--surface);border-radius:12px;padding:1.25rem;text-align:left;max-width:300px;margin:0 auto}.mechanics-preview h3{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem;text-align:center}.mechanics-preview ul{list-style:none;padding:0;margin:0}.mechanics-preview li{font-size:.85rem;color:var(--text-muted);padding:.35rem 0;display:flex;gap:.5rem}.mechanics-preview li span{color:var(--primary);font-weight:600;min-width:45px}.play-screen{display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeIn .3s ease}.level-info{text-align:center;margin-bottom:1rem}.level-info h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.mechanic-hint{color:var(--primary);font-size:.9rem;font-weight:500;opacity:0;transition:opacity .3s}.mechanic-hint.visible{opacity:1;animation:hintPop .5s ease}@keyframes hintPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.grid{display:grid;gap:8px;padding:12px;background:var(--surface);border-radius:16px;margin-bottom:1rem;box-shadow:0 4px 20px #0000004d}.grid-3{grid-template-columns:repeat(3,1fr);width:min(320px,85vw)}.grid-4{grid-template-columns:repeat(4,1fr);width:min(340px,90vw)}.grid-5{grid-template-columns:repeat(5,1fr);width:min(360px,92vw)}.grid-6{grid-template-columns:repeat(6,1fr);width:min(380px,94vw)}.grid-tile{aspect-ratio:1;border-radius:10px;border:2px solid var(--border);background:var(--background);transition:all .15s ease;cursor:pointer;position:relative;overflow:hidden}.grid-tile:hover:not(:disabled){border-color:var(--primary);transform:scale(1.02)}.grid-tile:active:not(:disabled){transform:scale(.95)}.grid-tile:disabled{cursor:default}.grid-tile.showing{animation:tileFlash .3s ease;border-color:var(--tile-color);box-shadow:0 0 20px var(--tile-color),inset 0 0 20px var(--tile-color)}@keyframes tileFlash{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.grid-tile.selected{border-color:var(--tile-color);animation:tileSelect .2s ease}@keyframes tileSelect{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.color-picker{display:flex;gap:.75rem;margin-bottom:1rem;padding:.5rem;background:var(--surface);border-radius:12px}.color-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;transition:all .2s;cursor:pointer}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 10px currentColor}.progress-bar{width:100%;max-width:300px;height:6px;background:var(--surface);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;transition:width .2s ease}.input-count{color:var(--text-muted);font-size:.875rem}.result-screen{text-align:center;animation:resultPop .5s ease}@keyframes resultPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1rem;font-weight:700}.result-screen.success .result-icon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;animation:successBounce .5s ease}@keyframes successBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.result-screen.failure .result-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.result-screen h2{font-size:1.75rem;margin-bottom:.5rem}.result-score{font-size:1.25rem;color:#22c55e;font-weight:600;margin-bottom:.5rem}.streak-bonus{color:#f59e0b;font-size:.9rem;margin-bottom:1rem}.final-score{font-size:1.1rem;color:var(--text-muted);margin-bottom:1.5rem}.next-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:.875rem 2rem;border-radius:10px;font-size:1.1rem;font-weight:600;transition:transform .2s}.next-btn:hover{transform:translateY(-2px)}.failure-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retry-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;transition:transform .2s}.retry-btn:hover{transform:translateY(-2px)}.menu-btn{background:var(--surface);color:var(--text);border:2px solid var(--border);padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;transition:all .2s}.menu-btn:hover{border-color:var(--primary);background:var(--surface-hover)}@media (max-width: 480px){.mind-grid{padding:.5rem}.game-header{gap:1rem}.stat{padding:.4rem .75rem;min-width:70px}.stat-value{font-size:1.1rem}.game-title{font-size:2.25rem}.game-subtitle{font-size:1rem}.start-btn{padding:.875rem 2rem;font-size:1.1rem}.grid{gap:6px;padding:10px}.grid-tile{border-radius:8px}.level-info h2{font-size:1.25rem}.result-icon{width:70px;height:70px;font-size:2rem}.result-screen h2{font-size:1.5rem}}@media (hover: none){.grid-tile:active:not(:disabled){transform:scale(.92);transition:transform .1s}.start-btn:active,.next-btn:active,.retry-btn:active{transform:scale(.95)}}@media (max-height: 600px) and (orientation: landscape){.game-header,.level-info{margin-bottom:.5rem}.level-info h2{font-size:1.1rem}.grid{margin-bottom:.5rem}.mechanics-preview{display:none}}.devpath{max-width:600px;margin:0 auto;padding:0 1rem 2rem}.devpath-header{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.header-stat{display:flex;flex-direction:column;align-items:center;background:var(--surface);padding:.75rem 1.25rem;border-radius:12px;min-width:90px;transition:transform .2s}.header-stat:hover{transform:translateY(-2px)}.header-stat.primary{background:linear-gradient(135deg,var(--primary),var(--secondary))}.stat-icon{font-size:1.25rem;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;line-height:1}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem}.header-stat.primary .stat-label{color:#fffc}.insight-banner{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.insight-content{animation:fadeSlide .5s ease}@keyframes fadeSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.insight-content h4{font-size:.95rem;font-weight:600;color:var(--primary);margin-bottom:.35rem}.insight-content p{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.insight-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}.dot{width:6px;height:6px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:all .2s}.dot.active{background:var(--primary);transform:scale(1.3)}.tab-nav{display:flex;background:var(--surface);border-radius:12px;padding:.25rem;margin-bottom:1.5rem}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;border:none;background:transparent;color:var(--text-muted);border-radius:10px;font-size:.8rem;font-weight:500;transition:all .2s;cursor:pointer}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--primary);color:#fff}.tab-icon{font-size:1.1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-header h2{font-size:1.25rem;font-weight:700}.section-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:1.25rem}.progress-ring{width:50px;height:50px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--progress) * 1%),var(--surface) calc(var(--progress) * 1%));display:flex;align-items:center;justify-content:center;position:relative}.progress-ring:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:var(--background)}.progress-ring span{position:relative;font-size:.7rem;font-weight:600}.habits-list{display:flex;flex-direction:column;gap:.75rem}.habit-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.habit-item:hover{border-color:var(--primary);transform:translate(4px)}.habit-item.completed{border-color:#22c55e;background:#22c55e1a}.habit-icon{font-size:1.5rem;flex-shrink:0}.habit-info{flex:1;min-width:0}.habit-name{display:block;font-weight:600;font-size:.95rem;margin-bottom:.15rem}.habit-desc{display:block;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;font-size:.9rem}.habit-check.checked{background:#22c55e;border-color:#22c55e;color:#fff;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.skill-categories{display:flex;flex-direction:column;gap:1.5rem}.skill-category{background:var(--surface);border-radius:12px;padding:1rem}.category-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.category-icon{font-size:1.5rem}.category-header h3{font-size:1rem;font-weight:600;margin-bottom:.15rem}.category-header p{font-size:.8rem;color:var(--text-muted);margin:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;background:var(--background);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.skill-item:hover{border-color:var(--primary)}.skill-item.level-1{border-color:#f59e0b;background:#f59e0b1a}.skill-item.level-2{border-color:#3b82f6;background:#3b82f61a}.skill-item.level-3{border-color:#22c55e;background:#22c55e26}.skill-item.importance-critical .skill-name:after{content:" ⭐";font-size:.7rem}.skill-name{font-size:.75rem;font-weight:500;line-height:1.3}.skill-progress{display:flex;gap:.25rem}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .2s}.progress-dot.filled{background:var(--primary);animation:dotFill .3s ease}@keyframes dotFill{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.skill-level{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.challenges-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.challenge-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.challenge-item:hover{border-color:var(--primary)}.challenge-item.completed{border-color:#22c55e;background:#22c55e1a}.challenge-item.small{padding:.75rem;align-items:center}.challenge-check{width:24px;height:24px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;font-size:.8rem;margin-top:.1rem}.challenge-check.checked{background:#22c55e;border-color:#22c55e;color:#fff}.challenge-info{flex:1;min-width:0}.challenge-task{display:block;font-size:.9rem;font-weight:500;line-height:1.4;margin-bottom:.35rem}.challenge-item.small .challenge-task{font-size:.8rem;margin-bottom:0;flex:1}.challenge-meta{display:flex;gap:.75rem;align-items:center}.challenge-category{font-size:.7rem;color:var(--primary);text-transform:uppercase;letter-spacing:.03em;background:#6366f126;padding:.15rem .5rem;border-radius:4px}.challenge-points{font-size:.75rem;font-weight:600;color:#22c55e}.all-challenges{border-top:1px solid var(--border);padding-top:1.5rem}.all-challenges h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.all-challenges>p{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.challenges-list.extra{margin-bottom:0}.challenges-list.extra .challenge-item{background:transparent;border-color:var(--border)}@media (max-width: 480px){.devpath{padding:0 .75rem 1.5rem}.devpath-header{gap:.5rem}.header-stat{padding:.6rem .75rem;min-width:80px}.stat-value{font-size:1.25rem}.stat-label{font-size:.6rem}.insight-banner{padding:.875rem 1rem}.insight-content h4{font-size:.9rem}.insight-content p{font-size:.8rem}.section-header h2{font-size:1.1rem}.habit-item{padding:.75rem}.habit-icon{font-size:1.25rem}.habit-name{font-size:.9rem}.habit-desc{font-size:.75rem}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-item{padding:.6rem .4rem}.skill-name{font-size:.7rem}.challenge-task{font-size:.85rem}}.tab-content{animation:tabFade .3s ease}@keyframes tabFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (hover: none){.habit-item:active,.skill-item:active,.challenge-item:active{transform:scale(.98)}.tab-btn:active{transform:scale(.95)}}.build-story{min-height:calc(100vh - 180px);display:flex;flex-direction:column;padding:1rem;max-width:800px;margin:0 auto;position:relative;overflow:hidden}.story-progress{position:fixed;top:0;left:0;right:0;height:4px;background:var(--surface);z-index:100}.story-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary),#22c55e);transition:width .5s ease}.slide-counter{position:absolute;top:1rem;right:1rem;font-size:.85rem;color:var(--text-muted);background:var(--surface);padding:.35rem .75rem;border-radius:20px}.slide-container{flex:1;display:flex;align-items:center;justify-content:center;animation:slideIn .6s ease}.slide-container.animating{animation:slideIn .6s ease}@keyframes slideIn{0%{opacity:0;transform:translate(50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.slide-title-screen{text-align:center}.title-visual{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.collab-icons{display:flex;align-items:center;gap:.5rem}.icon-human,.icon-ai{font-size:4rem;animation:bounce 2s ease-in-out infinite}.icon-ai{animation-delay:.5s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.icon-plus{font-size:2rem;color:var(--text-muted)}.title-equals{font-size:3rem;color:var(--primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.title-result{font-size:4rem;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(99,102,241,.5))}50%{filter:drop-shadow(0 0 20px rgba(99,102,241,.8))}}.slide-title-screen h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.start-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.arrow-bounce{animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.slide-idea{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.idea-visual{position:relative;margin-bottom:1rem}.thought-bubble{position:relative;background:var(--surface);border-radius:20px;padding:1.5rem 2rem;animation:floatBubble 3s ease-in-out infinite}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.thought-bubble:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--surface)}.thought-icon{position:absolute;top:-15px;right:-10px;font-size:2rem}.thought-content{display:flex;gap:1rem;font-size:2rem}.thought-content span{animation:popIn .5s ease backwards}.thought-content span:nth-child(1){animation-delay:.2s}.thought-content span:nth-child(2){animation-delay:.4s}.thought-content span:nth-child(3){animation-delay:.6s}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.person-icon{font-size:3rem;text-align:center;margin-top:1rem}.idea-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tag{background:var(--surface);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;animation:fadeUp .5s ease backwards}.tag:nth-child(1){animation-delay:.3s}.tag:nth-child(2){animation-delay:.5s}.tag:nth-child(3){animation-delay:.7s}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.conversation-bubble{display:flex;gap:1rem;max-width:500px;animation:bubbleIn .6s ease backwards}.conversation-bubble.animate{animation:bubbleIn .6s ease backwards}@keyframes bubbleIn{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.bubble-avatar{font-size:2.5rem;flex-shrink:0}.bubble-content{background:var(--surface);padding:1rem 1.25rem;border-radius:4px 16px 16px;position:relative}.conversation-bubble.human .bubble-content{background:linear-gradient(135deg,#f59e0b33,#ef444433);border:1px solid rgba(245,158,11,.3)}.quote{font-size:1.1rem;line-height:1.5;margin:0;font-style:italic}.slide-architecture{text-align:center;width:100%}.slide-architecture h2{font-size:1.75rem;margin-bottom:2rem}.architecture-diagram{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.arch-layer{display:flex;gap:1rem;justify-content:center}.arch-box{background:var(--surface);padding:.75rem 1.5rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;border:2px solid var(--border);animation:archPop .5s ease backwards}.layer-1 .arch-box{animation-delay:.1s}.layer-2 .arch-box{animation-delay:.3s}.layer-3 .arch-box{animation-delay:.5s}.layer-4 .arch-box:nth-child(1){animation-delay:.7s}.layer-4 .arch-box:nth-child(2){animation-delay:.8s}.layer-4 .arch-box:nth-child(3){animation-delay:.9s}@keyframes archPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.arch-box.user{border-color:#f59e0b}.arch-box.netlify{border-color:#22c55e}.arch-box.react{border-color:#06b6d4}.arch-box.demo{border-color:var(--primary)}.arch-icon{font-size:1.25rem}.arch-arrow{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);animation:fadeIn .5s ease backwards}.arrow-1{animation-delay:.2s}.arrow-2{animation-delay:.4s}.arrow-3{animation-delay:.6s}.arrow-line{width:2px;height:20px;background:var(--border)}.arrow-head{font-size:.8rem}.tech-badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.tech-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;animation:badgePop .4s ease backwards}.tech-badge:nth-child(1){animation-delay:1s}.tech-badge:nth-child(2){animation-delay:1.1s}.tech-badge:nth-child(3){animation-delay:1.2s}.tech-badge:nth-child(4){animation-delay:1.3s}@keyframes badgePop{0%{transform:scale(0) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.slide-deploy{text-align:center}.slide-deploy h2{font-size:1.75rem;margin-bottom:2rem}.deploy-visual{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.deploy-step{background:var(--surface);padding:1.5rem 2rem;border-radius:16px;text-align:center;animation:stepIn .5s ease backwards}.step-1{animation-delay:.2s}.step-2{animation-delay:.6s}.step-3{animation-delay:1s}@keyframes stepIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.step-icon{font-size:3rem;margin-bottom:.5rem}.step-label{font-size:.9rem;color:var(--text-muted)}.deploy-arrow{font-size:2rem;color:var(--primary);animation:arrowPulse 1s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.5}50%{opacity:1}}.deploy-insight{color:var(--text-muted);font-size:1rem;background:var(--surface);display:inline-block;padding:.75rem 1.5rem;border-radius:10px}.slide-game-request{display:flex;flex-direction:column;align-items:center;gap:2rem}.requirements-visual{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.req-item{background:var(--surface);padding:1rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-size:.95rem;animation:reqPop .4s ease backwards}.req-item:nth-child(1){animation-delay:.3s}.req-item:nth-child(2){animation-delay:.4s}.req-item:nth-child(3){animation-delay:.5s}.req-item:nth-child(4){animation-delay:.6s}.req-item:nth-child(5){animation-delay:.7s}@keyframes reqPop{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.req-item span:first-child{font-size:1.5rem}.slide-game-mechanics{text-align:center;width:100%}.slide-game-mechanics h2{font-size:1.5rem;margin-bottom:1.5rem}.mechanics-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.mechanic-card{background:var(--surface);padding:1rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2px solid var(--color);animation:mechPop .5s ease backwards}.mechanic-card:nth-child(1){animation-delay:.1s}.mechanic-card:nth-child(2){animation-delay:.2s}.mechanic-card:nth-child(3){animation-delay:.3s}.mechanic-card:nth-child(4){animation-delay:.4s}.mechanic-card:nth-child(5){animation-delay:.5s}.mechanic-card:nth-child(6){animation-delay:.6s}@keyframes mechPop{0%{transform:scale(.8) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.mechanic-demo{display:flex;align-items:center;gap:.25rem}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:36px}.mini-tile{width:10px;height:10px;background:var(--border);border-radius:2px}.mini-tile.active{background:var(--color)}.transform-arrow{font-size:.8rem;color:var(--text-muted)}.mini-grid.transformed.reverse .mini-tile.active{animation:none}.mini-grid.transformed.mirror{transform:scaleX(-1)}.mini-grid.transformed.rotate{transform:rotate(90deg)}.mini-grid.transformed.colors .mini-tile.active{background:linear-gradient(135deg,#6366f1,#ec4899,#22c55e)}.mini-grid.transformed.speed .mini-tile.active{animation:blink .3s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.mechanic-icon{font-size:1.25rem}.mechanic-name{font-size:.75rem;font-weight:600}.mechanics-insight{color:var(--text-muted);font-size:.95rem}.slide-game-result{display:flex;flex-direction:column;align-items:center;gap:2rem}.result-showcase{animation:showcaseIn .6s ease}@keyframes showcaseIn{0%{transform:perspective(500px) rotateY(-10deg);opacity:0}to{transform:perspective(500px) rotateY(0);opacity:1}}.mock-game{background:var(--surface);border-radius:16px;padding:1rem;width:200px;box-shadow:0 10px 40px #0000004d}.mock-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem}.mock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:.75rem}.mock-tile{aspect-ratio:1;background:var(--background);border-radius:4px;transition:all .3s}.mock-tile.lit{background:var(--primary);box-shadow:0 0 10px var(--primary);animation:tileGlow 1.5s ease-in-out infinite}@keyframes tileGlow{0%,to{box-shadow:0 0 5px var(--primary)}50%{box-shadow:0 0 15px var(--primary)}}.mock-hint{text-align:center;font-size:.75rem;color:var(--primary)}.result-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-num{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-muted)}.slide-productivity-request{display:flex;flex-direction:column;align-items:center;gap:2rem}.context-visual{display:flex;align-items:center;gap:1.5rem}.context-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:var(--surface);border-radius:12px}.context-item span:first-child{font-size:3rem}.context-item.old{opacity:.6}.context-item.new{border:2px solid var(--primary);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #6366f14d}50%{box-shadow:0 0 20px #6366f180}}.context-arrow{font-size:2rem;color:var(--primary)}.context-question{color:var(--text-muted);font-size:1.1rem;font-style:italic}.slide-productivity-visual{text-align:center;width:100%}.slide-productivity-visual h2{font-size:1.5rem;margin-bottom:1.5rem}.devpath-showcase{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.showcase-section h3{font-size:1rem;margin-bottom:1rem;color:var(--text-muted)}.habit-list{display:flex;flex-direction:column;gap:.5rem}.habit-item{background:var(--surface);padding:.6rem 1rem;border-radius:8px;font-size:.9rem;text-align:left;animation:habitSlide .4s ease backwards}@keyframes habitSlide{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.skills-radar{max-width:200px;margin:0 auto}.skills-radar svg{width:100%;height:auto}.radar-fill{fill:#6366f14d;stroke:var(--primary);stroke-width:2;animation:radarGrow 1s ease}@keyframes radarGrow{0%{transform:scale(0);transform-origin:center;opacity:0}to{transform:scale(1);opacity:1}}.radar-label{font-size:8px;fill:var(--text-muted)}.slide-stats{text-align:center;width:100%}.slide-stats h2{font-size:1.75rem;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);padding:1.25rem;border-radius:12px;animation:statPop .5s ease backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@keyframes statPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.stat-card .stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:2rem;font-weight:800;color:var(--primary);display:block}.stat-card .stat-desc{font-size:.75rem;color:var(--text-muted)}.timeline-mini{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.tl-item{background:var(--surface);padding:.5rem 1rem;border-radius:8px;font-size:.85rem}.tl-arrow{color:var(--primary)}.time-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#22c55e33,#06b6d433);border:1px solid rgba(34,197,94,.3);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#22c55e;font-weight:500;margin-bottom:1rem;animation:badgePop .5s ease backwards;animation-delay:.3s}.time-icon{font-size:1rem}.time-breakdown{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:400px;margin:1.5rem auto 0}.time-item{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:.75rem;animation:timeSlide .4s ease backwards}.time-item:nth-child(1){animation-delay:.1s}.time-item:nth-child(2){animation-delay:.2s}.time-item:nth-child(3){animation-delay:.3s}.time-item:nth-child(4){animation-delay:.4s}.time-item:nth-child(5){animation-delay:.5s}.time-item:nth-child(6){animation-delay:.6s}.time-item:nth-child(7){animation-delay:.7s}.time-item:nth-child(8){animation-delay:.8s}.time-item:nth-child(9){animation-delay:.9s}@keyframes timeSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.time-label{font-size:.8rem;text-align:right}.time-bar{height:8px;background:var(--surface);border-radius:4px;position:relative;overflow:hidden}.time-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--width, 0);background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;animation:barGrow .8s ease backwards;animation-delay:.6s}@keyframes barGrow{0%{width:0}to{width:var(--width)}}.time-min{font-size:.8rem;font-weight:600;color:var(--primary)}.stat-card.highlight{background:linear-gradient(135deg,#22c55e26,#06b6d426);border:1px solid rgba(34,197,94,.3)}.stat-card.highlight .stat-value{color:#22c55e}.slide-security-request{display:flex;flex-direction:column;align-items:center;gap:2rem}.security-goals{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.goal-item{background:var(--surface);padding:1rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-size:.95rem;animation:reqPop .4s ease backwards}.goal-item:nth-child(1){animation-delay:.3s}.goal-item:nth-child(2){animation-delay:.4s}.goal-item:nth-child(3){animation-delay:.5s}.goal-item:nth-child(4){animation-delay:.6s}.goal-item span:first-child{font-size:1.5rem}.security-note{color:var(--text-muted);font-size:.9rem;font-style:italic}.slide-security-visual{text-align:center;width:100%}.slide-security-visual h2{font-size:1.5rem;margin-bottom:1.5rem}.security-demo{margin-bottom:1.5rem}.mock-scanner{background:var(--surface);border-radius:16px;padding:1.5rem;max-width:280px;margin:0 auto;box-shadow:0 10px 40px #0000004d;animation:showcaseIn .6s ease}.mock-score{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.mock-score .grade{font-size:3rem;font-weight:800;color:#84cc16;line-height:1}.mock-score .score-num{font-size:.85rem;color:var(--text-muted)}.mock-checks{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mock-check{padding:.5rem;border-radius:6px;font-size:.8rem;font-weight:500}.mock-check.pass{background:#22c55e33;color:#22c55e}.mock-check.fail{background:#ef444433;color:#ef4444}.security-features{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap;color:var(--text-muted);font-size:.9rem}.slide-abstraction-request{display:flex;flex-direction:column;align-items:center;gap:2rem}.abstraction-concept{display:flex;flex-direction:column;align-items:center;gap:1rem}.layers-preview{display:flex;flex-direction:column;gap:.25rem;width:200px}.preview-layer{padding:.6rem 1rem;border-radius:8px;text-align:center;font-size:.85rem;font-weight:500;background:var(--surface);border-left:4px solid var(--layer-color);animation:layerSlide .4s ease backwards}.preview-layer:nth-child(1){animation-delay:.3s}.preview-layer:nth-child(2){animation-delay:.4s}.preview-layer:nth-child(3){animation-delay:.5s}.preview-layer:nth-child(4){animation-delay:.6s}@keyframes layerSlide{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.concept-text{color:var(--text-muted);font-size:.9rem;font-style:italic}.abstraction-domains{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.abstraction-domains span{background:var(--surface);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;animation:domainPop .4s ease backwards}.abstraction-domains span:nth-child(1){animation-delay:.7s}.abstraction-domains span:nth-child(2){animation-delay:.8s}.abstraction-domains span:nth-child(3){animation-delay:.9s}.abstraction-domains span:nth-child(4){animation-delay:1s}.abstraction-domains span:nth-child(5){animation-delay:1.1s}@keyframes domainPop{0%{transform:scale(0)}to{transform:scale(1)}}.slide-abstraction-visual{text-align:center;width:100%}.slide-abstraction-visual h2{font-size:1.5rem;margin-bottom:1.5rem}.abstraction-demo{margin-bottom:1.5rem}.demo-domains{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.demo-domain{background:var(--surface);padding:1rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.25rem;animation:domainIn .4s ease backwards}@keyframes domainIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.demo-domain .domain-icon{font-size:1.75rem}.demo-domain .domain-name{font-size:.8rem;font-weight:600}.demo-domain .domain-layers{font-size:.7rem;color:var(--primary);background:#6366f11a;padding:.15rem .5rem;border-radius:10px}.demo-feature{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.feature-icon{font-size:1.25rem;animation:glow 2s ease-in-out infinite}.slide-blackjack-request{display:flex;flex-direction:column;align-items:center;gap:2rem}.blackjack-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.bj-feature{background:var(--surface);padding:1rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-size:.95rem;animation:reqPop .4s ease backwards}.bj-feature:nth-child(1){animation-delay:.3s}.bj-feature:nth-child(2){animation-delay:.4s}.bj-feature:nth-child(3){animation-delay:.5s}.bj-feature:nth-child(4){animation-delay:.6s}.bj-feature span:first-child{font-size:1.5rem}.slide-blackjack-visual{text-align:center;width:100%}.slide-blackjack-visual h2{font-size:1.5rem;margin-bottom:1.5rem}.blackjack-demo{margin-bottom:1.5rem}.demo-table{background:linear-gradient(135deg,#065f46,#047857);border-radius:16px;padding:1.5rem;max-width:280px;margin:0 auto;box-shadow:0 10px 40px #0000004d;border:4px solid #1e293b;animation:showcaseIn .6s ease}.demo-cards{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.card-demo{width:45px;height:65px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:2px 2px 8px #0000004d;animation:dealCardDemo .5s ease backwards}.card-demo:nth-child(1){animation-delay:.2s}.card-demo:nth-child(2){animation-delay:.4s}@keyframes dealCardDemo{0%{transform:translateY(-30px) rotate(-10deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.demo-vs{color:#fffc;font-weight:600;margin:1rem 0;font-size:.9rem}.demo-chips{display:flex;justify-content:center;gap:.5rem}.demo-chip{width:35px;height:35px;border-radius:50%;border:2px dashed rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;animation:chipBounce .4s ease backwards}.demo-chip:nth-child(1){background:#e74c3c;animation-delay:.6s}.demo-chip:nth-child(2){background:#3498db;animation-delay:.7s}.demo-chip:nth-child(3){background:#2ecc71;animation-delay:.8s}.demo-chip:nth-child(4){background:#9b59b6;animation-delay:.9s}@keyframes chipBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.blackjack-actions{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap;color:var(--text-muted);font-size:.9rem}.slide-ikigai-request{display:flex;flex-direction:column;align-items:center;gap:2rem}.ikigai-concept{display:flex;flex-direction:column;align-items:center;gap:1rem}.ikigai-circles{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:140px}.ikigai-circle{width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;animation:ikigaiPop .5s ease backwards}.ikigai-circle.love{background:#ec489933;border:2px solid #ec4899;animation-delay:.1s}.ikigai-circle.good{background:#f59e0b33;border:2px solid #f59e0b;animation-delay:.2s}.ikigai-circle.needs{background:#22c55e33;border:2px solid #22c55e;animation-delay:.3s}.ikigai-circle.paid{background:#6366f133;border:2px solid #6366f1;animation-delay:.4s}@keyframes ikigaiPop{0%{transform:scale(0)}to{transform:scale(1)}}.ikigai-meaning{font-style:italic;color:var(--text-muted);font-size:.95rem}.ikigai-features{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.ik-feature{background:var(--surface);padding:.75rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;animation:reqPop .4s ease backwards}.ik-feature:nth-child(1){animation-delay:.5s}.ik-feature:nth-child(2){animation-delay:.6s}.ik-feature:nth-child(3){animation-delay:.7s}.ik-feature span:first-child{font-size:1.25rem}.slide-ikigai-visual{text-align:center;width:100%}.slide-ikigai-visual h2{font-size:1.5rem;margin-bottom:1.5rem}.ikigai-demo{margin-bottom:1.5rem}.demo-quadrants{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.demo-quadrant{background:var(--surface);padding:1rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.25rem;border-left:4px solid var(--color);animation:quadIn .4s ease backwards}@keyframes quadIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.demo-quadrant .quad-icon{font-size:1.5rem}.demo-quadrant .quad-name{font-size:.75rem;font-weight:600}.demo-quadrant .quad-levels{font-size:.65rem;color:var(--color);background:#0000000d;padding:.15rem .5rem;border-radius:10px}.slide-chess-request{display:flex;flex-direction:column;align-items:center;gap:2rem}.chess-features{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:400px}.chess-feature{background:var(--surface);padding:.75rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;animation:reqPop .4s ease backwards}.chess-feature:nth-child(1){animation-delay:.2s}.chess-feature:nth-child(2){animation-delay:.3s}.chess-feature:nth-child(3){animation-delay:.4s}.chess-feature:nth-child(4){animation-delay:.5s}.chess-feature:nth-child(5){animation-delay:.6s}.chess-feature:nth-child(6){animation-delay:.7s}.chess-feature span:first-child{font-size:1.25rem}.slide-chess-visual{text-align:center;width:100%}.slide-chess-visual h2{font-size:1.5rem;margin-bottom:1.5rem}.chess-demo{margin-bottom:1.5rem}.demo-board{display:inline-flex;flex-direction:column;border:3px solid #4a3728;border-radius:4px;overflow:hidden;box-shadow:0 6px 20px #0000004d;animation:showcaseIn .6s ease}.demo-board-row{display:flex}.demo-square{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.demo-square.light{background:#f0d9b5}.demo-square.dark{background:#b58863}.demo-piece{font-size:1.25rem;line-height:1}.slide-takeaway{display:flex;flex-direction:column;align-items:center;gap:2rem}.takeaway-visual{width:100%}.takeaway-equation{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.eq-part{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--surface);padding:1rem 1.5rem;border-radius:12px;animation:eqPop .5s ease backwards}.eq-part:nth-child(1){animation-delay:.2s}.eq-part:nth-child(3){animation-delay:.4s}.eq-part.result{animation-delay:.8s}@keyframes eqPop{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.eq-part.result{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.eq-icon{font-size:2.5rem}.eq-plus,.eq-equals{font-size:2rem;color:var(--text-muted);animation:fadeIn .5s ease backwards}.eq-plus{animation-delay:.3s}.eq-equals{animation-delay:.6s}.key-lessons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px}.lesson{display:flex;align-items:center;gap:1rem;background:var(--surface);padding:.75rem 1rem;border-radius:10px;animation:lessonSlide .4s ease backwards}.lesson:nth-child(1){animation-delay:1s}.lesson:nth-child(2){animation-delay:1.1s}.lesson:nth-child(3){animation-delay:1.2s}@keyframes lessonSlide{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.lesson-num{background:var(--primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.final-message{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:finalPop .6s ease backwards;animation-delay:1.4s}@keyframes finalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.story-nav{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0}.nav-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text);font-size:1.25rem;cursor:pointer;transition:all .2s}.nav-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary);color:#fff}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-dots{display:flex;gap:.5rem}.nav-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:all .2s}.nav-dot:hover{background:var(--text-muted)}.nav-dot.active{background:var(--primary);transform:scale(1.3)}@media (max-width: 600px){.slide-title-screen h1{font-size:1.75rem}.icon-human,.icon-ai,.title-result{font-size:3rem}.mechanics-visual{grid-template-columns:repeat(2,1fr);gap:.75rem}.devpath-showcase{grid-template-columns:1fr;gap:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.takeaway-equation{gap:.5rem}.eq-part{padding:.75rem 1rem}.eq-icon{font-size:2rem}.nav-dots{display:none}.context-visual{flex-direction:column;gap:1rem}.context-arrow{transform:rotate(90deg)}.demo-domains{grid-template-columns:repeat(2,1fr)}.layers-preview{width:160px}}@media (hover: none){.nav-btn:active{transform:scale(.9)}}.secure-scan{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.scan-header{text-align:center;margin-bottom:2rem}.scan-header h1{font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.header-icon{font-size:2.5rem}.scan-header p{color:var(--text-muted);font-size:1rem}.scan-input-section{margin-bottom:2rem}.url-input-wrapper{display:flex;background:var(--surface);border:2px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}.url-input-wrapper:focus-within{border-color:var(--primary)}.url-prefix{display:flex;align-items:center;padding:0 .75rem;background:var(--background);color:var(--text-muted);font-size:.9rem;border-right:1px solid var(--border)}.url-input{flex:1;padding:1rem;background:transparent;border:none;color:var(--text);font-size:1rem;min-width:0}.url-input:focus{outline:none}.url-input::placeholder{color:var(--text-muted)}.scan-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.scan-button:hover:not(:disabled){opacity:.9}.scan-button:disabled{opacity:.5;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#ef4444;font-size:.9rem;margin-top:.5rem;text-align:center}.scanning-animation{text-align:center;padding:3rem 1rem}.scan-line{width:200px;height:4px;background:var(--surface);border-radius:2px;margin:0 auto 1.5rem;position:relative;overflow:hidden}.scan-line:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:scanMove 1.5s ease-in-out infinite}@keyframes scanMove{0%{left:-50%}to{left:100%}}.scanning-animation p{color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.results-dashboard{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.score-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.score-card{display:flex;align-items:center;gap:1.5rem;background:var(--surface);padding:1.5rem;border-radius:16px}.score-circle{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--score-color) calc(var(--score, 0) * 1%),var(--background) calc(var(--score, 0) * 1%));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex-shrink:0}.score-circle:before{content:"";position:absolute;width:80px;height:80px;background:var(--surface);border-radius:50%}.score-grade{position:relative;font-size:2rem;font-weight:800;color:var(--score-color);line-height:1}.score-value{position:relative;font-size:.75rem;color:var(--text-muted)}.score-info h3{font-size:1rem;color:var(--text-muted);font-weight:500;margin-bottom:.25rem}.score-label{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.score-url{font-size:.85rem;color:var(--text-muted);word-break:break-all}.stats-cards{display:flex;flex-direction:column;gap:.75rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--surface);border-radius:10px;border-left:4px solid}.stat-card.pass{border-color:#22c55e}.stat-card.warn{border-color:#f59e0b}.stat-card.fail{border-color:#ef4444}.stat-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.stat-card.pass .stat-icon{background:#22c55e33;color:#22c55e}.stat-card.warn .stat-icon{background:#f59e0b33;color:#f59e0b}.stat-card.fail .stat-icon{background:#ef444433;color:#ef4444}.stat-num{font-size:1.5rem;font-weight:700}.stat-label{font-size:.85rem;color:var(--text-muted)}.category-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-btn{padding:.5rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.category-btn:hover{border-color:var(--primary);color:var(--text)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.checks-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.check-card{display:flex;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border-radius:12px;border-left:4px solid var(--border);animation:checkSlide .4s ease backwards}@keyframes checkSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.check-card.pass{border-left-color:#22c55e}.check-card.warn{border-left-color:#f59e0b}.check-card.fail{border-left-color:#ef4444}.check-status{flex-shrink:0}.status-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.status-icon.pass{background:#22c55e33;color:#22c55e}.status-icon.warn{background:#f59e0b33;color:#f59e0b}.status-icon.fail{background:#ef444433;color:#ef4444}.check-content{flex:1;min-width:0}.check-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem;flex-wrap:wrap}.check-header h4{font-size:1rem;font-weight:600}.severity-badge{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;color:#fff;text-transform:uppercase}.check-description{font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.check-details{font-size:.85rem;color:var(--text);margin-bottom:.5rem}.check-recommendation{font-size:.8rem;color:var(--text-muted);background:var(--background);padding:.5rem .75rem;border-radius:6px;margin-top:.5rem}.check-recommendation strong{color:var(--primary)}.disclaimer{background:var(--surface);border-radius:10px;padding:1rem;border-left:4px solid var(--primary)}.disclaimer p{font-size:.85rem;color:var(--text-muted);margin:0}.disclaimer strong{color:var(--primary)}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}.empty-state>p{color:var(--text-muted);margin-bottom:2rem}.check-preview{background:var(--surface);border-radius:12px;padding:1.5rem;text-align:left;max-width:350px;margin:0 auto}.check-preview h4{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.check-preview ul{list-style:none;padding:0;margin:0}.check-preview li{padding:.5rem 0;font-size:.9rem;border-bottom:1px solid var(--border)}.check-preview li:last-child{border-bottom:none}@media (max-width: 640px){.scan-header h1{font-size:1.5rem}.header-icon{font-size:2rem}.url-input-wrapper{flex-direction:column}.url-prefix{display:none}.url-input{padding:.875rem 1rem}.scan-button{justify-content:center}.score-section{grid-template-columns:1fr}.score-card{justify-content:center}.stats-cards{flex-direction:row;justify-content:center}.stat-card{flex-direction:column;text-align:center;padding:.75rem;border-left:none;border-top:4px solid}.stat-num{font-size:1.25rem}.stat-label{font-size:.75rem}.category-filters{justify-content:center}.check-card{flex-direction:column;gap:.75rem}.check-status{display:flex;align-items:center;gap:.75rem}}@media (hover: none){.scan-button:active,.category-btn:active{transform:scale(.95)}}.abstraction-home,.journey-explorer,.journey-complete,.synthesis-view{max-width:600px;margin:0 auto;padding:1.5rem;min-height:100vh;color:#e2e8f0}.back-button{background:#64748b33;border:1px solid rgba(100,116,139,.3);color:#94a3b8;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-bottom:1rem}.back-button:hover{background:#64748b4d;color:#e2e8f0}.abstraction-home{text-align:center}.home-hero{margin-bottom:2.5rem}.hero-visual{margin-bottom:1.5rem}.layer-preview{display:flex;flex-direction:column;align-items:center;gap:.25rem}.preview-box{padding:.5rem 2rem;border-radius:8px;font-size:.85rem;font-weight:600;animation:stackIn .5s ease backwards}.preview-box.l0{background:linear-gradient(135deg,#ef4444,#dc2626);animation-delay:.5s;font-size:.9rem}.preview-box.l1{background:#ef44444d;animation-delay:.4s;color:#94a3b8}.preview-box.l2{background:#f59e0b4d;animation-delay:.3s;color:#94a3b8}.preview-box.l3{background:#22c55e4d;animation-delay:.2s;color:#94a3b8}.preview-box.l4{background:#06b6d44d;animation-delay:.1s;color:#94a3b8}.preview-box.l5{background:linear-gradient(135deg,#8b5cf6,#6366f1);animation-delay:0s;font-size:.9rem}@keyframes stackIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.home-hero h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.5}.domain-selection{margin-bottom:2rem}.domain-selection h2{font-size:1.1rem;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.domain-cards{display:flex;flex-direction:column;gap:.75rem}.domain-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#1e293bcc;border:2px solid rgba(100,116,139,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left}.domain-card:hover{border-color:#8b5cf680;transform:translate(8px);box-shadow:-8px 0 30px #8b5cf633}.domain-icon{font-size:2.5rem}.domain-title{flex:1;font-size:1.2rem;font-weight:600}.domain-cta{color:#8b5cf6;font-size:.9rem}.skip-to-synthesis{background:none;border:none;color:#64748b;font-size:.85rem;cursor:pointer;transition:color .2s}.skip-to-synthesis:hover{color:#94a3b8}.journey-explorer{display:flex;flex-direction:column}.journey-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.progress-dot{width:12px;height:12px;border-radius:50%;background:#64748b4d;transition:all .3s ease}.progress-dot.done{background:#22c55e}.progress-dot.current{background:#8b5cf6;box-shadow:0 0 10px #8b5cf680;transform:scale(1.2)}.abstraction-stack{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.stacked-level{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:.75rem;animation:stackPop .4s ease}@keyframes stackPop{0%{transform:scale(0)}to{transform:scale(1)}}.stack-emoji{font-size:1rem}.stack-name{color:#86efac}.journey-stage{flex:1;display:flex;flex-direction:column}.level-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.level-emoji{font-size:3rem;animation:emojiPulse 2s ease-in-out infinite}@keyframes emojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.level-info{text-align:left}.level-badge{display:inline-block;background:#8b5cf633;color:#a78bfa;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.level-info h2{font-size:1.5rem;margin:0}.abstraction-box{background:#0f172acc;border:2px solid rgba(100,116,139,.4);border-radius:12px;padding:1.5rem;position:relative;transition:all .5s ease;margin-bottom:1.5rem}.abstraction-box.boxing{transform:scale(.7);opacity:.5;border-color:#22c55e;box-shadow:0 0 30px #22c55e4d}.box-label{position:absolute;top:-10px;left:1rem;background:#1e293b;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:#64748b}.complexity-display{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.8}.complexity-display.simple{text-align:center}.complexity-display.simple .complexity-line{font-size:1.1rem;color:#4ade80}.complexity-line{color:#94a3b8;animation:lineIn .4s ease backwards;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes lineIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.complexity-display.hiding .complexity-line{animation:lineOut .5s ease forwards}@keyframes lineOut{to{opacity:0;transform:translate(10px) scale(.9)}}.question-section{text-align:center;animation:fadeUp .5s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-text{font-size:1.2rem;color:#f8fafc;margin-bottom:1.5rem;line-height:1.5}.response-buttons{display:flex;gap:1rem;justify-content:center}.response-btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.response-btn.no{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444466;color:#fca5a5}.response-btn.no:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);transform:scale(1.05)}.response-btn.yes-hard{background:#64748b33;border-color:#64748b66;color:#94a3b8}.response-btn.yes-hard:hover{background:#64748b4d}.response-btn.yes{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#22c55e}.response-btn.yes:hover{transform:scale(1.05);box-shadow:0 8px 30px #22c55e66}.response-section{text-align:center;animation:fadeUp .5s ease}.response-text{font-size:1.3rem;color:#fcd34d;font-style:italic}.insight-section{text-align:center;animation:insightIn .5s ease}@keyframes insightIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.insight-arrow{display:block;font-size:2rem;color:#8b5cf6;animation:arrowBounce .8s ease-in-out infinite;margin-bottom:.5rem}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.insight-text{font-size:1.1rem;color:#a78bfa;font-weight:500}.journey-complete{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.complete-visual{margin-bottom:1rem}.level-tower{display:flex;flex-direction:column-reverse;gap:.5rem}.tower-level{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;background:#1e293bcc;border-radius:8px;animation:towerBuild .4s ease backwards}@keyframes towerBuild{0%{transform:translateY(20px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.tower-emoji{font-size:1.5rem}.tower-name{font-weight:600}.complete-message h2{font-size:1.5rem;margin-bottom:.75rem}.complete-message p{color:#94a3b8;font-size:1rem}.complete-message strong{color:#22c55e}.aha-final{background:linear-gradient(135deg,#f59e0b26,#eab3081a);border:2px solid rgba(245,158,11,.3);border-radius:16px;padding:1.5rem;margin-top:1rem}.aha-final .aha-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.aha-final p{color:#fef3c7;line-height:1.8}.aha-final strong{color:#fcd34d}.complete-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.action-btn{padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.action-btn.secondary{background:#64748b33;border-color:#64748b66;color:#94a3b8}.action-btn.secondary:hover{background:#64748b4d}.action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.action-btn.primary:hover{transform:scale(1.05);box-shadow:0 8px 30px #8b5cf666}.synthesis-view{display:flex;flex-direction:column}.synthesis-header{text-align:center;margin-bottom:2rem}.big-brain{font-size:4rem;display:block;margin-bottom:.5rem;animation:brainPulse 2s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.synthesis-header h1{font-size:2rem;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.synthesis-insights{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.synthesis-card{background:#1e293bcc;border:2px solid rgba(100,116,139,.3);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.synthesis-card:hover:not(.revealed){border-color:#8b5cf680}.synthesis-card.revealed{background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border-color:#8b5cf666;animation:cardReveal .5s ease}@keyframes cardReveal{0%{transform:scale(.95)}to{transform:scale(1)}}.tap-reveal{color:#64748b;font-size:.9rem}.synthesis-card .card-icon{font-size:2.5rem;margin-bottom:.5rem}.synthesis-card h3{font-size:1.2rem;color:#a78bfa;margin-bottom:.5rem}.synthesis-card p{color:#cbd5e1;line-height:1.5;margin:0}.final-wisdom{text-align:center;padding:2rem;background:linear-gradient(135deg,#22c55e1a,#06b6d41a);border:2px solid rgba(34,197,94,.3);border-radius:16px;animation:wisdomIn .6s ease}@keyframes wisdomIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wisdom-text{font-size:1.1rem;color:#e2e8f0;line-height:1.8;margin-bottom:1rem}.wisdom-text strong{color:#4ade80}.wisdom-call{color:#94a3b8;font-size:.95rem;line-height:1.7}.task-reminder{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:.5rem 1rem;margin-bottom:1rem;text-align:center;font-size:.85rem;color:#a78bfa}.challenge-screen{background:#ef44440d;border:2px solid rgba(239,68,68,.3);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;animation:challengeIn .5s ease}@keyframes challengeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.challenge-header{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-bottom:1rem}.challenge-icon{font-size:1.5rem}.challenge-header h3{margin:0;color:#fca5a5}.challenge-task{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.task-label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.task-name{font-size:1rem;color:#f8fafc;font-weight:500}.challenge-workspace{background:#0f172acc;border-radius:8px;padding:1rem;font-family:Monaco,Menlo,monospace;font-size:.8rem;color:#94a3b8;margin-bottom:1rem}.workspace-line{margin-bottom:.5rem;animation:workspaceLine .3s ease backwards}.workspace-line:nth-child(1){animation-delay:.1s}.workspace-line:nth-child(2){animation-delay:.2s}.workspace-line:nth-child(3){animation-delay:.3s}.workspace-line:nth-child(4){animation-delay:.4s}.workspace-line:nth-child(5){animation-delay:.5s}.workspace-line:nth-child(6){animation-delay:.6s}.workspace-line:nth-child(7){animation-delay:.7s}.workspace-line:nth-child(8){animation-delay:.8s}.workspace-line:nth-child(9){animation-delay:.9s}.workspace-line:nth-child(10){animation-delay:1s}.workspace-line:nth-child(11){animation-delay:1.1s}@keyframes workspaceLine{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.challenge-hint{color:#f59e0b;font-size:.85rem;font-style:italic;text-align:center;margin-bottom:1rem;animation:fadeUp .5s ease}.challenge-timer{text-align:center;color:#64748b;font-size:.85rem;margin-bottom:1rem}.give-up-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#ef444433,#dc262633);border:2px solid rgba(239,68,68,.4);border-radius:12px;color:#fca5a5;font-size:1rem;cursor:pointer;transition:all .3s ease;animation:fadeUp .5s ease}.give-up-btn:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);transform:scale(1.02)}.response-section.gave-up .response-text{color:#86efac}.unlocks-display{background:linear-gradient(135deg,#22c55e1a,#06b6d41a);border:2px solid rgba(34,197,94,.3);border-radius:16px;padding:1.5rem;animation:unlocksIn .5s ease;text-align:center}@keyframes unlocksIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.unlock-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;color:#86efac;font-weight:600}.unlock-icon{font-size:1.5rem}.unlock-text{color:#e2e8f0;font-size:1rem;margin-bottom:1rem}.new-powers{background:#0003;border-radius:12px;padding:1rem;margin-top:1rem}.powers-label{display:block;color:#fcd34d;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.powers-list{list-style:none;padding:0;margin:0;text-align:left}.powers-list li{color:#cbd5e1;padding:.4rem 0 .4rem 1.5rem;position:relative;font-size:.9rem;animation:powerIn .4s ease backwards}.powers-list li:before{content:"✓";position:absolute;left:0;color:#4ade80}@keyframes powerIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.stack-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-right:.5rem}.domain-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.domain-task{font-size:.8rem;color:#64748b}@media (max-width: 500px){.abstraction-home,.journey-explorer,.journey-complete,.synthesis-view{padding:1rem}.home-hero h1{font-size:1.5rem}.hero-subtitle{font-size:1rem}.domain-card{padding:1rem}.domain-icon{font-size:2rem}.domain-title{font-size:1rem}.level-emoji{font-size:2.5rem}.level-info h2{font-size:1.25rem}.question-text{font-size:1rem}.response-buttons{flex-direction:column}.response-btn{padding:.875rem 1.5rem}.response-text{font-size:1.1rem}.complete-message h2{font-size:1.25rem}.complete-actions{flex-direction:column;width:100%}.action-btn{width:100%}.synthesis-header h1{font-size:1.5rem}.big-brain{font-size:3rem}.challenge-workspace{font-size:.7rem;padding:.75rem}.workspace-line{margin-bottom:.35rem}.unlocks-display{padding:1rem}.powers-list li{font-size:.85rem}}.blackjack{max-width:500px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column;color:#e2e8f0}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:#1e293bcc;border-radius:12px}.balance{display:flex;flex-direction:column}.balance-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.balance-amount{font-size:1.5rem;font-weight:700;color:#4ade80}.stats-mini{display:flex;gap:.75rem;font-size:.8rem}.stat-win{color:#4ade80}.stat-lose{color:#f87171}.stat-push{color:#94a3b8}.table{flex:1;background:linear-gradient(135deg,#065f46,#047857,#065f46);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;border:8px solid #1e293b;box-shadow:inset 0 0 50px #0000004d;position:relative;overflow:hidden}.table:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:100px;border:3px dashed rgba(255,255,255,.1);border-radius:100px;pointer-events:none}.table.result-win,.table.result-blackjack{animation:winFlash .5s ease}.table.result-lose{animation:loseFlash .5s ease}@keyframes winFlash{0%,to{box-shadow:inset 0 0 50px #0000004d}50%{box-shadow:inset 0 0 50px #4ade8066}}@keyframes loseFlash{0%,to{box-shadow:inset 0 0 50px #0000004d}50%{box-shadow:inset 0 0 50px #f871714d}}.hand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hand-label{font-size:.85rem;color:#ffffffb3;display:flex;align-items:center;gap:.5rem}.hand-value{background:#0006;padding:.2rem .6rem;border-radius:10px;font-weight:600;color:#fff}.hand-value.bust{background:#ef444499}.hand-value.blackjack{background:linear-gradient(135deg,#f59e0b,#eab308);animation:bjPulse .5s ease}@keyframes bjPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cards{display:flex;justify-content:center}.card{width:70px;height:100px;border-radius:8px;position:relative;margin-left:-25px;transition:transform .2s ease;animation:none}.card:first-child{margin-left:0}.card:hover{transform:translateY(-5px);z-index:10}.card.dealing{animation:dealCard .3s ease backwards;animation-delay:var(--deal-delay, 0s)}@keyframes dealCard{0%{transform:translateY(-100px) rotate(-10deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.card-back{width:100%;height:100%;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:8px;border:3px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 10px #0000004d}.card-pattern{width:50px;height:70px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 5px,transparent 5px,transparent 10px);border:2px solid rgba(255,255,255,.3);border-radius:4px}.card-front{width:100%;height:100%;background:#fff;border-radius:8px;border:1px solid #ddd;position:relative;box-shadow:2px 2px 10px #0000004d}.card-front.red{color:#dc2626}.card-front.black{color:#1e293b}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;font-size:.7rem;line-height:1}.card-corner.top-left{top:4px;left:4px}.card-corner.bottom-right{bottom:4px;right:4px;transform:rotate(180deg)}.card-value{font-weight:700;font-size:.9rem}.card-suit{font-size:.8rem}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem}.game-message{text-align:center;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5);padding:.5rem;min-height:2rem}.game-message.show-result{animation:messagePopIn .4s ease}@keyframes messagePopIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.controls{margin-top:1rem;padding:1rem;background:#1e293bcc;border-radius:16px}.bet-area{display:flex;flex-direction:column;gap:1rem}.current-bet{text-align:center;font-size:1rem;color:#94a3b8}.bet-amount{font-size:1.5rem;font-weight:700;color:#fcd34d;margin-left:.5rem}.chips{display:flex;justify-content:center;gap:.5rem}.chip{width:50px;height:50px;border-radius:50%;background:var(--chip-color);border:3px dashed rgba(255,255,255,.5);color:#fff;font-weight:700;font-size:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0000004d}.chip:hover:not(:disabled){transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px #0006}.chip:active:not(:disabled){transform:translateY(-2px) scale(1.05)}.chip:disabled{opacity:.4;cursor:not-allowed}.bet-actions{display:flex;gap:1rem;justify-content:center}.btn{padding:.875rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-clear{background:#64748b4d;color:#94a3b8}.btn-clear:hover:not(:disabled){background:#64748b80}.btn-deal{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;flex:1}.btn-deal:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #22c55e66}.play-actions{display:flex;gap:.75rem;justify-content:center}.btn-hit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;flex:1}.btn-hit:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #3b82f666}.btn-stand{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;flex:1}.btn-stand:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #f59e0b66}.btn-double{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;flex:1}.btn-double:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #8b5cf666}.end-actions{display:flex;gap:1rem;justify-content:center}.btn-new{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;flex:1}.btn-new:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #22c55e66}.btn-reset{background:#64748b4d;color:#94a3b8}.btn-reset:hover:not(:disabled){background:#64748b80}.waiting{text-align:center;color:#94a3b8}.waiting-dots:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.btn-reset-corner{position:fixed;bottom:1rem;right:1rem;background:#64748b80;color:#94a3b8;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-reset-corner:hover{background:#64748bb3;color:#e2e8f0}@media (max-width: 400px){.blackjack{padding:.5rem}.table{padding:1rem;min-height:340px}.card{width:55px;height:80px;margin-left:-20px}.card-center{font-size:1.5rem}.card-value{font-size:.75rem}.card-suit{font-size:.65rem}.chip{width:42px;height:42px;font-size:.65rem}.btn{padding:.75rem 1rem;font-size:.9rem}.play-actions{gap:.5rem}.balance-amount{font-size:1.25rem}}.ikigai-explorer{min-height:calc(100vh - 180px);display:flex;flex-direction:column;padding:1rem;max-width:800px;margin:0 auto;position:relative}.ikigai-explorer.animating{opacity:.7;pointer-events:none;transition:opacity .3s ease}.intro-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-visual{position:relative;margin-bottom:2rem}.intro-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.intro-screen h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.intro-screen h1 .highlight{background:linear-gradient(135deg,#ec4899,#f59e0b,#22c55e,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-meaning{font-size:1.25rem;color:var(--text-muted);margin-bottom:1.5rem;font-style:italic}.intro-description{font-size:1.1rem;margin-bottom:1.5rem}.intro-quadrants{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem;width:100%;max-width:400px}.intro-quadrant{background:var(--surface);padding:.75rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;border-left:4px solid var(--color);animation:slideInLeft .5s ease backwards}.intro-quadrant:nth-child(1){animation-delay:.1s}.intro-quadrant:nth-child(2){animation-delay:.2s}.intro-quadrant:nth-child(3){animation-delay:.3s}.intro-quadrant:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.q-icon{font-size:1.5rem}.q-name{font-size:.9rem;font-weight:600}.intro-promise{color:var(--text-muted);font-size:.95rem;max-width:400px;margin-bottom:2rem;line-height:1.6}.start-btn{background:linear-gradient(135deg,#ec4899,#6366f1);color:#fff;border:none;padding:1rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #6366f166}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-arrow{transition:transform .3s ease}.start-btn:hover .btn-arrow{transform:translate(5px)}.ikigai-diagram{width:280px;height:280px}.ikigai-diagram.small{width:100px;height:100px}.diagram-label{font-size:1.75rem}.pulse-ring{animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{stroke-width:3}50%{stroke-width:5}}.ikigai-center{animation:center-glow 2s ease-in-out infinite}@keyframes center-glow{0%,to{filter:drop-shadow(0 0 5px rgba(99,102,241,.5))}50%{filter:drop-shadow(0 0 15px rgba(99,102,241,.8))}}.explore-progress{position:fixed;top:0;left:0;right:0;height:4px;background:var(--surface);z-index:100}.explore-progress .progress-fill{height:100%;background:linear-gradient(90deg,#ec4899,#f59e0b,#22c55e,#6366f1);transition:width .5s ease}.explore-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-top:.5rem}.mini-diagram-container{flex-shrink:0}.quadrant-info{display:flex;flex-direction:column;gap:.25rem}.quadrant-icon{font-size:1.5rem}.quadrant-name{font-size:1.25rem;font-weight:700}.level-indicator{font-size:.8rem;color:var(--text-muted)}.question-area{flex:1;display:flex;flex-direction:column;animation:fadeIn .5s ease}.question-text{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;line-height:1.4;animation:slideDown .4s ease}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.choice-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:1rem;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.25rem;animation:cardPop .4s ease backwards;animation-delay:var(--delay)}@keyframes cardPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.choice-card:hover{border-color:var(--color);transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.choice-card:active{transform:scale(.98)}.choice-icon{font-size:1.75rem;margin-bottom:.25rem}.choice-label{font-size:1rem;font-weight:600}.choice-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.insight-area{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeInUp .6s ease}.insight-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-20px)}50%{transform:translateY(0)}70%{transform:translateY(-10px)}}.insight-area h2{font-size:1.75rem;margin-bottom:1.5rem}.insight-summary{width:100%;max-width:400px;margin-bottom:1.5rem}.insight-summary h3{font-size:1rem;color:var(--text-muted);margin-bottom:1rem}.selection-path{display:flex;flex-direction:column;gap:.5rem}.path-item{display:flex;align-items:center;gap:.75rem;background:var(--surface);padding:.6rem 1rem;border-radius:10px;animation:slideInRight .4s ease backwards;animation-delay:var(--delay)}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.path-num{width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.path-label{font-size:.9rem}.insight-reflection{background:var(--surface);padding:1.25rem;border-radius:12px;margin-bottom:2rem;border-left:4px solid var(--color);text-align:left;max-width:400px}.insight-reflection p{font-size:.95rem;line-height:1.6;color:var(--text-muted);margin:0}.continue-btn{background:var(--surface);border:2px solid var(--color, var(--primary));color:var(--text);padding:.875rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.continue-btn:hover{background:var(--color, var(--primary));color:#fff;transform:translateY(-2px)}.continue-btn.highlight{background:linear-gradient(135deg,#ec4899,#6366f1);border:none;color:#fff;box-shadow:0 4px 15px #6366f166}.synthesis-screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 0}.synthesis-intro{text-align:center;animation:fadeInUp .6s ease}.synthesis-intro h1{font-size:2rem;margin-bottom:1rem}.synthesis-intro p{color:var(--text-muted);margin-bottom:2rem;max-width:400px}.intersection-reveal{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1rem;align-items:center}.intersection-card{background:var(--surface);border-radius:16px;padding:1.25rem;width:100%;border-left:4px solid var(--color);animation:cardSlideIn .5s ease backwards;animation-delay:var(--delay);opacity:.7;transition:all .3s ease}.intersection-card.current{opacity:1;transform:scale(1.02);box-shadow:0 4px 20px #00000026}@keyframes cardSlideIn{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:.7}}.int-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.5rem}.int-plus{color:var(--text-muted);font-size:1rem}.intersection-card h3{font-size:1.25rem;margin-bottom:.25rem}.int-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.int-synthesis{font-size:.9rem;padding:.5rem .75rem;background:#0000000d;border-radius:8px}.int-synthesis em{color:var(--color);font-style:normal;font-weight:500}.complete-screen{padding:2rem 0;text-align:center;animation:fadeInUp .8s ease}.ikigai-reveal{position:relative;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.reveal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,rgba(245,158,11,.15) 25%,rgba(34,197,94,.15) 50%,rgba(99,102,241,.15) 75%,transparent 100%);animation:reveal-glow 4s ease-in-out infinite}@keyframes reveal-glow{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-50%,-50%) scale(1.1) rotate(180deg)}}.ikigai-label{font-size:1rem;font-weight:600;color:var(--primary);margin-top:.5rem}.complete-screen h1{font-size:2rem;margin-bottom:2rem}.final-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.summary-quadrant{background:var(--surface);padding:1rem;border-radius:12px;border-left:4px solid var(--color);text-align:left;animation:summaryPop .5s ease backwards}.summary-quadrant:nth-child(1){animation-delay:.1s}.summary-quadrant:nth-child(2){animation-delay:.2s}.summary-quadrant:nth-child(3){animation-delay:.3s}.summary-quadrant:nth-child(4){animation-delay:.4s}@keyframes summaryPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.sq-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.sq-icon{font-size:1.25rem}.sq-name{font-size:.8rem;font-weight:600;color:var(--color)}.sq-essence{font-size:.95rem;margin:0;font-style:italic}.ikigai-statement{background:linear-gradient(135deg,#ec48991a,#6366f11a);padding:1.5rem;border-radius:16px;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;animation:statementReveal .8s ease backwards;animation-delay:.5s}@keyframes statementReveal{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ikigai-statement h2{font-size:1.1rem;margin-bottom:1rem;color:var(--text-muted)}.ikigai-statement p{font-size:1.1rem;line-height:1.8;margin:0}.reflection-prompt{background:var(--surface);padding:1.5rem;border-radius:16px;max-width:500px;margin:0 auto 2rem;text-align:left}.reflection-prompt h3{font-size:1rem;margin-bottom:.75rem}.reflection-prompt p{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.reflection-question{font-weight:600;color:var(--text);font-style:italic}.restart-btn{background:var(--surface);border:2px solid var(--border);color:var(--text);padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease}.restart-btn:hover{border-color:var(--primary);color:var(--primary)}@media (max-width: 600px){.intro-screen h1{font-size:2rem}.intro-quadrants{grid-template-columns:1fr}.question-text{font-size:1.25rem}.choices-grid{grid-template-columns:1fr}.choice-card{flex-direction:row;align-items:center;gap:1rem}.choice-icon{font-size:2rem;margin-bottom:0}.choice-card>div{display:flex;flex-direction:column}.final-summary{grid-template-columns:1fr}.ikigai-statement p{font-size:1rem}.ikigai-diagram{width:200px;height:200px}}@media (hover: none){.choice-card:active{background:var(--border);transform:scale(.98)}.start-btn:active,.continue-btn:active{transform:scale(.98)}}.chess{min-height:calc(100vh - 180px);display:flex;flex-direction:column;padding:1rem;max-width:900px;margin:0 auto}.chess-header{text-align:center;margin-bottom:1.5rem}.chess-header h1{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-info{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.turn-indicator{background:var(--surface);padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:1rem;border:2px solid var(--border);transition:all .3s ease}.turn-indicator.w{border-color:#e5e5e5;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);color:#1a1a2e}.turn-indicator.b{border-color:#333;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#f5f5f5}.status{display:inline-block}.status.check{color:#f59e0b}.status.checkmate{color:#22c55e;animation:pulse 1s ease-in-out infinite}.status.stalemate{color:#6366f1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.reset-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:var(--secondary);transform:translateY(-2px)}.chess-layout{display:flex;gap:2rem;justify-content:center;align-items:flex-start}.board-container{display:flex;flex-direction:column;gap:.5rem}.captured-pieces{display:flex;gap:.15rem;min-height:28px;padding:.25rem .5rem;background:var(--surface);border-radius:8px;flex-wrap:wrap}.captured-piece{font-size:1.25rem;opacity:.8}.captured-piece.white{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.captured-piece.black{filter:drop-shadow(0 1px 2px rgba(255,255,255,.2))}.board{display:flex;flex-direction:column;border:4px solid #4a3728;border-radius:4px;box-shadow:0 10px 40px #0000004d,inset 0 0 20px #0000001a;background:#4a3728}.board-row{display:flex;align-items:center}.rank-label{width:20px;text-align:center;font-size:.75rem;font-weight:600;color:#d4a574}.file-labels{display:flex}.file-labels span{width:20px}.file-label{width:50px;text-align:center;font-size:.75rem;font-weight:600;color:#d4a574}.square{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s ease}.square.light{background:#f0d9b5}.square.dark{background:#b58863}.square:hover{filter:brightness(1.1)}.square.selected{background:#829769!important}.square.legal{cursor:pointer}.square.legal:hover{background:#aaa23a!important}.square.capture{background:radial-gradient(circle,transparent 70%,rgba(170,0,0,.4) 70%)!important}.square.in-check{background:radial-gradient(circle,#ef4444 0%,#dc2626 50%,transparent 70%),linear-gradient(135deg,#f0d9b5,#b58863)!important;animation:checkPulse 1s ease-in-out infinite}@keyframes checkPulse{0%,to{box-shadow:inset 0 0 15px #ef444480}50%{box-shadow:inset 0 0 25px #ef4444cc}}.move-dot{width:14px;height:14px;background:#0003;border-radius:50%;position:absolute;pointer-events:none}.piece{font-size:2.5rem;line-height:1;-webkit-user-select:none;user-select:none;transition:transform .15s ease}.piece.white{color:#fff;text-shadow:0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 2px 3px rgba(0,0,0,.3)}.piece.black{color:#1a1a1a;text-shadow:0 2px 3px rgba(0,0,0,.2)}.piece.selected{transform:scale(1.1)}.move-history{background:var(--surface);border-radius:12px;padding:1rem;min-width:180px;max-height:450px;overflow-y:auto}.move-history h3{font-size:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.no-moves{color:var(--text-muted);font-size:.85rem;font-style:italic}.moves-grid{display:flex;flex-direction:column;gap:.25rem}.move-pair{display:grid;grid-template-columns:24px 1fr 1fr;gap:.5rem;font-size:.85rem;padding:.25rem 0}.move-num{color:var(--text-muted)}.move{font-family:Monaco,Menlo,monospace}.white-move{color:var(--text)}.black-move{color:var(--text-muted)}.promotion-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.promotion-modal{background:var(--surface);border-radius:16px;padding:1.5rem;text-align:center;box-shadow:0 10px 40px #0006;animation:modalPop .3s ease}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.promotion-modal h3{margin-bottom:1rem;font-size:1.1rem}.promotion-options{display:flex;gap:.5rem}.promotion-btn{width:60px;height:60px;border:2px solid var(--border);border-radius:12px;background:var(--background);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.promotion-btn:hover{border-color:var(--primary);background:var(--surface);transform:translateY(-2px)}.promotion-btn .piece{font-size:2.5rem}@media (max-width: 700px){.chess-layout{flex-direction:column;align-items:center}.square{width:40px;height:40px}.piece{font-size:2rem}.file-label{width:40px}.rank-label{width:16px;font-size:.65rem}.file-labels span:first-child{width:16px}.move-dot{width:10px;height:10px}.move-history{width:100%;max-height:200px}.chess-header h1{font-size:1.5rem}}@media (max-width: 400px){.square{width:36px;height:36px}.piece{font-size:1.75rem}.file-label{width:36px}.board{border-width:3px}.game-info{flex-direction:column;gap:.75rem}}@media (hover: none){.square:active{filter:brightness(.9)}.reset-btn:active{transform:scale(.98)}}.hero{text-align:center;padding:3rem 0;max-width:700px;margin:0 auto}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--text-muted);font-size:1.125rem;line-height:1.7}.demos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:2rem 0}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:12px;border:1px dashed var(--border)}.empty-state h2{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-muted)}.empty-state p{color:var(--text-muted);margin-bottom:1rem}.empty-state code{font-size:1rem}@media (max-width: 640px){.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.demos-grid{grid-template-columns:1fr}}.demo-header{padding-bottom:2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:var(--primary)}.demo-header h1{font-size:2rem;font-weight:700;margin-bottom:.75rem}.demo-description{color:var(--text-muted);font-size:1.1rem;max-width:700px}.demo-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:var(--surface);color:var(--text-muted);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.demo-content{background:var(--surface);border-radius:12px;padding:2rem;min-height:300px}.demo-not-found{text-align:center;padding:4rem 2rem}.demo-not-found h1{font-size:2rem;margin-bottom:1rem}.demo-not-found p{color:var(--text-muted);margin-bottom:2rem}@media (max-width: 640px){.demo-header h1{font-size:1.5rem}.demo-content{padding:1rem}}.not-found{text-align:center;padding:6rem 2rem}.not-found h1{font-size:6rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.not-found p{color:var(--text-muted);font-size:1.25rem;margin-bottom:2rem}.home-link{display:inline-block;background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:background .2s}.home-link:hover{background:var(--primary-dark);color:#fff}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #8b5cf6;--background: #0f172a;--surface: #1e293b;--surface-hover: #334155;--text: #f8fafc;--text-muted: #94a3b8;--border: #334155;--success: #22c55e;--warning: #f59e0b;--error: #ef4444}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--secondary)}code{background:var(--surface);padding:.2em .4em;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.9em}pre{background:var(--surface);padding:1rem;border-radius:8px;overflow-x:auto}pre code{background:none;padding:0}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}