:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #edf0f5;--bg-highlight: #e2e7ef;--text-primary: #1a2234;--text-secondary: #4a5568;--text-muted: #718096;--accent-green: #3fb950;--accent-blue: #58a6ff;--accent-purple: #a371f7;--accent-yellow: #d29922;--accent-orange: #f0883e;--accent-red: #f85149;--accent-pink: #db61a2;--accent-cyan: #39c5cf;--cursor-color: #58a6ff;--cursor-insert: #3fb950;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--line-height: 1.6;--char-width: .6em;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(88, 166, 255, .1);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height)}#app{width:100%;height:100%;display:flex;flex-direction:column}.homepage{min-height:100%;overflow-y:auto;background:radial-gradient(ellipse at 30% 20%,rgba(63,185,80,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(88,166,255,.04) 0%,transparent 50%),var(--bg-primary)}.hero{padding:4rem 2rem 3rem;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.8) 0%,transparent 100%)}.hero-content{max-width:700px;margin:0 auto}.brand{margin-bottom:1.5rem}.vim-logo{display:inline-block;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;padding:.5rem 1.25rem;background:linear-gradient(135deg,#019833,#026d25);color:#fff;border-radius:6px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;box-shadow:0 4px 15px #0198334d}.brand h1{font-size:3.5rem;font-weight:800;margin-bottom:.25rem;background:linear-gradient(135deg,#059669,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand .edition{font-size:1.25rem;font-weight:400;color:var(--text-secondary);letter-spacing:.1em}.hero-tagline{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem}.btn-large{font-size:1.125rem;padding:1rem 2.5rem}.cta-hint{font-size:.8125rem;color:var(--text-muted)}.cta-hint kbd{display:inline-block;padding:.125rem .5rem;background:#f0fdf4;border:1px solid #a7f3d0;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;color:#059669}.features{display:flex;justify-content:center;gap:1.5rem;padding:2rem;max-width:900px;margin:0 auto}.feature-card{flex:1;max-width:250px;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);text-align:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.feature-card h3{font-size:1.25rem;font-weight:700;color:#059669;margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.learn-path{padding:2rem;max-width:800px;margin:0 auto}.learn-path h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1.5rem}.path-steps{display:flex;justify-content:space-between;position:relative}.path-steps:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background:linear-gradient(90deg,#10b981,#06b6d4);z-index:0}.path-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#10b981;color:#fff;font-family:var(--font-mono);font-size:1rem;font-weight:700;border-radius:50%;margin-bottom:.75rem;box-shadow:0 4px 12px #10b9814d}.step-content{text-align:center}.step-content h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.step-content p{font-size:.75rem;color:var(--text-muted)}.progress-section{padding:1.5rem 2rem;max-width:500px;margin:0 auto}.progress-card{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);text-align:center}.progress-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.progress-bar-large{height:10px;background:var(--bg-tertiary);border-radius:5px;overflow:hidden;margin-bottom:.75rem}.progress-fill-large{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:5px;transition:width .5s ease}.progress-card p{font-size:.875rem;color:var(--text-secondary)}.homepage-footer{padding:2rem;text-align:center}.btn-ghost{background:transparent;border:1px solid var(--bg-highlight);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.postit-container{position:fixed;z-index:100;opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none}.postit-container.visible{opacity:1}.postit-container.top-right{top:12%;right:3%;transform:rotate(3deg)}.postit-container.top-left{top:15%;left:3%;transform:rotate(-4deg)}.postit-container.bottom-right{bottom:20%;right:5%;transform:rotate(2deg)}.postit-container.bottom-left{bottom:15%;left:3%;transform:rotate(-3deg)}.postit-note{background:linear-gradient(135deg,#ffd43b,#fab005);color:#1a1a1a;padding:.875rem 1rem;border-radius:3px;font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:2px 3px #00000014,4px 6px 15px #00000026;position:relative;animation:postitAppear .5s ease-out}@keyframes postitAppear{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.postit-note:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#00000014;border-radius:3px 3px 0 0}.postit-note:after{content:"📌";position:absolute;top:-6px;left:50%;transform:translate(-50%);font-size:.75rem}.postit-text{display:block}.btn{font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:1rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--accent-green),#2ea043);color:#fff;box-shadow:0 4px 15px #3fb9504d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3fb95066}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--bg-highlight)}.btn-secondary:hover{background:var(--bg-highlight);border-color:var(--text-muted)}.course-map{display:flex;flex-direction:column;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23228B22' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 20% 20%,rgba(34,139,34,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(34,139,34,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(34,139,34,.04) 0%,transparent 70%),linear-gradient(180deg,#e8f5e9,#f1f8e9);overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.course-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(180deg,#fffffff2,#ffffffd9);border-bottom:2px solid rgba(34,139,34,.2);box-shadow:0 2px 10px #0000000f}.course-title{display:flex;align-items:center;gap:.75rem}.course-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.course-title h2{font-size:1.375rem;font-weight:700;color:var(--text-primary);font-style:italic;letter-spacing:.02em}.course-stats{display:flex;gap:1.5rem}.stat{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#ffffffb3;border-radius:var(--border-radius);border:1px solid rgba(34,139,34,.15)}.stat-value{font-family:var(--font-mono);font-size:1.375rem;font-weight:700;color:var(--accent-green);line-height:1}.stat-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.nav-hints{display:flex;gap:1.25rem;align-items:center;font-size:.8125rem;color:var(--text-secondary)}.nav-hints .key-hint{margin-right:.25rem}.course-terrain{flex:1;overflow-y:auto;padding:1.5rem 2.5rem 2rem}.course-terrain::-webkit-scrollbar{width:8px}.course-terrain::-webkit-scrollbar-track{background:var(--bg-secondary)}.course-terrain::-webkit-scrollbar-thumb{background:var(--bg-highlight);border-radius:4px}.course-section{display:flex;flex-direction:column;margin-bottom:.5rem;position:relative}.course-section.reversed .course-fairway{flex-direction:row-reverse}.course-section.reversed .course-label{flex-direction:row-reverse;text-align:right;border-left:none;border-right:4px solid var(--accent-green)}.course-section.reversed .course-label-desc{margin-left:0;margin-right:auto}.course-label{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);border-radius:var(--border-radius);margin-bottom:.5rem;border-left:4px solid var(--accent-green)}.course-label-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.course-label-name{font-weight:700;font-size:1rem;color:var(--text-primary)}.course-label-desc{font-family:var(--font-mono);font-size:.6875rem;color:#0d7377;margin-left:auto;padding:.25rem .5rem;background:#39c5cf26;border-radius:4px}.course-fairway{display:flex;align-items:center;justify-content:space-around;padding:1.25rem 1rem;background:linear-gradient(180deg,#4caf5040,#81c78433 30%,#a5d6a726 70%,#4caf5033);border-radius:100px;border:2px solid rgba(76,175,80,.35);position:relative;box-shadow:inset 0 2px 10px #4caf501a,0 4px 20px #00000014;min-height:140px}.course-fairway:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:96px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,rgba(255,255,255,.02) 8px,rgba(255,255,255,.02) 16px);pointer-events:none}.course-bridge{width:40px;height:20px;margin:0 auto;position:relative}.course-bridge:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translate(-50%);background:linear-gradient(to bottom,#228b2266,#228b2233);border-radius:2px}.course-section:nth-child(odd) .course-fairway:after{content:"🌳";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.6}.course-section:nth-child(2n) .course-fairway:after{content:"🌲";position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.6}.hole{display:flex;flex-direction:column;align-items:center;padding:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:var(--border-radius-lg);z-index:1}.hole:hover{transform:translateY(-4px) scale(1.05);z-index:2}.hole:hover .hole-green{box-shadow:inset 0 2px 4px #0000004d,0 8px 25px #0006}.hole.selected{transform:translateY(-6px) scale(1.1);z-index:3}.hole.selected .hole-green{border-color:var(--accent-cyan);box-shadow:inset 0 2px 4px #0000004d,0 0 0 4px #39c5cf4d,0 8px 30px #39c5cf66}.hole.selected .flag-banner{background:var(--accent-cyan);transform:scale(1.1)}.hole-marker{position:relative;width:60px;height:60px;display:flex;align-items:flex-end;justify-content:center}.hole-flag{position:absolute;bottom:8px;left:50%;transform:translate(-30%);display:flex;flex-direction:column;align-items:flex-start}.flag-pole{width:3px;height:36px;background:linear-gradient(to bottom,#888,#555);border-radius:1.5px;box-shadow:1px 0 2px #0000004d}.flag-banner{position:absolute;top:2px;left:3px;background:linear-gradient(135deg,#ff6b6b,#ee5253);color:#fff;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;padding:.1875rem .5rem;border-radius:0 3px 3px 0;min-width:22px;text-align:center;box-shadow:2px 2px 4px #0000004d;transition:all .2s ease}.hole.next .flag-banner{animation:flagWave 2s ease-in-out infinite}@keyframes flagWave{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.05) skew(-2deg)}}.hole-green{width:44px;height:44px;background:radial-gradient(ellipse at 30% 30%,#4a9a4a 0%,transparent 50%),radial-gradient(ellipse at center,#2d6a2d,#1e4d1e 60%,#153515);border-radius:50%;border:3px solid #3a8a3a;box-shadow:inset 0 3px 6px #0000004d,inset 0 -2px 4px #ffffff0d,0 4px 15px #0006;position:relative;transition:all .3s ease}.hole-green:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:radial-gradient(ellipse at center,#0a0a0a,#1a1a1a);border-radius:50%;box-shadow:inset 0 2px 4px #000c,0 1px 1px #ffffff0d}.hole-green:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%}.hole.completed .flag-banner{background:var(--accent-green)}.hole.completed .hole-green{border-color:var(--accent-green);box-shadow:inset 0 2px 4px #0000004d,0 0 12px #3fb95066}.hole.next .flag-banner{background:var(--accent-yellow);animation:pulse 2s ease-in-out infinite}.hole.next .hole-green{border-color:var(--accent-yellow)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hole.selected .flag-banner{background:var(--accent-cyan)}.hole.selected .hole-green{border-color:var(--accent-cyan);box-shadow:inset 0 2px 4px #0000004d,0 0 16px #39c5cf80}.hole.next:before{content:"🏌️";position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:1.25rem;animation:golferBounce 1s ease-in-out infinite;z-index:5}@keyframes golferBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.hole.completed:after{content:"✓";position:absolute;top:5px;right:5px;font-size:.875rem;color:var(--accent-green);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hole-info{margin-top:.375rem;text-align:center;max-width:90px}.hole-name{font-size:.6875rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hole-par{font-family:var(--font-mono);font-size:.5625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hole-score{font-family:var(--font-mono);font-size:.5625rem;color:var(--accent-green);margin-top:.125rem;font-weight:600}.fairway-path{position:absolute;right:-30px;top:50%;width:30px;height:4px;background:linear-gradient(90deg,#228b2266,#228b2233);border-radius:2px;z-index:0}.course-section.reversed .fairway-path{right:auto;left:-30px;background:linear-gradient(90deg,#228b2233,#228b2266)}.course-legend{display:flex;justify-content:center;gap:2rem;padding:1rem 2rem;background:#ffffffe6;border-top:1px solid rgba(34,139,34,.15)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.legend-marker{width:12px;height:12px;border-radius:50%;background:#a5d6a7;border:2px solid #81c784}.legend-marker.completed{border-color:var(--accent-green);box-shadow:0 0 6px #3fb95080}.legend-marker.next{border-color:var(--accent-yellow);animation:pulse 2s ease-in-out infinite}.game-screen{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);box-shadow:var(--shadow-sm)}.level-info{display:flex;flex-direction:column;gap:.375rem}.level-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.vim-icon{font-family:var(--font-mono);font-size:.5625rem;font-weight:700;padding:.1875rem .4375rem;background:linear-gradient(135deg,#019833,#026d25);color:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.level-objective{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--text-primary);font-weight:500}.objective-label{font-family:var(--font-mono);font-size:.625rem;font-weight:700;padding:.1875rem .5rem;background:#f59e0b;color:#fff;border-radius:3px;text-transform:uppercase}.score-display{display:flex;gap:2rem;font-family:var(--font-mono)}.score-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.score-label{font-size:.5625rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.score-value{font-size:1.75rem;font-weight:700;line-height:1}.score-value.strokes{color:#0891b2}.score-value.par{color:var(--text-primary)}.score-value.best{color:#059669}.game-actions{display:flex;gap:.5rem}.game-btn{font-family:var(--font-mono);font-size:.75rem;padding:.5rem .875rem;background:var(--bg-secondary);border:1px solid var(--bg-highlight);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.game-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-blue)}.editor-container{flex:1;display:flex;flex-direction:column;padding:1.25rem;gap:1rem;overflow:hidden;background:var(--bg-primary)}.editor-main{flex:1;display:flex;gap:1.25rem;min-height:0}.editor-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--bg-tertiary);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.editor-panel-header{padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--bg-highlight);font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.editor-panel-header .dot{width:8px;height:8px;border-radius:50%}.editor-panel-header .dot.current{background:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue)}.editor-panel-header .dot.goal{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.editor-panel.goal-panel{flex:1}.editor-panel.goal-panel .editor-panel-header .label{color:var(--text-primary);font-weight:600}.goal-badge{margin-left:auto;padding:.25rem .625rem;background:#10b981;color:#fff;font-size:.625rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.editor-content{flex:1;padding:1rem;overflow:auto;font-family:var(--font-mono);font-size:1.0625rem;line-height:1.9}.editor-line{display:flex;min-height:1.9em}.line-number{width:2.5rem;text-align:right;padding-right:1rem;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.875rem;opacity:.6}.line-content{flex:1;white-space:pre;position:relative}.cursor{position:relative;display:inline-block;background:#3b82f6;color:#fff;font-weight:500;border-radius:2px;animation:cursorPulse 1s ease-in-out infinite}@keyframes cursorPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 4px #3b82f600}}.cursor.insert{background:transparent;color:inherit}.cursor.insert:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#10b981;animation:insertBlink .6s step-end infinite}@keyframes insertBlink{50%{opacity:0}}.target-cursor{position:relative;display:inline-block;background:#10b981;color:#fff;font-weight:700;border-radius:2px;animation:targetPulse 1.5s ease-in-out infinite}@keyframes targetPulse{0%,to{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 0 6px #10b98100}}.mode-indicator{padding:.625rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary);font-family:var(--font-mono);font-size:.75rem;display:flex;align-items:center;gap:1rem}.mode-badge{padding:.3125rem .625rem;border-radius:4px;font-weight:700;text-transform:uppercase;font-size:.6875rem;letter-spacing:.05em}.mode-badge.normal{background:#3b82f6;color:#fff}.mode-badge.insert{background:#10b981;color:#fff;animation:insertMode .3s ease}@keyframes insertMode{0%{transform:scale(1.1)}to{transform:scale(1)}}.keystroke-display{padding:.875rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary);box-shadow:0 -2px 10px #00000008}.keystroke-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.keystroke-list{display:flex;gap:.375rem;flex-wrap:wrap;font-family:var(--font-mono);min-height:1.75rem}.keystroke{padding:.3125rem .5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;font-size:.8125rem;font-weight:600;color:#2563eb;animation:keystrokeIn .15s cubic-bezier(.34,1.56,.64,1)}@keyframes keystrokeIn{0%{transform:scale(1.3) translateY(-5px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.learning-intro{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;border-radius:var(--border-radius-lg)}.learning-intro-icon{font-size:1.75rem;flex-shrink:0}.learning-intro-content{flex:1}.learning-intro-label{font-size:.625rem;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.25rem}.learning-intro-text{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.4}.learning-intro-key-display{display:flex;align-items:center;justify-content:center}.big-key{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;padding:.75rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #10b9814d;min-width:60px;text-align:center}.training-panel{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--bg-tertiary);padding:1.25rem;width:380px;flex-shrink:0;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-sm)}.progress-section{padding-bottom:1rem;border-bottom:1px solid var(--bg-tertiary)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.progress-title{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.progress-stats{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:#0891b2}.progress-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:.625rem}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:3px;transition:width .3s ease}.progress-estimate{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.estimate-icon{font-size:.875rem}.keyboard-section{padding-bottom:1rem;border-bottom:1px solid var(--bg-tertiary)}.keyboard-title{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.keyboard{display:flex;flex-direction:column;gap:5px;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--border-radius)}.keyboard-row{display:flex;gap:4px;justify-content:center}.keyboard-row:nth-child(2){margin-left:.625rem}.keyboard-row:nth-child(3){margin-left:1.25rem}.keyboard-row:nth-child(4){margin-left:1.875rem}.key{width:26px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;background:#fff;border:1px solid var(--bg-highlight);border-radius:4px;color:var(--text-muted);text-transform:lowercase;box-shadow:0 1px 2px #0000000d}.key.special{width:36px;font-size:.5625rem}.key.home{border-bottom:2px solid var(--accent-purple)}.key.vim-key{color:var(--text-primary);background:#58a6ff26;border-color:#58a6ff4d}.key.active{background:#10b981;color:#fff;font-weight:700;border-color:#10b981;box-shadow:0 0 8px #10b98180;animation:keyPulse 1.5s ease-in-out infinite}@keyframes keyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.keyboard-legend{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.625rem;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-dot.active{background:var(--accent-green)}.legend-dot.home{background:transparent;border-bottom:2px solid var(--accent-purple)}.hints-title{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.hints-title:before{content:"💡";font-size:.75rem}.hints-list{display:flex;flex-direction:column;gap:.5rem}.hint-row{display:flex;gap:.75rem;align-items:center}.hint-key{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.25rem .5rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;color:#059669;white-space:nowrap;min-width:2rem;text-align:center}.hint-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.victory-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;animation:overlayIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.victory-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-xl);padding:3rem 4rem;text-align:center;max-width:420px;animation:cardIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-lg)}@keyframes cardIn{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.victory-icon{font-size:4.5rem;margin-bottom:1rem;animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.victory-rating{font-size:2.25rem;font-weight:800;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.victory-rating.hole-in-one{color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.victory-rating.eagle{color:#ff6b6b}.victory-rating.birdie{color:#4ecdc4}.victory-rating.par{color:#95e1a3}.victory-rating.bogey{color:#f9ca24}.victory-rating.double-bogey{color:#ff9f43}.victory-rating.over{color:#ee5a24}.victory-score{font-family:var(--font-mono);font-size:1.375rem;color:var(--text-secondary);margin-bottom:1.5rem}.victory-score span{color:var(--accent-cyan);font-weight:700}.victory-message{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.5}.victory-buttons{display:flex;gap:1rem;justify-content:center}.key-hint{display:inline-block;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;padding:.1875rem .4375rem;margin-right:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:4px;text-transform:lowercase;vertical-align:middle}.btn-primary .key-hint{background:#0003;border-color:#0000004d}.btn-secondary .key-hint{background:var(--bg-highlight);border-color:var(--text-muted)}.game-btn .key-hint{font-size:.5625rem;padding:.125rem .3125rem;margin-right:.375rem}.game-body{flex:1;display:flex;padding:1.25rem;gap:1.25rem;overflow:hidden}.variant-0 .game-body{display:flex;gap:2rem}.variant-0 .hero-key-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-radius:var(--border-radius-xl);min-width:180px}.variant-0 .hero-key{font-family:var(--font-mono);font-size:4rem;font-weight:800;color:#059669;margin-bottom:.5rem}.variant-0 .hero-key-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.variant-0 .main-content{flex:1;display:flex;flex-direction:column;gap:1rem}.variant-0 .instruction-card{padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--bg-tertiary)}.variant-0 .instruction-text{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.variant-0 .goal-text{font-size:.875rem;color:var(--text-secondary)}.variant-0 .editors-row{flex:1;display:flex;align-items:center;gap:1rem}.variant-0 .arrow-indicator{font-size:2rem;color:var(--text-muted)}.variant-0 .editor-panel.compact{flex:1}.variant-0 .editor-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.variant-1 .game-body.centered{flex-direction:column;align-items:center;justify-content:center}.variant-1 .floating-hint{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:100px;margin-bottom:2rem;box-shadow:var(--shadow-md)}.variant-1 .hint-key-large{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:#92400e;padding:.5rem 1rem;background:#fff;border-radius:var(--border-radius)}.variant-1 .hint-text{color:#92400e;font-weight:500}.variant-1 .centered-editors{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:600px}.variant-1 .goal-preview{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--border-radius)}.variant-1 .goal-label{font-size:.75rem;font-weight:600;color:#059669;text-transform:uppercase}.variant-1 .editor-content.mini{font-size:.875rem;padding:.5rem}.variant-2.terminal-style{background:#0d1117}.variant-2 .game-body.terminal{flex-direction:column;font-family:var(--font-mono)}.variant-2 .terminal-prompt{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#161b22;border-radius:var(--border-radius);margin-bottom:.5rem}.variant-2 .prompt-symbol{color:#3fb950;font-weight:700}.variant-2 .prompt-text{color:#c9d1d9}.variant-2 .highlight{color:#58a6ff;font-weight:700}.variant-2 .terminal-instruction{padding:.5rem 1rem;margin-bottom:1rem}.variant-2 .comment{color:#8b949e;font-style:italic}.variant-2 .terminal-editors{flex:1;display:flex;gap:1rem}.variant-2 .terminal-panel{flex:1;background:#0d1117;border:1px solid #30363d;border-radius:var(--border-radius);overflow:hidden}.variant-2 .terminal-header{padding:.5rem 1rem;background:#161b22;color:#8b949e;font-size:.75rem;text-align:center;border-bottom:1px solid #30363d}.variant-2 .terminal-panel .editor-content{color:#c9d1d9}.variant-2 .terminal-status{padding:.5rem 1rem;background:#161b22;color:#3fb950;font-size:.75rem;text-align:center;border-top:1px solid #30363d}.variant-3 .game-body.cards{flex-direction:column;gap:1rem}.variant-3 .card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}.variant-3 .instruction-card{display:flex;align-items:center;gap:1rem}.variant-3 .card-icon{font-size:2rem}.variant-3 .card-title{font-size:1.25rem;font-weight:700;color:#059669}.variant-3 .card-body{color:var(--text-secondary)}.variant-3 .card-row{display:flex;gap:1rem;flex:1}.variant-3 .editor-card{flex:1;display:flex;flex-direction:column}.variant-3 .card-header{margin-bottom:.75rem}.variant-3 .card-tag{font-size:.625rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;background:#3b82f6;color:#fff;border-radius:4px}.variant-3 .card-tag.success{background:#10b981}.variant-3 .card-footer{margin-top:auto;padding-top:.75rem}.variant-3 .hint-card{padding:.75rem}.variant-3 .keyboard-mini{transform:scale(.85);transform-origin:center}.variant-4 .game-body.split{display:flex}.variant-4 .split-left{width:35%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--border-radius-xl);padding:2rem}.variant-4 .big-instruction{text-align:center}.variant-4 .command-showcase{margin-bottom:1.5rem}.variant-4 .showcase-key{font-family:var(--font-mono);font-size:5rem;font-weight:800;color:#059669;text-shadow:0 4px 12px rgba(5,150,105,.2)}.variant-4 .showcase-text{font-size:1rem;color:#065f46;margin-bottom:1.5rem;line-height:1.5}.variant-4 .mini-keyboard{transform:scale(.8)}.variant-4 .split-right{flex:1;display:flex;padding-left:1rem}.variant-4 .stacked-editors{flex:1;display:flex;flex-direction:column;gap:1rem}.variant-5 .game-body.overlay-style{flex-direction:column}.variant-5 .main-editor-area{flex:1;position:relative}.variant-5 .editor-panel.full-width{height:100%}.variant-5 .tutorial-overlay{position:absolute;top:1rem;right:1rem;background:#fffffff2;border:2px solid #10b981;border-radius:var(--border-radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow-lg)}.variant-5 .overlay-content{display:flex;align-items:center;gap:1rem}.variant-5 .overlay-key{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:#059669;padding:.5rem 1rem;background:#ecfdf5;border-radius:var(--border-radius)}.variant-5 .overlay-text{font-size:.875rem;color:var(--text-secondary);max-width:200px}.variant-5 .goal-strip{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius);margin-top:1rem}.variant-5 .goal-strip-label{font-size:.75rem;font-weight:600;color:#059669;text-transform:uppercase}.variant-5 .goal-strip-content{flex:1}.variant-5 .goal-strip-content .editor-content{padding:.25rem .5rem;font-size:.875rem}.variant-6 .game-body.gamified{flex-direction:column}.variant-6 .level-progress-bar{position:relative;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;margin-bottom:1rem}.variant-6 .level-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:12px;transition:width .5s ease}.variant-6 .level-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary)}.variant-6 .challenge-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);margin-bottom:1rem}.variant-6 .challenge-icon{font-size:2rem}.variant-6 .challenge-info{flex:1}.variant-6 .challenge-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.variant-6 .challenge-desc{font-size:.875rem;color:var(--text-secondary)}.variant-6 .challenge-reward{text-align:center;padding:.5rem 1rem;background:#fef3c7;border-radius:var(--border-radius)}.variant-6 .reward-label{font-size:.625rem;color:#92400e;text-transform:uppercase;display:block}.variant-6 .reward-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:#d97706}.variant-6 .game-arena{flex:1;display:flex;align-items:center;gap:1.5rem}.variant-6 .arena-panel{flex:1;background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:1rem}.variant-6 .arena-panel.goal{border-color:#10b981}.variant-6 .arena-status{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--bg-tertiary)}.variant-6 .stroke-count{font-family:var(--font-mono);font-size:.875rem;color:#0891b2}.variant-6 .target-badge{font-size:.625rem;font-weight:700;padding:.25rem .5rem;background:#10b981;color:#fff;border-radius:4px}.variant-6 .arena-vs{font-size:1.5rem;font-weight:800;color:var(--text-muted)}.variant-7 .game-body.chat-style{flex-direction:column;background:var(--bg-tertiary);border-radius:var(--border-radius-lg);overflow:hidden}.variant-7 .chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.variant-7 .chat-message{display:flex;gap:.75rem;max-width:80%}.variant-7 .chat-message.tutor{align-self:flex-start}.variant-7 .chat-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;font-size:1.25rem;flex-shrink:0}.variant-7 .chat-bubble{background:var(--bg-secondary);padding:.875rem 1.25rem;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg);box-shadow:var(--shadow-sm)}.variant-7 .chat-bubble p{margin:0}.variant-7 .chat-bubble strong{color:#059669;font-family:var(--font-mono)}.variant-7 .chat-detail{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem!important}.variant-7 .bubble-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.variant-7 .editor-bubble .editor-content,.variant-7 .goal-bubble .editor-content{padding:.5rem;background:var(--bg-tertiary);border-radius:var(--border-radius)}.variant-7 .chat-input-area{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--bg-highlight)}.variant-7 .typing-prompt{color:var(--text-muted);font-style:italic}.variant-8.zen{background:#fefefe}.variant-8 .game-body.zen-body{flex-direction:column;align-items:center;justify-content:center;padding:3rem}.variant-8 .zen-center{text-align:center;margin-bottom:3rem}.variant-8 .zen-key{font-family:var(--font-mono);font-size:6rem;font-weight:200;color:#374151;letter-spacing:.1em}.variant-8 .zen-instruction{font-size:1.125rem;color:#6b7280;font-weight:300}.variant-8 .zen-workspace{display:flex;align-items:center;gap:3rem}.variant-8 .zen-editor,.variant-8 .zen-goal{min-width:300px;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d}.variant-8 .zen-arrow{font-size:2rem;color:#d1d5db}.variant-8 .zen-status{margin-top:2rem}.variant-9 .game-body.side-info{display:flex}.variant-9 .info-sidebar{width:280px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.variant-9 .sidebar-section{padding-bottom:1rem;border-bottom:1px solid var(--bg-tertiary)}.variant-9 .sidebar-section:last-child{border-bottom:none;padding-bottom:0}.variant-9 .command-section{text-align:center;padding:1rem;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-radius:var(--border-radius);border:none}.variant-9 .command-key{font-family:var(--font-mono);font-size:3rem;font-weight:700;color:#059669}.variant-9 .command-name{font-size:.875rem;color:#065f46;margin-top:.5rem}.variant-9 .section-title{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.variant-9 .sidebar-section p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.variant-9 .progress-text{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.5rem}.variant-9 .main-workspace{flex:1;padding-left:1.25rem}.variant-9 .workspace-editors{display:flex;gap:1rem;height:100%}.variant-9 .workspace-editors .editor-panel{flex:1}.variant-10.newspaper .newspaper-layout{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:#faf9f6;font-family:Georgia,Times New Roman,serif}.newspaper-headline{text-align:center;border-bottom:3px double #333;padding-bottom:1rem}.newspaper-headline .edition{font-size:.75rem;text-transform:uppercase;letter-spacing:3px;color:#666}.newspaper-headline .headline-text{font-size:2rem;font-weight:700;margin:.5rem 0;font-family:Georgia,serif}.newspaper-headline .byline{font-style:italic;color:#555}.newspaper-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.newspaper-columns .column{padding:0 1rem;border-right:1px solid #ddd}.newspaper-columns .column:last-child{border-right:none}.newspaper-columns .column-title{font-size:.875rem;text-transform:uppercase;border-bottom:2px solid #333;margin-bottom:.75rem;padding-bottom:.25rem}.newspaper-columns .article-text{font-size:.875rem;line-height:1.7;margin-bottom:.75rem;text-align:justify}.newspaper-editor{font-family:var(--font-mono);background:#fff;border:1px solid #ccc;padding:.75rem}.newspaper-footer{text-align:center;padding-top:1rem;border-top:1px solid #ddd}.variant-11.bulletin .bulletin-board{display:flex;flex-wrap:wrap;gap:1.5rem;padding:2rem;background:#8b7355;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23775c43' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");justify-content:center;align-items:flex-start;min-height:400px;position:relative}.sticky-note{width:200px;min-height:150px;padding:2rem 1.25rem 1.25rem;position:relative;box-shadow:2px 3px 8px #0000004d}.sticky-note.yellow{background:#fff740}.sticky-note.pink{background:#ff7eb9}.sticky-note.blue{background:#7afcff}.sticky-note.green{background:#98fb98}.sticky-note.tilted-left{transform:rotate(-3deg)}.sticky-note.tilted-right{transform:rotate(3deg)}.sticky-note .pin{position:absolute;top:8px;left:50%;transform:translate(-50%);width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#ff6b6b,#c33);border-radius:50%;box-shadow:0 2px 4px #0006}.sticky-note .note-content{font-family:Comic Sans MS,cursive,sans-serif;font-size:.875rem;color:#333}.sticky-note .big-key{font-size:2.5rem;font-weight:700;text-align:center;margin:.5rem 0;font-family:var(--font-mono)}.bulletin-board .mode-badge.floating{position:absolute;bottom:1rem;right:1rem}.variant-12.hud{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#0f8}.variant-12.hud .game-header{background:#00ff881a;border-bottom:1px solid rgba(0,255,136,.3)}.hud-layout{display:flex;flex-direction:column;gap:1rem;padding:1rem}.hud-top-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:4px}.hud-item{display:flex;align-items:center;gap:.75rem}.hud-label{font-size:.625rem;letter-spacing:2px;opacity:.7}.bar-container{width:120px;height:8px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#0f8,#0cf);transition:width .3s ease}.bar-text{font-size:.75rem;font-family:var(--font-mono)}.ability-key{font-size:1.5rem;font-weight:700;padding:.25rem .5rem;background:#0f83;border:1px solid #00ff88;border-radius:4px;font-family:var(--font-mono)}.ability-name{font-size:.75rem;opacity:.8}.hud-main{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;flex:1}.hud-panel{background:#00000080;border:1px solid rgba(0,255,136,.3);padding:1rem;border-radius:4px}.hud-panel .panel-title{font-size:.625rem;letter-spacing:2px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,136,.2)}.hud-editor{font-family:var(--font-mono);color:#0f8;background:transparent}.hud-center{display:flex;align-items:center;justify-content:center}.objective-marker{text-align:center;padding:1rem}.marker-icon{font-size:2rem;color:#ff6b00;animation:pulse 2s infinite}.marker-text{font-size:.75rem;max-width:150px;margin-top:.5rem;opacity:.8}.hud-bottom{display:flex;justify-content:center}.hud-mode .mode-badge{border-color:#00ff8880}.variant-13.notebook .notebook-layout{display:flex;justify-content:center;padding:2rem;background:#f0e6d3}.notebook-page{background:#fff;width:100%;max-width:700px;min-height:450px;padding:0;box-shadow:0 4px 20px #00000026;display:flex;position:relative}.margin-line{width:60px;background:#ffecec;border-right:2px solid #ff9999}.page-content{flex:1;padding:1.5rem 2rem;background-image:repeating-linear-gradient(transparent,transparent 27px,#e0e0e0 28px);line-height:28px}.notebook-title{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;font-family:Comic Sans MS,cursive}.notebook-line{margin-bottom:.5rem;color:#34495e}.highlight-marker{background:linear-gradient(180deg,transparent 60%,#fff740 60%);padding:0 4px}.notebook-divider{text-align:center;color:#999;margin:1.5rem 0}.notebook-section{margin-bottom:1rem}.notebook-section .section-label{font-style:italic;color:#666;margin-bottom:.25rem}.notebook-text{font-family:var(--font-mono);background:#fff74033;padding:.5rem;border-left:3px solid #ff9999}.notebook-text.goal{background:#98fb9833;border-left-color:#3fb950}.notebook-footer{margin-top:1.5rem;padding-top:1rem}.variant-14.blueprint{background:#1e4b6e;color:#fff}.variant-14.blueprint .game-header{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.blueprint-layout{padding:1.5rem}.blueprint-grid{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;padding:1.5rem;border:2px solid rgba(255,255,255,.2)}.blueprint-title-block{border:2px solid rgba(255,255,255,.3);padding:1rem;margin-bottom:1.5rem;text-align:center}.blueprint-title-block .title-text{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:3px}.blueprint-title-block .subtitle-text{font-size:.875rem;opacity:.8;margin-top:.25rem}.blueprint-main{display:flex;align-items:center;gap:1rem;justify-content:center}.spec-box{border:2px solid rgba(255,255,255,.5);padding:1rem;min-width:200px;position:relative}.spec-label{position:absolute;top:-10px;left:10px;background:#1e4b6e;padding:0 8px;font-size:.625rem;letter-spacing:2px}.blueprint-editor{font-family:var(--font-mono);color:#fff;background:transparent}.dimension-line{height:2px;background:#ffffff4d;margin-top:.75rem;position:relative}.dimension-line:before,.dimension-line:after{content:"";position:absolute;top:-4px;width:2px;height:10px;background:#ffffff4d}.dimension-line:before{left:0}.dimension-line:after{right:0}.arrow-block{text-align:center;padding:1rem}.arrow-line{font-family:var(--font-mono);font-size:1.25rem;opacity:.7}.operation-label{font-size:.625rem;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;opacity:.7}.blueprint-notes{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.2)}.note-item{font-size:.75rem;font-style:italic;opacity:.8}.variant-15.recipe .recipe-layout{display:flex;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f0e8,#ede4d8)}.recipe-card{background:#fff;max-width:500px;width:100%;border-radius:8px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.recipe-header{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:1.5rem;text-align:center}.recipe-category{font-size:.625rem;letter-spacing:3px;opacity:.9}.recipe-title{font-size:1.5rem;margin-top:.5rem}.recipe-meta{display:flex;border-bottom:1px solid #eee}.recipe-meta .meta-item{flex:1;padding:1rem;text-align:center;border-right:1px solid #eee}.recipe-meta .meta-item:last-child{border-right:none}.meta-label{font-size:.625rem;text-transform:uppercase;letter-spacing:1px;color:#999;display:block}.meta-value{font-size:1rem;font-weight:700;color:#333}.recipe-ingredients,.recipe-steps{padding:1.5rem}.recipe-ingredients h3,.recipe-steps h3{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:#e74c3c;margin-bottom:1rem}.ingredient-key{font-size:3rem;font-weight:700;text-align:center;color:#2c3e50;font-family:var(--font-mono);margin:1rem 0}.ingredient-desc{text-align:center;color:#666;font-style:italic}.recipe-steps .step{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.step-num{font-weight:700;color:#e74c3c}.recipe-steps .editor-content.inline{display:inline;font-family:var(--font-mono);background:#f5f5f5;padding:2px 6px;border-radius:4px}.recipe-footer{padding:1rem 1.5rem;background:#f9f9f9;text-align:center}.variant-16.flashcard .flashcard-layout{display:flex;gap:2rem;padding:2rem;align-items:center;justify-content:center}.flashcard-container{perspective:1000px}.flashcard{width:200px;height:280px;background:linear-gradient(145deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea4d;display:flex;flex-direction:column;color:#fff;padding:1.5rem}.card-top{text-align:center}.card-category{font-size:.625rem;letter-spacing:2px;opacity:.8}.card-main{flex:1;display:flex;align-items:center;justify-content:center}.big-letter{font-size:5rem;font-weight:700;font-family:var(--font-mono);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.card-bottom{text-align:center;font-size:.875rem;opacity:.9}.study-area{flex:1;max-width:400px}.study-prompt{font-size:1.125rem;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.study-editors{display:flex;align-items:center;gap:1rem}.study-box{flex:1;background:var(--bg-secondary);border-radius:8px;padding:1rem;box-shadow:var(--shadow-md)}.study-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;display:block}.study-arrow{font-size:1.5rem;color:var(--text-muted)}.variant-17.dashboard .dashboard-layout{padding:1.5rem;background:var(--bg-tertiary)}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dash-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.dash-card.wide-card{grid-column:span 3}.dash-card.editor-card{grid-column:span 1}.dash-grid>.dash-card:nth-child(5){grid-column:1 / 2}.dash-grid>.dash-card:nth-child(6){grid-column:2 / 4}.dash-card .card-title{font-size:.625rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.75rem}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.metric-label{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.objective-text{color:var(--text-secondary);line-height:1.6}.variant-17 .editor-card{position:relative;min-height:120px}.variant-17 .editor-card .editor-content{background:var(--bg-tertiary);border-radius:8px;padding:1rem;font-family:var(--font-mono);font-size:.9rem;min-height:80px}.variant-17 .editor-card .mode-badge{position:absolute;top:.75rem;right:.75rem;font-size:.625rem;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.variant-18.comic .comic-layout{padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.5rem}.comic-panel{border:3px solid #000;background:#fff;padding:1rem;position:relative}.title-panel{text-align:center;background:linear-gradient(135deg,#ffeb3b,#ff9800);display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem}.comic-burst{background:#ff4757;color:#fff;padding:1rem 1.5rem;transform:rotate(-5deg);clip-path:polygon(0% 20%,10% 0%,30% 15%,50% 0%,70% 15%,90% 0%,100% 20%,85% 40%,100% 60%,90% 100%,70% 85%,50% 100%,30% 85%,10% 100%,0% 60%,15% 40%)}.burst-text{font-size:2rem;font-weight:700;font-family:Comic Sans MS,cursive;text-shadow:2px 2px 0 #000}.panel-text{font-size:1.25rem;font-weight:700;font-family:Comic Sans MS,cursive}.comic-row{display:flex;gap:.5rem}.comic-row .comic-panel{flex:1}.speech-bubble{background:#fff;border:2px solid #000;border-radius:20px;padding:1rem;position:relative;font-family:Comic Sans MS,cursive}.speech-bubble:after{content:"";position:absolute;bottom:-15px;left:30px;border-width:15px 10px 0;border-style:solid;border-color:#000 transparent transparent}.action-panel{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a8e6cf,#88d8b0)}.action-text{font-family:Comic Sans MS,cursive;font-weight:700;text-align:center}.before-panel,.after-panel{position:relative}.before-panel{background:#ffe6e6}.after-panel{background:#e6ffe6}.panel-label{position:absolute;top:.5rem;left:.5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-family:Comic Sans MS,cursive}.comic-editor{font-family:var(--font-mono);margin-top:1.5rem}.comic-footer{text-align:center;padding:.5rem}.variant-19.minimal-cards .cards-layout{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;max-width:800px;margin:0 auto}.variant-19 .card-row{display:flex;gap:1rem;justify-content:center}.variant-19 .info-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md);text-align:center;flex:1;max-width:300px}.variant-19 .card-icon{font-size:2.5rem;font-weight:700;color:var(--accent-blue);margin-bottom:.5rem;font-family:var(--font-mono)}.variant-19 .key-card .card-icon{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.variant-19 .card-text{color:var(--text-secondary);font-size:.875rem}.variant-19 .main-row{align-items:center}.variant-19 .editor-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md);flex:1}.variant-19 .card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.75rem}.variant-19 .card-arrow{font-size:2rem;color:var(--text-muted);padding:0 1rem}.variant-19 .cards-footer{display:flex;justify-content:center;align-items:center;gap:2rem}.variant-19 .level-indicator{font-size:.875rem;color:var(--text-muted);font-family:var(--font-mono)}.variant-20.typewriter .typewriter-layout{display:flex;justify-content:center;padding:2rem;background:#f4f1ea}.typewriter-paper{background:#fffef9;max-width:650px;width:100%;padding:3rem;box-shadow:0 2px 20px #0000001a;font-family:Courier New,Courier,monospace}.paper-header{text-align:center;margin-bottom:2rem}.paper-header .chapter{font-size:.75rem;text-transform:uppercase;letter-spacing:4px;color:#888}.typewriter-title{font-size:1.5rem;margin-top:.5rem;text-transform:uppercase;letter-spacing:2px}.typewriter-intro{margin-bottom:1.5rem}.typed-text{margin-bottom:.75rem;line-height:1.8}.highlight-key{background:#ffeb3b;padding:2px 8px;font-weight:700;border-radius:2px}.typewriter-divider{text-align:center;color:#999;margin:1.5rem 0;letter-spacing:8px}.manuscript-section{margin-bottom:1.5rem}.section-marker{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:#666;margin-bottom:.5rem}.manuscript{background:#f9f9f9;padding:1rem;border-left:3px solid #333}.manuscript.goal{border-left-color:var(--accent-green)}.typewriter-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #ddd}.page-num{font-size:.75rem;color:#888}.variant-21.chalkboard{background:#2a2a2a}.variant-21.chalkboard .game-header{background:#ffffff1a}.chalkboard-layout{display:flex;justify-content:center;padding:1.5rem}.chalk-board{background:#2d5a3d;width:100%;max-width:800px;padding:2rem;border:12px solid #5c4033;border-radius:4px;box-shadow:inset 0 0 50px #0000004d;color:#fff;font-family:Comic Sans MS,cursive}.board-header{display:flex;justify-content:space-between;margin-bottom:1.5rem;opacity:.8;font-size:.875rem}.chalk-title{font-size:1.75rem;text-align:center;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.chalk-intro{margin-bottom:.75rem;font-size:1rem}.chalk-bullet{color:#ffeb3b}.chalk-highlight{background:#ffeb3b4d;padding:2px 8px;border-radius:4px;font-weight:700}.chalk-divider{height:2px;background:#fff3;margin:1.5rem 0}.chalk-examples{display:flex;align-items:center;gap:1.5rem}.chalk-example{flex:1}.chalk-example .example-label{font-size:.75rem;opacity:.8;margin-bottom:.5rem}.chalk-text{background:#0003;padding:1rem;border-radius:4px;font-family:var(--font-mono);color:#fff}.chalk-arrow{font-size:1.5rem;opacity:.6}.chalk-tray{margin-top:1.5rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.1)}.variant-22.arcade{background:#000}.variant-22.arcade .game-header{background:#ff008033;border-bottom:2px solid #ff0080}.arcade-layout{display:flex;justify-content:center;padding:1rem}.arcade-screen{background:#111;width:100%;max-width:700px;border:4px solid #333;border-radius:8px;overflow:hidden;position:relative}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10}.arcade-header{display:flex;justify-content:space-between;padding:1rem;background:#222;color:#ff0080;font-family:"Press Start 2P",var(--font-mono);font-size:.75rem}.arcade-title{color:#0ff}.arcade-intro{text-align:center;padding:1.5rem;background:linear-gradient(180deg,#111,#1a1a2e)}.blink-text{color:#ffeb3b;font-size:.875rem;font-family:var(--font-mono);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.power-up{margin-top:1rem}.power-key{display:inline-block;font-size:2rem;color:#0f0;background:#00ff001a;padding:.5rem 1rem;border:2px solid #00ff00;font-family:var(--font-mono);animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #0f0,0 0 10px #0f0}to{box-shadow:0 0 20px #0f0,0 0 30px #0f0}}.power-name{display:block;color:#888;font-size:.75rem;margin-top:.5rem}.arcade-main{display:flex;gap:1rem;padding:1rem}.game-zone{flex:1;background:#00000080;border:2px solid #444;padding:1rem}.game-zone .zone-label{font-size:.625rem;color:#888;margin-bottom:.5rem;letter-spacing:2px}.arcade-editor{color:#0f0;font-family:var(--font-mono)}.right-zone .arcade-editor{color:#0ff}.arcade-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#222}.level-display{color:#ff0080;font-family:var(--font-mono);font-size:.75rem}.variant-23.music-player{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.variant-23.music-player .game-header{background:#ffffff0d}.player-layout{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.album-art{width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 40px #667eea66}.art-key{font-size:3rem;font-weight:700;color:#fff;font-family:var(--font-mono)}.track-info{text-align:center}.now-playing{font-size:.625rem;letter-spacing:2px;color:var(--accent-green)}.track-title{font-size:1.5rem;font-weight:700;margin:.25rem 0}.track-artist{color:#888;font-size:.875rem}.lyrics-section{text-align:center;max-width:400px}.lyrics-line{margin-bottom:.5rem}.lyrics-line.faded{color:#666;font-size:.875rem}.lyrics-line.active{color:#fff;font-weight:700}.player-editors{display:flex;gap:1rem;width:100%;max-width:500px}.editor-track{flex:1;background:#ffffff0d;border-radius:8px;padding:1rem}.track-label{display:block;font-size:.625rem;color:#888;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.player-controls{width:100%;max-width:500px;display:flex;flex-direction:column;gap:.75rem;align-items:center}.progress-track{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-played{height:100%;background:var(--accent-green);transition:width .3s ease}.variant-24.ios-app .ios-layout{padding:1rem;background:var(--bg-tertiary)}.ios-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;margin-bottom:.75rem}.ios-card-header{display:flex;align-items:center;padding:1rem;gap:1rem}.ios-icon{font-size:2rem}.ios-card-title h3{font-size:1rem;font-weight:600;margin:0}.ios-subtitle{font-size:.75rem;color:var(--text-muted)}.ios-chevron{margin-left:auto;color:var(--text-muted);font-size:1.25rem}.ios-section{margin-bottom:1.5rem}.ios-section-header{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 1rem .5rem}.ios-row{display:flex;align-items:center;gap:1rem;padding:1rem}.ios-key-badge{background:var(--accent-blue);color:#fff;padding:.5rem .75rem;border-radius:8px;font-weight:700;font-family:var(--font-mono)}.ios-row-text{flex:1;font-size:.875rem;color:var(--text-secondary)}.ios-editor-row{padding:1rem}.ios-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.ios-divider{height:1px;background:var(--bg-tertiary);margin:0 1rem}.ios-editor{font-family:var(--font-mono);font-size:.875rem}.ios-footer{text-align:center;padding:1rem}.variant-25.terminal-pro{background:#1e1e1e;color:#d4d4d4}.variant-25.terminal-pro .game-header{background:#333}.terminal-pro-layout{padding:1rem}.terminal-window{background:#1e1e1e;border-radius:8px;overflow:hidden;border:1px solid #444}.terminal-titlebar{background:#333;padding:.5rem 1rem;display:flex;align-items:center}.terminal-buttons{display:flex;gap:6px}.terminal-buttons .btn{width:12px;height:12px;border-radius:50%}.btn.red{background:#ff5f56}.btn.yellow{background:#ffbd2e}.btn.green{background:#27ca40}.terminal-title{flex:1;text-align:center;font-size:.75rem;color:#888}.terminal-body{padding:1rem;font-family:var(--font-mono);font-size:.875rem}.terminal-line{margin-bottom:.5rem}.terminal-line .prompt{color:var(--accent-green)}.terminal-line .command{color:#fff}.terminal-line.output{color:#888}.terminal-line .info{color:var(--accent-blue)}.terminal-line .success{color:var(--accent-green)}.terminal-line .highlight{color:#ffeb3b;font-weight:700}.terminal-divider{color:#444;margin:1rem 0}.terminal-editor{background:#0000004d;padding:.75rem;margin:.5rem 0;border-radius:4px}.terminal-editor.goal{border-left:2px solid var(--accent-green)}.cursor-blink{animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-status{padding:1rem;text-align:center}.variant-26.polaroid .polaroid-layout{padding:2rem;background:#f5f5f5}.photo-wall{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.polaroid-frame{background:#fff;padding:.75rem .75rem 2.5rem;box-shadow:0 4px 15px #00000026}.polaroid-frame.tilted-left{transform:rotate(-4deg)}.polaroid-frame.tilted-right{transform:rotate(4deg)}.photo-content{width:150px;height:150px;background:#eee;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-content.key-photo{background:linear-gradient(135deg,#667eea,#764ba2)}.photo-key{font-size:4rem;font-weight:700;color:#fff;font-family:var(--font-mono)}.photo-content.text-photo{background:#fafafa;align-items:flex-start;padding:.5rem}.photo-caption{text-align:center;font-family:Comic Sans MS,cursive;font-size:.875rem;color:#333;margin-top:.75rem}.album-note{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;margin:0 auto}.note-icon{font-size:1.5rem}.note-text{color:var(--text-secondary);font-size:.875rem}.polaroid-footer{text-align:center;margin-top:1.5rem}.variant-27.magazine .magazine-layout{padding:1.5rem;background:#fff}.magazine-spread{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;max-width:900px;margin:0 auto}.mag-feature{margin-bottom:2rem}.mag-kicker{font-size:.625rem;letter-spacing:3px;color:var(--accent-red);text-transform:uppercase}.mag-headline{font-size:2.5rem;font-weight:700;line-height:1.1;margin:.5rem 0;font-family:Georgia,serif}.mag-deck{font-size:1.125rem;color:var(--text-secondary);line-height:1.6}.mag-pullquote{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-left:4px solid var(--accent-red)}.quote-mark{font-size:3rem;font-family:Georgia,serif;color:var(--accent-red);line-height:1}.quote-key{font-size:2rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-blue)}.quote-text{font-style:italic;color:var(--text-secondary)}.mag-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-item{background:var(--bg-tertiary);padding:1rem;border-radius:4px}.sidebar-item .item-label{font-size:.625rem;letter-spacing:2px;color:var(--text-muted);margin-bottom:.75rem;display:block}.mag-code{font-family:var(--font-mono);font-size:.875rem}.mag-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--bg-tertiary)}.page-indicator{font-size:.75rem;color:var(--text-muted)}.variant-28.diff-view .diff-layout{padding:1rem;background:#1e1e1e;color:#d4d4d4}.variant-28.diff-view .game-header{background:#252526}.diff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.diff-intro{display:flex;align-items:center;gap:1rem}.diff-badge{background:var(--accent-blue);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.625rem;letter-spacing:1px}.diff-title{font-weight:700}.diff-key-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.key-label{color:#888}.diff-key{background:#ffeb3b;color:#000;padding:.25rem .5rem;border-radius:4px;font-weight:700;font-family:var(--font-mono)}.key-desc{color:#888;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff-pane{background:#252526;border-radius:4px;overflow:hidden}.pane-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#333;font-size:.875rem}.diff-pane.removed .pane-header{border-left:3px solid var(--accent-red)}.diff-pane.added .pane-header{border-left:3px solid var(--accent-green)}.file-icon{font-weight:700}.diff-pane.removed .file-icon{color:var(--accent-red)}.diff-pane.added .file-icon{color:var(--accent-green)}.diff-content{display:flex;padding:.5rem 0}.line-numbers{display:flex;flex-direction:column;padding:0 .75rem;color:#666;font-size:.75rem;font-family:var(--font-mono);border-right:1px solid #444;-webkit-user-select:none;user-select:none}.diff-code{flex:1;padding:0 1rem;font-family:var(--font-mono);font-size:.875rem}.diff-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid #333}.diff-stats{font-size:.75rem;color:#888}.variant-29.kanban .kanban-layout{padding:1rem;background:#f4f5f7}.kanban-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.board-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.board-tag{background:var(--accent-purple);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kanban-column{background:#ebecf0;border-radius:8px;padding:.75rem;min-height:200px}.column-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.column-dot{width:8px;height:8px;border-radius:50%}.column-dot.learn{background:var(--accent-purple)}.column-dot.doing{background:var(--accent-blue)}.column-dot.done{background:var(--accent-green)}.column-title{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.kanban-card{background:#fff;border-radius:4px;padding:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:.5rem}.kanban-card .card-key{font-size:2rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-purple);margin-bottom:.5rem}.kanban-card .card-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.card-tags{display:flex;gap:.25rem}.card-tags .tag{background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px;font-size:.625rem;color:var(--text-muted)}.kanban-card .card-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.kanban-footer{margin-top:1rem;text-align:center}.variant-30.space{background:#0a0a1a;color:#fff;position:relative;overflow:hidden}.variant-30.space .game-header{background:#ffffff0d;border-bottom:1px solid rgba(100,200,255,.2)}.space-layout{position:relative;padding:1.5rem}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,#fff,transparent),radial-gradient(1px 1px at 230px 80px,#fff,transparent),radial-gradient(2px 2px at 300px 150px,#fff,transparent);background-size:350px 200px;animation:twinkle 5s ease-in-out infinite;opacity:.6}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:.3}}.space-station{position:relative;z-index:1;max-width:700px;margin:0 auto;background:#141e32cc;border:1px solid rgba(100,200,255,.3);border-radius:8px;padding:1.5rem}.station-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.mission-badge{background:#64c8ff33;border:1px solid rgba(100,200,255,.5);padding:.25rem .75rem;border-radius:4px;font-size:.625rem;letter-spacing:2px;color:#64c8ff}.mission-name{font-size:1.25rem;font-weight:700}.transmission{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#0000004d;border-radius:4px;border-left:3px solid #64c8ff}.signal-icon{color:#64c8ff;animation:pulse 2s infinite}.trans-line{margin-bottom:.5rem;font-size:.875rem}.trans-line:first-child{color:#888}.trans-line.highlight{color:#64c8ff}.command-highlight{color:#ffeb3b;font-weight:700;font-family:var(--font-mono)}.space-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.space-panel{background:#0000004d;border:1px solid rgba(100,200,255,.2);border-radius:4px;padding:1rem}.space-panel .panel-header{font-size:.625rem;letter-spacing:2px;color:#64c8ff;margin-bottom:.75rem}.space-code{font-family:var(--font-mono);color:#0f0}.target-panel .space-code{color:#64c8ff}.space-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(100,200,255,.2)}.coordinates{font-size:.75rem;color:#888;font-family:var(--font-mono)}.variant-31.vintage-book .book-layout{padding:2rem;background:#f5f0e0;display:flex;justify-content:center}.book-page{background:#fffef5;max-width:600px;width:100%;padding:2.5rem;box-shadow:0 4px 20px #00000026;position:relative;font-family:Georgia,serif}.page-ornament{text-align:center;font-size:1.5rem;color:#8b4513;margin-bottom:1rem}.page-ornament.bottom{margin-top:2rem;margin-bottom:0}.chapter-heading{text-align:center;margin-bottom:2rem}.chapter-num{font-size:.75rem;text-transform:uppercase;letter-spacing:3px;color:#8b4513}.chapter-title{font-size:1.75rem;margin-top:.5rem;color:#2c1810}.book-intro{margin-bottom:1.5rem;line-height:1.8}.dropcap{float:left;font-size:4rem;line-height:.8;padding-right:.5rem;color:#8b4513;font-weight:700;font-family:Georgia,serif}.intro-text{margin:0}.book-section{margin-bottom:1.5rem}.section-title{font-size:1rem;color:#8b4513;margin-bottom:.5rem;font-style:italic}.book-text{line-height:1.8;color:#333}.book-examples{display:flex;flex-direction:column;gap:1rem}.example-block .example-title{font-size:.75rem;color:#666;font-style:italic;margin-bottom:.25rem;display:block}.book-code{background:#f9f6ef;padding:.75rem;border:1px solid #e0d8c8;font-family:var(--font-mono);font-size:.875rem}.page-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.page-number{font-size:.875rem;color:#8b4513;font-style:italic}.variant-32.neon{background:#0a0a0a;color:#fff}.variant-32.neon .game-header{background:linear-gradient(90deg,#ff008033,#0ff3);border-bottom:2px solid;border-image:linear-gradient(90deg,#ff0080,#0ff) 1}.neon-layout{position:relative;padding:2rem}.neon-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,0,128,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,128,.03) 1px,transparent 1px);background-size:50px 50px;perspective:500px}.neon-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.neon-title{text-align:center;margin-bottom:2rem}.neon-text{font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:4px}.neon-text.pink{color:#ff0080;text-shadow:0 0 5px #ff0080,0 0 10px #ff0080,0 0 20px #ff0080,0 0 40px #ff0080}.neon-intro{text-align:center;margin-bottom:2rem}.neon-key-display{margin-bottom:1rem}.neon-key{display:inline-block;font-size:4rem;font-weight:700;font-family:var(--font-mono);color:#0ff;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff;animation:neon-flicker 3s infinite}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff}20%,24%,55%{text-shadow:none}}.neon-desc{color:#888;font-size:.875rem}.neon-boxes{display:flex;align-items:center;gap:1.5rem}.neon-box{flex:1;padding:1.5rem;border-radius:4px}.neon-box.cyan{border:2px solid #00ffff;box-shadow:0 0 10px #00ffff4d,inset 0 0 10px #00ffff1a}.neon-box.pink{border:2px solid #ff0080;box-shadow:0 0 10px #ff00804d,inset 0 0 10px #ff00801a}.neon-box .box-label{font-size:.625rem;letter-spacing:2px;margin-bottom:.75rem;opacity:.8}.neon-editor{font-family:var(--font-mono)}.neon-box.cyan .neon-editor{color:#0ff}.neon-box.pink .neon-editor{color:#ff0080}.neon-arrow{font-size:2rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.neon-footer{text-align:center;margin-top:2rem}.variant-33.zen-jp .zen-jp-layout{padding:2rem;background:#faf8f5}.zen-container{max-width:600px;margin:0 auto}.variant-33 .zen-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.jp-char{font-size:3rem;color:#c41e3a;font-family:serif}.lesson-jp{font-size:.75rem;color:#888;display:block}.variant-33 .zen-title{font-size:1.5rem;color:#2c2c2c;margin:0}.zen-key-section{text-align:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}.enso-circle{width:120px;height:120px;border:3px solid #2c2c2c;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.zen-key-char{font-size:3rem;font-family:var(--font-mono);color:#2c2c2c}.zen-wisdom{color:#666;font-style:italic;max-width:400px;margin:0 auto;line-height:1.6}.zen-practice{display:flex;align-items:center;gap:1rem}.practice-item{flex:1;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d}.practice-label{display:block;font-size:1.5rem;color:#c41e3a;margin-bottom:.75rem;font-family:serif}.zen-text{font-family:var(--font-mono);font-size:.875rem}.zen-flow{font-size:1.5rem;color:#ccc}.variant-33 .zen-footer{text-align:center;margin-top:2rem}.variant-34.construction .construction-layout{padding:1.5rem;background:#2a2a2a}.construction-site{max-width:700px;margin:0 auto;background:#333;border-radius:8px;overflow:hidden}.hazard-stripes{height:20px;background:repeating-linear-gradient(45deg,#fc0,#fc0 20px,#222 20px,#222 40px)}.construction-header{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:#222;color:#fc0}.construction-header h2{font-size:1.25rem;letter-spacing:2px}.construction-icon{font-size:1.5rem}.blueprint-section{background:#1e4b6e;margin:1rem;border-radius:4px;padding:1rem;color:#fff}.blueprint-header{display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed rgba(255,255,255,.2)}.blueprint-title{font-weight:700}.blueprint-id{color:#fff9;font-size:.75rem}.spec-item{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.spec-item .spec-label{font-size:.625rem;letter-spacing:1px;opacity:.7}.spec-item .spec-value{font-size:.875rem}.tool-value{background:#fc03;padding:.25rem .5rem;border-radius:4px;font-weight:700;font-family:var(--font-mono);color:#fc0}.work-zone{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.zone-panel{background:#222;border-radius:4px;padding:1rem}.zone-panel .zone-header{font-size:.625rem;letter-spacing:2px;color:#fc0;margin-bottom:.75rem}.construction-footer{padding:1rem;text-align:center;border-top:1px solid #444}.variant-35.credits{background:#000;color:#fff}.variant-35.credits .game-header{background:transparent}.credits-layout{padding:1.5rem}.credits-container{max-width:600px;margin:0 auto}.credits-scroll{text-align:center}.credit-block{margin-bottom:2rem}.title-block .production{font-size:.625rem;letter-spacing:4px;color:#888}.movie-title{font-size:2.5rem;margin-top:.5rem;font-family:Georgia,serif;letter-spacing:2px}.credit-role{font-size:.625rem;letter-spacing:3px;color:#888;display:block;margin-bottom:.5rem}.credit-name{font-size:1.5rem;display:block}.key-star{font-size:3rem;font-family:var(--font-mono);color:#fc0}.credit-as{font-size:.875rem;color:#888;font-style:italic}.synopsis p{color:#888;font-style:italic;max-width:400px;margin:0 auto;line-height:1.6}.scene-block{text-align:left}.scene-label{display:block;font-size:.75rem;letter-spacing:2px;color:#888;margin-bottom:1rem;text-align:center}.scene-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.scene-panel{background:#ffffff0d;padding:1rem;border-radius:4px}.scene-panel .panel-label{font-size:.625rem;letter-spacing:1px;color:#888;margin-bottom:.5rem;display:block}.credits-footer{margin-top:2rem;text-align:center}.variant-36.weather .weather-layout{padding:2rem;background:linear-gradient(180deg,#4a90d9,#87ceeb);display:flex;justify-content:center}.weather-card{background:#fffffff2;border-radius:20px;padding:2rem;max-width:400px;width:100%;box-shadow:0 10px 40px #0003}.weather-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.location .city{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.location .region{font-size:.75rem;color:var(--text-muted)}.weather-icon{font-size:2rem}.main-temp{text-align:center;margin-bottom:.5rem}.temp-key{font-size:5rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.temp-unit{font-size:1.5rem;color:var(--text-muted);vertical-align:super}.weather-desc{text-align:center;font-size:1.25rem;color:var(--text-secondary);margin-bottom:1rem}.forecast-detail{text-align:center;margin-bottom:1.5rem}.forecast-detail p{font-size:.875rem;color:var(--text-muted)}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.weather-stat{background:var(--bg-tertiary);padding:1rem;border-radius:12px;text-align:center}.stat-icon{font-size:1.5rem;display:block;margin-bottom:.25rem}.stat-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:.5rem}.weather-code{font-family:var(--font-mono);font-size:.75rem;text-align:left}.weather-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--bg-tertiary)}.updated{font-size:.75rem;color:var(--text-muted)}.variant-37.social .social-layout{padding:1.5rem;background:var(--bg-tertiary);display:flex;justify-content:center}.social-post{background:var(--bg-secondary);border-radius:12px;max-width:500px;width:100%;box-shadow:var(--shadow-md);overflow:hidden}.post-header{display:flex;align-items:center;padding:1rem;gap:.75rem}.avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-icon{font-size:1.25rem}.user-info{flex:1}.username{display:block;font-weight:700;font-size:.875rem}.handle{font-size:.75rem;color:var(--text-muted)}.post-menu{color:var(--text-muted)}.post-content{padding:0 1rem}.post-text{margin-bottom:.5rem;line-height:1.5}.hashtag{color:var(--accent-blue);font-weight:700}.post-media{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:1rem 0}.media-card{padding:1rem}.media-card.before{background:#fff3f3}.media-card.after{background:#f3fff3}.media-label{display:block;font-size:.75rem;font-weight:700;margin-bottom:.5rem}.post-actions{display:flex;gap:2rem;padding:1rem;border-top:1px solid var(--bg-tertiary)}.action{font-size:.875rem;color:var(--text-muted);cursor:pointer}.post-footer{padding:0 1rem 1rem}.variant-38.video-player .video-layout{padding:1.5rem;background:#1a1a1a}.video-container{max-width:700px;margin:0 auto;background:#000;border-radius:8px;overflow:hidden}.video-screen{aspect-ratio:16/9;max-height:300px;background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:1rem}.chapter-badge{background:#fff3;padding:.25rem .75rem;border-radius:4px;font-size:.625rem;letter-spacing:2px;margin-bottom:.5rem}.video-title{font-size:1.5rem;margin-bottom:1rem}.play-button{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;cursor:pointer;transition:background .2s}.play-button:hover{background:#ffffff4d}.key-inside{font-size:2rem;font-family:var(--font-mono);font-weight:700}.video-desc{font-size:.875rem;color:#ffffffb3;max-width:400px}.video-transcript{padding:1rem;background:#111}.transcript-section{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.timestamp{font-size:.75rem;color:var(--accent-blue);font-family:var(--font-mono);min-width:40px}.transcript-label{font-size:.75rem;color:#888;min-width:50px}.video-controls{padding:1rem;background:#1a1a1a}.scrubber{height:4px;background:#333;border-radius:2px;overflow:hidden;margin-bottom:.75rem}.scrubber-fill{height:100%;background:var(--accent-red);transition:width .3s ease}.control-row{display:flex;justify-content:space-between;align-items:center}.duration{font-size:.75rem;color:#888;font-family:var(--font-mono)}.variant-39.mindmap .mindmap-layout{padding:2rem;background:var(--bg-tertiary);min-height:400px;display:flex;align-items:center;justify-content:center}.mindmap-container{position:relative;width:100%;max-width:700px}.central-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;border-radius:50%;text-align:center;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #667eea66;z-index:10}.node-key{font-size:2.5rem;font-weight:700;font-family:var(--font-mono)}.node-title{font-size:.75rem;opacity:.9;margin-top:.25rem}.branch-nodes{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8rem;padding:2rem}.branch-node{background:var(--bg-secondary);border-radius:12px;padding:1rem;box-shadow:var(--shadow-md);position:relative}.connector{position:absolute;background:var(--bg-highlight)}.connector.left{width:50px;height:2px;right:-50px;top:50%}.connector.right{width:50px;height:2px;left:-50px;top:50%}.connector.top{width:2px;height:50px;bottom:-50px;left:50%}.connector.bottom{width:2px;height:50px;top:-50px;left:50%}.node-content{text-align:center}.node-icon{font-size:1.5rem;display:block;margin-bottom:.25rem}.node-label{font-size:.625rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);display:block;margin-bottom:.5rem}.node-text{font-size:.75rem;color:var(--text-secondary);margin:0}.node-code{font-family:var(--font-mono);font-size:.75rem;text-align:left}.mindmap-footer{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem}.variant-40.wire .wire-layout{padding:1.5rem;background:#fafafa}.wire-diagram{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}.wire-node{display:flex;align-items:center;position:relative}.wire-node .node-label{font-size:.625rem;font-weight:700;letter-spacing:2px;color:#666;margin-bottom:.5rem}.wire-node .node-box{border:2px dotted #333;padding:1rem;background:#fff;min-width:150px}.wire-connector{width:40px;height:2px;background:repeating-linear-gradient(90deg,#333 0,#333 4px,transparent 4px,transparent 8px)}.process-key{font-size:2rem;font-weight:700;font-family:Courier New,monospace;text-align:center}.process-desc{font-size:.75rem;color:#666;text-align:center;margin-top:.5rem}.wire-code{font-family:Courier New,monospace;font-size:.8rem}.wire-footer{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px dotted #999}.wire-badge{border:1px solid #333;padding:.25rem .75rem;font-size:.625rem;font-weight:700;letter-spacing:1px}.wire-info{font-size:.625rem;letter-spacing:1px;color:#666}.variant-41.sketch .sketch-layout{padding:1.5rem;background:#fff9e6}.sketch-paper{background:#fff;padding:2rem;box-shadow:2px 3px #ddd;border:2px solid #333;position:relative}.sketch-paper:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:#fcc}.sketch-title{font-family:Comic Sans MS,cursive,sans-serif;font-size:1.5rem;margin-bottom:1rem;text-decoration:underline;text-decoration-style:wavy}.sketch-note{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.sketch-marker{font-size:2rem;font-weight:700;color:#ff6b6b;font-family:Comic Sans MS,cursive;background:#ffeb3b;padding:.25rem .5rem;transform:rotate(-3deg);display:inline-block}.sketch-text{font-family:Comic Sans MS,cursive;line-height:1.8}.sketch-boxes{display:flex;align-items:center;gap:1rem;margin-top:1rem}.sketch-box{flex:1;border:3px solid #333;border-radius:0;padding:1rem;background:#f9f9f9;transform:rotate(-1deg)}.sketch-box:last-child{transform:rotate(1deg)}.sketch-label{font-family:Comic Sans MS,cursive;font-size:.875rem;margin-bottom:.5rem}.sketch-arrow{font-size:2rem;color:#666}.sketch-code{font-family:Courier New,monospace;font-size:.875rem}.sketch-footer{margin-top:1rem;text-align:right}.sketch-circle{display:inline-block;border:3px solid #333;border-radius:50%;padding:.5rem 1rem;font-family:Comic Sans MS,cursive;font-weight:700}.variant-42.metro .metro-layout{padding:1rem;background:#1a1a2e}.metro-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.metro-tile{padding:1rem;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.metro-tile.large{grid-column:span 2;grid-row:span 2;padding:1.5rem}.metro-tile.medium{grid-column:span 1}.metro-tile.wide{grid-column:span 2}.accent-blue{background:#0078d4}.accent-green{background:#107c10}.accent-orange{background:#ff8c00}.accent-purple{background:#5c2d91}.accent-dark{background:#2d2d30}.accent-teal{background:teal}.tile-key{font-size:3rem;font-weight:300}.tile-title{font-size:1rem;font-weight:600;margin-top:.5rem}.tile-label{font-size:.625rem;text-transform:uppercase;opacity:.8}.tile-value{font-size:1.5rem;font-weight:300}.tile-text{font-size:.875rem;line-height:1.4;margin:0}.metro-code{font-family:Segoe UI Mono,monospace;font-size:.75rem;margin-top:.5rem;opacity:.9}.variant-43.material .material-layout{padding:1.5rem;background:#fafafa;display:flex;flex-direction:column;gap:1rem}.material-card{background:#fff;border-radius:4px;padding:1rem}.material-card.elevated{box-shadow:0 2px 4px #0000001a,0 4px 8px #0000001a}.material-header{display:flex;align-items:center;gap:1rem}.material-fab{width:56px;height:56px;border-radius:50%;background:#6200ee;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:500;box-shadow:0 3px 5px #0003}.material-title{font-size:1.25rem;font-weight:500;color:#1f1f1f}.material-content{margin-top:1rem}.material-body{color:#5f5f5f;line-height:1.5;margin:0}.material-row{display:flex;gap:1rem}.material-row .material-card{flex:1}.material-subhead{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#6200ee;margin-bottom:.75rem}.material-code{font-family:Roboto Mono,monospace;font-size:.875rem;background:#f5f5f5;padding:.75rem;border-radius:4px}.material-chips{display:flex;gap:.5rem;flex-wrap:wrap}.material-chip{padding:.375rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500;background:#6200ee;color:#fff}.material-chip.outlined{background:transparent;border:1px solid #6200ee;color:#6200ee}.variant-44.ghost .ghost-layout{padding:2rem;background:#fff}.ghost-container{max-width:600px;margin:0 auto}.ghost-hero{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem}.ghost-key{font-size:3rem;font-weight:200;color:#333}.ghost-title{font-size:1.5rem;font-weight:300;color:#666}.ghost-intro{color:#888;line-height:1.6;margin-bottom:2rem;font-weight:300}.ghost-editors{display:flex;gap:2rem;margin-bottom:2rem}.ghost-panel{flex:1}.ghost-label{font-size:.625rem;letter-spacing:3px;color:#aaa;display:block;margin-bottom:.75rem}.ghost-code{border:1px solid #ddd;padding:1rem;font-family:monospace;font-size:.875rem;background:transparent}.ghost-status{display:flex;gap:1rem}.ghost-btn{border:1px solid #333;background:transparent;padding:.5rem 1.5rem;font-size:.75rem;letter-spacing:1px;cursor:pointer;transition:all .2s}.ghost-btn:hover{background:#333;color:#fff}.variant-45.lineart .lineart-layout{padding:1.5rem;background:#fff}.lineart-frame{border:1px solid #000;padding:1.5rem}.lineart-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1rem}.lineart-icon{width:60px;height:60px;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.lineart-text h2{font-size:1.25rem;font-weight:400;margin:0 0 .5rem}.lineart-text p{font-size:.875rem;color:#666;margin:0;line-height:1.5}.lineart-divider{height:1px;background:#000;margin:1rem 0}.lineart-content{display:flex;gap:1.5rem}.lineart-section{flex:1;display:flex;gap:.75rem}.section-marker{width:24px;height:24px;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.lineart-code{flex:1;border:1px solid #ccc;padding:.75rem;font-family:monospace;font-size:.8rem}.lineart-footer{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #000}.lineart-tag{border:1px solid #000;padding:.25rem .75rem;font-size:.625rem;letter-spacing:1px}.variant-46.stickers .stickers-layout{padding:1rem;background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.sticker-board{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:flex-start}.sticker{background:#fff;border:3px solid #333;border-radius:8px;padding:.75rem 1rem;box-shadow:3px 3px #333;transform:rotate(-2deg)}.sticker:nth-child(2n){transform:rotate(2deg)}.sticker:nth-child(3n){transform:rotate(-1deg)}.key-sticker{background:#ffeb3b;display:flex;align-items:center;gap:.5rem}.sticker-emoji{font-size:1.25rem}.sticker-text{font-weight:700;font-size:.875rem}.title-sticker{background:#e3f2fd;font-size:1rem}.info-sticker{background:#fff3e0;max-width:200px;display:flex;gap:.5rem;align-items:flex-start}.info-sticker .sticker-text{font-size:.75rem;font-weight:400}.editor-sticker{background:#f5f5f5;min-width:180px}.editor-sticker.before{background:#ffebee}.editor-sticker.after{background:#e8f5e9}.sticker-label{font-size:.5rem;font-weight:700;letter-spacing:1px;display:block;margin-bottom:.5rem}.sticker-code{font-family:monospace;font-size:.75rem}.mode-sticker{background:#e8eaf6}.score-sticker{background:#fce4ec}.variant-47.badges .badges-layout{padding:1.5rem;background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff}.badge-collection{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.main-badge{width:120px;height:140px;background:linear-gradient(180deg,gold,#ffb700);border-radius:50%/40% 40% 60% 60%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 15px #ffd7004d}.badge-ribbon{position:absolute;top:-10px;background:#e53935;color:#fff;padding:.25rem 1rem;font-size:.5rem;font-weight:700;letter-spacing:1px}.badge-center{font-size:2.5rem;font-weight:700;color:#1a1a2e}.badge-title{font-size:.625rem;text-transform:uppercase;letter-spacing:1px;color:#1a1a2e;text-align:center;padding:0 .5rem}.badge-info{text-align:center;max-width:400px}.badge-info p{color:#aaa;line-height:1.6;margin:0}.badge-editors{display:flex;gap:1rem;width:100%;max-width:500px}.editor-badge{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.badge-header{background:#ffffff1a;padding:.5rem;font-size:.625rem;font-weight:700;letter-spacing:1px;text-align:center}.badge-code{padding:1rem;font-family:monospace;font-size:.8rem}.small-badges{display:flex;gap:.75rem}.small-badge{background:#0d47a1;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:500}.variant-48.tagcloud .tagcloud-layout{padding:1.5rem;background:#f8f9fa}.cloud-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.primary-tag{font-size:3rem;font-weight:700;color:#1976d2}.title-tag{font-size:1.25rem;color:#666}.tag-cluster{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.cloud-tag{background:#e3f2fd;color:#1565c0;padding:.25rem .75rem;border-radius:4px}.cloud-tag.size-lg{font-size:1rem;font-weight:500}.cloud-tag.size-md{font-size:.875rem}.cloud-tag.size-sm{font-size:.75rem;background:#bbdefb}.editor-tags{display:flex;gap:1rem;width:100%;max-width:500px}.editor-tag{flex:1}.tag-label{color:#1976d2;font-size:.75rem;font-weight:500;margin-bottom:.5rem;display:block}.tag-code{background:#fff;border:2px solid #e3f2fd;border-radius:4px;padding:1rem;font-family:monospace;font-size:.8rem}.meta-tags{display:flex;gap:.75rem}.meta-tag{color:#90a4ae;font-size:.75rem}.variant-49.breadcrumb .breadcrumb-layout{padding:1.5rem;background:#fff}.trail-container{max-width:600px;margin:0 auto}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem}.crumb{color:#999}.crumb.active{color:#333;font-weight:600}.crumb-sep{color:#ccc}.trail-content{display:flex;flex-direction:column;gap:1.5rem}.trail-step{display:flex;gap:1rem}.step-num{width:32px;height:32px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h3{font-size:1rem;margin:0 0 .5rem}.step-content p{color:#666;margin:0;line-height:1.5}.step-editors{display:flex;align-items:center;gap:1rem}.trail-code{flex:1;background:#f5f5f5;border-radius:4px;padding:.75rem;font-family:monospace;font-size:.8rem}.step-arrow{font-size:1.25rem;color:#999}.variant-50.brutalist .brutalist-layout{padding:0;background:#f0f0f0}.brutalist-block{background:#fff;border:4px solid #000}.brutalist-header{background:#000;color:#fff;padding:1rem 1.5rem;display:flex;align-items:baseline;gap:1rem}.brutalist-num{font-size:1.5rem;font-weight:900}.brutalist-title{font-size:1rem;font-weight:700;letter-spacing:2px}.brutalist-key{padding:2rem;text-align:center;border-bottom:4px solid #000}.key-block{display:inline-block;font-size:4rem;font-weight:900;background:#ffeb3b;padding:.5rem 2rem;border:4px solid #000}.brutalist-text{padding:1.5rem;font-size:1rem;line-height:1.6;border-bottom:4px solid #000}.brutalist-editors{display:flex}.brutalist-editor{flex:1;border-right:4px solid #000}.brutalist-editor:last-child{border-right:none}.brutalist-editor .editor-label{background:#000;color:#fff;padding:.5rem 1rem;font-size:.75rem;font-weight:700;letter-spacing:2px}.brutalist-code{padding:1rem;font-family:Courier New,monospace;font-size:.875rem;min-height:80px}.brutalist-footer{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:#000;color:#fff}.brutalist-stat{font-size:.75rem;font-weight:700;letter-spacing:1px}.variant-51.newsprint .newsprint-layout{padding:1rem;background:#f5f0e1}.newsprint-page{background:#fffef8;padding:1.5rem;border:1px solid #d4c5a9}.newsprint-masthead{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:2px solid #000;margin-bottom:1rem;font-size:.625rem}.paper-name{font-size:1.5rem;font-weight:900;font-family:Times New Roman,serif;letter-spacing:2px}.newsprint-headline h1{font-family:Times New Roman,serif;font-size:1.75rem;margin:0 0 .25rem;line-height:1.2}.newsprint-headline .subhead{font-style:italic;color:#666;margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid #ccc}.newsprint-columns{display:flex;gap:1.5rem}.column{flex:1}.column-text{font-family:Times New Roman,serif;font-size:.875rem;line-height:1.6;text-align:justify;margin:0 0 1rem}.newsprint-figure{margin-bottom:1rem}.figure-caption{font-size:.625rem;font-style:italic;margin-bottom:.25rem}.newsprint-code{border:1px solid #000;padding:.75rem;font-family:Courier New,monospace;font-size:.75rem;background:#f9f9f5}.newsprint-footer{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #ccc;font-size:.75rem;color:#666}.variant-52.zine .zine-layout{padding:1rem;background:#fff}.zine-page{background:#fffde7;padding:1.5rem;position:relative;overflow:hidden}.zine-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 21px)}.zine-title.cutout{font-size:1.5rem;font-weight:900;background:#000;color:#fff;padding:.5rem 1rem;display:inline-block;transform:rotate(-2deg);margin-bottom:1rem}.zine-key.ransom{font-size:3rem;font-weight:900;display:inline-block;padding:.25rem 1rem;border:4px solid #000;background:#ff6b6b;transform:rotate(3deg);margin:.5rem}.zine-text.scrawl{font-family:Comic Sans MS,cursive;font-size:1rem;line-height:1.8;transform:rotate(-1deg);margin:1rem 0}.zine-boxes{display:flex;gap:1rem;margin:1rem 0}.zine-box{flex:1;border:3px solid #000;padding:.75rem;background:#fff}.zine-box.tilted-left{transform:rotate(-2deg)}.zine-box.tilted-right{transform:rotate(2deg)}.zine-label{font-weight:900;font-size:.875rem;margin-bottom:.5rem;display:block}.zine-code{font-family:Courier New,monospace;font-size:.8rem}.zine-footer{display:flex;gap:1rem;margin-top:1rem}.zine-stamp{border:3px solid #000;padding:.25rem .75rem;font-weight:900;transform:rotate(-5deg)}.zine-scribble{font-family:Comic Sans MS,cursive;font-size:1rem}.variant-53.warning .warning-layout{padding:1rem;background:#1a1a1a}.warning-container{border:4px solid #ffc107;background:#fff}.warning-header{background:#ffc107;padding:1rem;display:flex;align-items:center;gap:1rem}.warning-triangle{font-size:2rem}.warning-title{font-size:1rem;font-weight:900;letter-spacing:1px}.warning-key-zone{display:flex;align-items:center;justify-content:center;padding:1rem;gap:1rem}.hazard-stripes{flex:1;height:20px;background:repeating-linear-gradient(45deg,#000 0,#000 10px,#ffc107 10px,#ffc107 20px)}.warning-key{font-size:3rem;font-weight:900;padding:0 1rem}.warning-notice{padding:1rem;background:#fff3cd;border-top:2px solid #000;border-bottom:2px solid #000}.warning-notice p{margin:0;line-height:1.5}.warning-boxes{display:flex}.warning-box{flex:1;border-right:2px solid #000}.warning-box:last-child{border-right:none}.warning-box .box-header{background:#000;color:#fff;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.warning-code{padding:1rem;font-family:monospace;font-size:.8rem;min-height:60px}.warning-footer{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#ffc107}.warning-badge{background:#000;color:#ffc107;padding:.25rem .75rem;font-weight:700;font-size:.75rem}.warning-stat{font-weight:700;font-size:.75rem}.variant-54.pricetag .pricetag-layout{padding:1.5rem;background:#f5f5f5;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.main-tag{background:#fff;border:2px solid #000;padding:1.5rem;position:relative;max-width:250px}.tag-hole{position:absolute;top:10px;right:10px;width:12px;height:12px;border:2px solid #000;border-radius:50%;background:#f5f5f5}.tag-brand{font-size:.5rem;letter-spacing:3px;color:#999;margin-bottom:.5rem}.tag-item{font-size:1rem;font-weight:600;margin-bottom:.75rem}.tag-price{font-size:2.5rem;font-weight:900;border-top:2px solid #000;border-bottom:2px solid #000;padding:.5rem 0;margin-bottom:.75rem}.tag-desc{font-size:.75rem;color:#666;line-height:1.4}.product-info{display:flex;gap:1rem;width:100%;max-width:500px}.info-tag{flex:1;background:#fff;border:1px solid #ddd;padding:.75rem}.info-label{font-size:.625rem;font-weight:700;letter-spacing:1px;color:#999;display:block;margin-bottom:.5rem}.tag-code{font-family:monospace;font-size:.8rem}.tag-footer{display:flex;gap:2rem}.sku{font-size:.625rem;letter-spacing:1px;color:#666}.variant-55.shipping .shipping-layout{padding:1rem;background:#e0e0e0}.shipping-label{background:#fff;border:2px solid #000;max-width:500px;margin:0 auto}.label-header{padding:.75rem;border-bottom:2px solid #000;display:flex;justify-content:space-between;align-items:center}.barcode{font-family:"Libre Barcode 39",monospace;font-size:1.5rem;letter-spacing:-2px}.tracking{font-family:monospace;font-size:.75rem;font-weight:700}.address-block{padding:1rem;border-bottom:1px dashed #000}.address-label{font-size:.625rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem}.shipping-code{font-family:monospace;font-size:.8rem}.shipping-key{text-align:center;font-size:3rem;font-weight:900;padding:1rem;border-bottom:1px dashed #000}.label-info{padding:.75rem 1rem;background:#f9f9f9;border-bottom:2px solid #000}.label-info p{margin:0;font-size:.75rem;color:#666}.label-footer{display:flex;justify-content:space-between;padding:.75rem 1rem}.label-badge{background:#000;color:#fff;padding:.25rem .75rem;font-size:.625rem;font-weight:700}.weight{font-size:.75rem;font-weight:700}.variant-56.protest .protest-layout{padding:1rem;background:#000}.protest-poster{background:#fff;border:6px solid #e53935}.protest-headline{font-size:1.75rem;font-weight:900;text-align:center;padding:1rem;background:#e53935;color:#fff;letter-spacing:2px}.protest-key{font-size:4rem;font-weight:900;text-align:center;padding:1rem;background:#000;color:#fff}.protest-message{padding:1rem;text-align:center;font-size:1rem;line-height:1.6;border-bottom:4px solid #000}.protest-panels{display:flex}.protest-panel{flex:1;border-right:4px solid #000}.protest-panel:last-child{border-right:none}.protest-panel .panel-header{background:#000;color:#fff;padding:.5rem 1rem;font-weight:900;font-size:.75rem;letter-spacing:1px}.protest-code{padding:1rem;font-family:monospace;font-size:.8rem;min-height:60px}.protest-footer{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#e53935}.protest-badge{background:#fff;color:#e53935;padding:.25rem .75rem;font-weight:900;font-size:.75rem}.protest-count{color:#fff;font-weight:900;font-size:.75rem}.variant-57.carbon .carbon-layout{padding:1.5rem;background:#d4c5a9}.carbon-paper{background:#fff;padding:2rem;box-shadow:2px 2px #0000001a,4px 4px #0000000d;font-family:Courier New,monospace}.carbon-header{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #000;margin-bottom:1.5rem}.carbon-date{font-size:.75rem}.carbon-title{font-size:.875rem;text-transform:uppercase;letter-spacing:2px}.carbon-body{margin-bottom:1.5rem}.carbon-key{font-size:2rem;font-weight:700;margin-bottom:.5rem}.carbon-text{line-height:2;margin:0}.carbon-section{margin-bottom:1.5rem}.carbon-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.carbon-code{border:1px solid #000;padding:1rem;font-size:.875rem;line-height:1.6}.carbon-code.faded{color:#666;border-color:#999}.carbon-footer{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #000}.carbon-stamp{border:2px solid #000;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.carbon-note{font-size:.75rem}.variant-58.redacted .redacted-layout{padding:1rem;background:#2c2c2c}.redacted-doc{background:#fff9e6;padding:1.5rem;font-family:Courier New,monospace;position:relative}.redacted-doc:before{content:"CONFIDENTIAL";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:4rem;font-weight:900;color:#e539351a;pointer-events:none}.doc-header{display:flex;justify-content:space-between;margin-bottom:1rem}.classification{background:#e53935;color:#fff;padding:.25rem .75rem;font-size:.625rem;font-weight:700;letter-spacing:2px}.doc-id{font-size:.75rem;color:#666}.doc-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.redact-bar{flex:1;height:4px;background:#000}.doc-key{margin-bottom:1rem}.key-label{font-size:.625rem;color:#666}.key-value{font-size:1.5rem;font-weight:700;margin-left:.5rem}.doc-content{margin-bottom:1.5rem;line-height:1.8}.doc-content p{margin:0}.doc-sections{display:flex;gap:1rem}.doc-section{flex:1}.section-stamp{background:#1a237e;color:#fff;padding:.25rem .5rem;font-size:.5rem;font-weight:700;letter-spacing:1px;display:inline-block;margin-bottom:.5rem}.redacted-code{border:1px solid #666;padding:.75rem;font-size:.8rem;background:#fffef0}.doc-footer{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #ccc}.clearance{font-size:.625rem;font-weight:700;letter-spacing:1px;color:#e53935}.reference{font-size:.75rem;color:#666}.variant-59.assembly .assembly-layout{padding:1rem;background:#f0f0f0}.assembly-manual{background:#fff;max-width:500px;margin:0 auto}.manual-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:2px solid #000}.manual-logo{font-size:1.25rem;font-weight:900;color:#0051ba}.manual-model{font-size:.75rem;color:#666}.manual-step{font-size:.625rem;font-weight:700;letter-spacing:1px}.assembly-diagram{padding:1.5rem;text-align:center;border-bottom:1px solid #ddd}.diagram-key{display:inline-block}.key-circle{width:80px;height:80px;border:3px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto}.diagram-arrow{font-size:1.5rem;margin-top:.5rem;color:#666}.assembly-text{padding:1rem;border-bottom:1px solid #ddd}.assembly-text p{margin:0;font-size:.875rem;color:#666;line-height:1.5}.assembly-parts{display:flex;align-items:center;padding:1rem;gap:.5rem}.part-box{flex:1;border:2px solid #000;padding:.5rem;position:relative}.part-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 .25rem;font-weight:700;font-size:.75rem}.assembly-code{font-family:monospace;font-size:.8rem;padding:.5rem 0}.part-arrow{font-size:1.25rem;color:#666}.assembly-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9f9f9;border-top:2px solid #000}.tools-needed{display:flex;gap:.5rem}.tool{background:#e0e0e0;padding:.25rem .75rem;font-size:.625rem;font-weight:700}.completion{font-size:.875rem;font-weight:700}@media (max-width: 1200px){.training-panel{width:340px}.key{width:22px;height:24px;font-size:.5625rem}}@media (max-width: 1100px){.training-panel{width:300px}.key{width:20px;height:22px;font-size:.5rem}}@media (max-width: 900px){.editor-container{flex-direction:column}.training-panel{width:100%;order:-1;flex-direction:row;flex-wrap:wrap;gap:1rem}.progress-section,.keyboard-section,.hints-section{flex:1;min-width:200px;border-bottom:none;border-right:1px solid var(--bg-tertiary);padding-bottom:0;padding-right:1rem}.hints-section{border-right:none}.score-display{gap:1.25rem}.score-value{font-size:1.5rem}}@media (max-width: 600px){.main-menu h1{font-size:2.75rem}.scope-indicator{flex-direction:column;gap:1rem;padding:1rem 1.5rem;margin-bottom:2rem}.scope-divider{width:80%;height:1px}.scope-number{font-size:1.5rem}.postit-container{display:none}.game-header{flex-wrap:wrap;gap:1rem}.level-info{flex:1 1 100%}.victory-card{padding:2rem;margin:1rem}.training-panel{flex-direction:column}.progress-section,.keyboard-section,.hints-section{border-right:none;border-bottom:1px solid var(--bg-tertiary);padding-right:0;padding-bottom:1rem}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg-BMa5IoM-.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg-DvphOyYU.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg-BEUPqj-s.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg-DJlYPwri.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPQ-B6W8R_vR.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8-qxjPQ-9KJuWOdP.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8FqtjPQ-BcXjrrhU.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8L6tjPQ-7_278HMF.ttf) format("truetype")}