*{margin:0;padding:0;box-sizing:border-box}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--primary: #4ecdc4;--primary-dark: #3da39c;--secondary: #ff6b6b;--accent: #ffe66d;--background: #f8f9fa;--surface: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--success: #48bb78;--warning: #ed8936;--error: #f56565;--info: #4299e1;--cockpit-green-dark: #00cc6a;--cockpit-dark-space: #0a0a0a;--cockpit-deep-ocean: rgba(0, 20, 40, .85);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--cockpit-green: #00ff88;--cockpit-green-light: #a0ffd0;--cockpit-green-dim: rgba(0, 255, 136, .3);--cockpit-dark: rgba(0, 20, 40, .85);--cockpit-darker: rgba(0, 10, 20, .95);--cockpit-black: #0a0a0a;--cockpit-glow-sm: 0 0 10px rgba(0, 255, 136, .3);--cockpit-glow-md: 0 0 20px rgba(0, 255, 136, .4);--cockpit-glow-lg: 0 0 30px rgba(0, 255, 136, .5);--cockpit-font: "Courier New", monospace;--cockpit-letter-spacing: 2px;font-family:var(--font-family);line-height:1.6;font-weight:400;color:var(--text-primary);background:linear-gradient(135deg,#ffeaa7,#fdcb6e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700}button{font-family:inherit}button:focus,button:focus-visible{outline:3px solid #4ECDC4;outline-offset:2px}.cockpit-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--cockpit-font);font-weight:700;color:var(--cockpit-green);background:var(--cockpit-dark);border:2px solid var(--cockpit-green);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,136,.5);box-shadow:var(--cockpit-glow-sm),inset 0 0 10px #00ff881a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cockpit-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.cockpit-button:focus-visible{outline:2px solid var(--cockpit-green);outline-offset:2px}.cockpit-button:hover:not(:disabled){background:#0f83;border-color:var(--cockpit-green-light);box-shadow:0 0 25px #0f86,inset 0 0 15px #0f83;transform:translateY(-2px)}.cockpit-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--cockpit-glow-sm),inset 0 0 20px #00ff884d}.cockpit-button--primary{background:#0f83;border-color:var(--cockpit-green-light);box-shadow:var(--cockpit-glow-md),inset 0 0 15px #0f83}.cockpit-button--primary:hover:not(:disabled){background:#00ff884d;box-shadow:var(--cockpit-glow-lg),inset 0 0 20px #00ff884d}.cockpit-button--danger{color:#ff6b6b;border-color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5);box-shadow:0 0 15px #ff6b6b33,inset 0 0 10px #ff6b6b1a}.cockpit-button--danger:hover:not(:disabled){background:#ff6b6b33;border-color:#ff8a8a;box-shadow:0 0 25px #ff6b6b66,inset 0 0 15px #ff6b6b33}.cockpit-button--small{padding:.5rem 1rem;font-size:var(--text-sm);min-height:36px}.cockpit-button--medium{padding:.75rem 1.5rem;font-size:var(--text-base);min-height:44px}.cockpit-button--large{padding:1rem 2rem;font-size:var(--text-lg);min-height:56px}.cockpit-button--full{width:100%}@media(max-width:640px){.cockpit-button--small{min-height:40px}.cockpit-button--medium{min-height:48px}.cockpit-button--large{min-height:60px}}@media(prefers-reduced-motion:reduce){.cockpit-button{transition:none}}@media(prefers-contrast:high){.cockpit-button{border-width:3px}}.cockpit-panel{position:relative;display:flex;flex-direction:column;background:var(--cockpit-dark);border:2px solid var(--cockpit-green);border-radius:var(--radius-lg);color:var(--cockpit-green);font-family:var(--cockpit-font);overflow:hidden;box-shadow:var(--cockpit-glow-md),inset 0 0 20px #00ff881a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.cockpit-panel--elevated{background:var(--cockpit-darker);box-shadow:0 4px 20px #00000080,var(--cockpit-glow-md),inset 0 0 20px #00ff881a}.cockpit-panel--outlined{background:#00142899;border:1px solid var(--cockpit-green-dim);box-shadow:0 0 15px #0f83,inset 0 0 10px #00ff880d}.cockpit-panel--glow{box-shadow:var(--cockpit-glow-lg),inset 0 0 25px #00ff8826}.cockpit-panel--pulse{animation:panel-pulse 2s ease-in-out infinite}@keyframes panel-pulse{0%,to{box-shadow:var(--cockpit-glow-md),inset 0 0 20px #00ff881a}50%{box-shadow:0 0 40px #0f89,inset 0 0 25px #00ff8826}}.cockpit-panel__header{padding:1rem 1.5rem;border-bottom:1px solid var(--cockpit-green-dim);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--cockpit-letter-spacing);text-shadow:0 0 10px rgba(0,255,136,.5)}.cockpit-panel__body{padding:1.5rem;flex:1}.cockpit-panel__footer{padding:1rem 1.5rem;border-top:1px solid var(--cockpit-green-dim);display:flex;justify-content:flex-end;gap:1rem}@media(max-width:640px){.cockpit-panel__header{padding:.75rem 1rem;font-size:var(--text-base)}.cockpit-panel__body{padding:1rem}.cockpit-panel__footer{padding:.75rem 1rem}}@media(prefers-reduced-motion:reduce){.cockpit-panel--pulse{animation:none}}@media(prefers-contrast:high){.cockpit-panel{border-width:3px}}.cockpit-container{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.cockpit-container--centered{margin-left:auto;margin-right:auto}.cockpit-container--sm{max-width:640px}.cockpit-container--md{max-width:768px}.cockpit-container--lg{max-width:1024px}.cockpit-container--xl{max-width:1280px}.cockpit-container--full{max-width:100%}@media(min-width:640px){.cockpit-container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media(min-width:1024px){.cockpit-container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.home-page{min-height:100vh;background:linear-gradient(135deg,#0a1f35,#1a0f2e,#0f1419);position:relative;overflow-x:hidden;color:var(--cockpit-green);font-family:var(--cockpit-font)}.home-page:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(0,255,136,.03) 0px,transparent 2px,transparent 40px),repeating-linear-gradient(0deg,rgba(0,255,136,.03) 0px,transparent 2px,transparent 40px);pointer-events:none;z-index:0}.home-page>*{position:relative;z-index:1}.home-hero{padding:4rem 0 3rem;text-align:center;position:relative}.home-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--cockpit-green) 50%,transparent 100%);opacity:.3}.home-hero__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.home-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;text-shadow:0 0 30px rgba(0,255,136,.6);letter-spacing:var(--cockpit-letter-spacing)}.home-hero__icon{font-size:clamp(2.5rem,4vw,3rem);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,255,136,.6))}.home-hero__subtitle{font-size:clamp(.875rem,2vw,1.125rem);margin:0;opacity:.9;max-width:700px;line-height:1.6;color:var(--cockpit-green-light);letter-spacing:1px}.home-sections{display:grid;grid-template-columns:1fr;gap:2rem;padding:3rem 0}@media(min-width:768px){.home-sections{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.home-sections{grid-template-columns:repeat(3,1fr)}}.home-section{transition:transform .3s ease}.home-section:hover{transform:translateY(-4px)}.home-section--primary{grid-column:1 / -1}@media(min-width:1024px){.home-section--primary{grid-column:span 3}}.section-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.section-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(0,255,136,.6))}.section-title{font-size:var(--text-2xl);font-weight:700;margin:0;letter-spacing:var(--cockpit-letter-spacing);text-shadow:0 0 15px rgba(0,255,136,.5)}.section-badge{font-size:var(--text-xs);padding:.25rem .75rem;background:#0f83;border:1px solid var(--cockpit-green);border-radius:4px;letter-spacing:1px}.section-description{font-size:var(--text-base);line-height:1.6;margin:1rem 0;text-align:center;color:var(--cockpit-green-light);opacity:.9}.section-features{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0}.feature{padding:.5rem 1rem;background:#00ff881a;border:1px solid var(--cockpit-green-dim);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;letter-spacing:1px}.section-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.christmas-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#00ff8826;border:2px solid var(--cockpit-green);padding:1rem;border-radius:var(--radius-md);margin:1rem 0;box-shadow:var(--cockpit-glow-sm)}.countdown-days{font-size:2.5rem;font-weight:700;line-height:1;text-shadow:0 0 20px rgba(0,255,136,.8)}.countdown-label{font-size:var(--text-sm);font-weight:700;letter-spacing:2px;opacity:.9}.home-pilots{padding:3rem 0;text-align:center}.pilots-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:2rem;letter-spacing:var(--cockpit-letter-spacing);text-shadow:0 0 15px rgba(0,255,136,.5)}.pilots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.pilot-card{text-align:center;transition:transform .3s ease}.pilot-card:hover{transform:scale(1.05)}.pilot-name{font-size:var(--text-base);font-weight:700;margin-top:1rem;letter-spacing:1px}.home-footer{padding:3rem 0 2rem;text-align:center;border-top:1px solid var(--cockpit-green-dim);margin-top:3rem}.home-footer__text{font-size:var(--text-sm);opacity:.7;letter-spacing:2px;margin:0}@media(max-width:640px){.home-hero{padding:2rem 0 1.5rem}.section-icon{font-size:2rem}.section-title{font-size:var(--text-xl)}.countdown-days{font-size:2rem}.pilots-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(prefers-reduced-motion:reduce){.home-hero__icon{animation:none}.home-section{transition:none}}.players-container{max-width:1000px;margin:0 auto;padding:40px 20px}.players-container h1{text-align:center;font-size:2.5rem;color:#4ecdc4;margin-bottom:40px}.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;margin-bottom:40px}.player-card{padding:30px;border:4px solid;border-radius:20px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;background:#fff}.player-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.player-card h3{font-size:1.5rem;margin:15px 0 10px}.color-indicator{width:60px;height:20px;margin:10px auto 0;border-radius:10px}.player-form{background:#f9f9f9;padding:30px;border-radius:20px;margin:40px auto;max-width:500px}.player-form h3{text-align:center;color:#ff6b6b;margin-bottom:25px}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:700;margin-bottom:10px;color:#333}.form-group input,.form-group select{width:100%;padding:12px;font-size:1rem;border:2px solid #ddd;border-radius:10px;box-sizing:border-box}.avatar-choices{display:flex;gap:15px;justify-content:center}.avatar-choice{padding:10px;border:3px solid transparent;border-radius:15px;cursor:pointer;transition:border-color .2s}.avatar-choice:hover{border-color:#ddd}.avatar-choice.selected{border-color:#4ecdc4;background:#f0f0f0}.form-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px}.destination-choice{text-align:center;max-width:800px;margin:0 auto}.destination-choice h2{font-size:2rem;color:#2d3748;margin-bottom:2rem}.destination-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.destination-card{padding:3rem 2rem;border-radius:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #0000001a}.destination-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0003}.game-zone-card{background:linear-gradient(135deg,#ffeaa7,#fab1a0)}.christmas-card{background:linear-gradient(135deg,#a8e6cf,#dcedc1)}.destination-icon{font-size:4rem;display:block;margin-bottom:1rem}.destination-card h3{font-size:1.8rem;margin:0 0 1rem;color:#2d3748}.destination-card p{font-size:1.1rem;color:#4a5568;margin:0}.play-container{max-width:1000px;margin:0 auto;padding:40px 20px}.player-header{display:flex;align-items:center;gap:30px;margin-bottom:50px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff}.player-info h1{font-size:2rem;margin-bottom:10px}.stats{display:flex;gap:30px;font-size:1.2rem}.stats span{background:#fff3;padding:8px 16px;border-radius:20px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}.game-card{padding:30px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.game-card h3{font-size:1.8rem;margin-bottom:15px;color:#ff6b6b}.game-card p{font-size:1.1rem;color:#666;margin-bottom:20px}.game-progress{display:flex;gap:15px;justify-content:center;margin-bottom:20px;font-size:1rem;color:#4ecdc4;font-weight:700}.nav-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.pattern-builder-container{max-width:900px;margin:0 auto;padding:40px 20px}.game-header{text-align:center;margin-bottom:40px}.game-header h1{font-size:2.5rem;color:#ff6b6b;margin-bottom:10px}.game-header p{font-size:1.2rem;color:#666;margin-bottom:15px}.level-info{font-size:1.3rem;font-weight:700;color:#4ecdc4;padding:10px 20px;background:#f0f0f0;border-radius:20px;display:inline-block}.pattern-section{margin-bottom:30px;padding:25px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a}.pattern-section h3{font-size:1.5rem;color:#333;margin-bottom:20px;text-align:center}.pattern-display{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.pattern-tile{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-weight:700;font-size:1.1rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 6px #0003}.pattern-tile.empty{background:#e0e0e0;color:#999;border:3px dashed #999;box-shadow:none}.color-picker{margin-bottom:30px;padding:25px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a}.color-picker h3{font-size:1.5rem;color:#333;margin-bottom:20px;text-align:center}.color-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.color-button{width:120px;height:60px;border:none;border-radius:15px;font-size:1.1rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);cursor:pointer;transition:transform .2s;box-shadow:0 4px 6px #0003}.color-button:hover:not(:disabled){transform:scale(1.05)}.color-button:disabled{opacity:.5;cursor:not-allowed}.message{padding:20px;margin:20px 0;border-radius:15px;text-align:center;font-size:1.3rem;font-weight:700}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}.game-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.bug-squash-container{max-width:900px;margin:0 auto;padding:40px 20px}.rule-section{margin-bottom:30px;padding:25px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;text-align:center}.rule-section h3{font-size:1.5rem;color:#333;margin-bottom:15px}.rule-display{font-size:1.8rem;font-weight:700;color:#ff6b6b;padding:15px;background:#fff5f5;border-radius:15px}.bugs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-bottom:30px;padding:25px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a}.bug-tile{padding:20px;background:#f9f9f9;border:3px solid #ddd;border-radius:15px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:10px}.bug-tile:hover:not(:disabled){transform:scale(1.05);border-color:#4ecdc4}.bug-tile.selected{background:#4ecdc4;border-color:#4ecdc4;color:#fff}.bug-tile.correct{background:#d4edda;border-color:#28a745}.bug-tile.incorrect{background:#f8d7da;border-color:#dc3545}.bug-tile:disabled{cursor:not-allowed}.bug-icon{font-size:2.5rem}.bug-number{font-size:1.5rem;font-weight:700}.logic-path-container{max-width:900px;margin:0 auto;padding:40px 20px}.game-area{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media(max-width:768px){.game-area{grid-template-columns:1fr}}.grid-container{display:grid;gap:10px;padding:25px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;aspect-ratio:1;max-width:400px;justify-self:center}.grid-cell{background:#f0f0f0;border:2px solid #ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s}.grid-cell.start{background:#d4edda;border-color:#28a745}.grid-cell.goal{background:#fff3cd;border-color:#ffc107}.grid-cell.current{background:#4ecdc4;border-color:#3ab4a8;animation:pulse .5s ease-in-out}.controls-section{padding:25px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a}.controls-section h3{font-size:1.5rem;color:#333;margin-bottom:20px;text-align:center}.direction-buttons{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:25px}.horizontal-buttons{display:flex;gap:10px}.btn-direction{padding:15px 25px;font-size:1.2rem;font-weight:700;background:#4ecdc4;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #0000001a;min-width:120px}.btn-direction:hover:not(:disabled){background:#3ab4a8;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.moves-display{padding:20px;background:#f9f9f9;border-radius:15px}.moves-display h4{font-size:1.2rem;color:#333;margin-bottom:15px;text-align:center}.moves-list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;min-height:50px;align-items:center}.no-moves{color:#999;font-style:italic}.move-item{font-size:1.8rem;padding:5px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.brain-rot-container{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(to bottom,#1a1a2e,#16213e)}.game-header{text-align:center;margin-bottom:30px;color:#fff}.game-header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-header p{font-size:1.2rem;opacity:.9}.stats-panel{display:flex;gap:20px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;padding:20px 40px;text-align:center;color:#fff;box-shadow:0 4px 15px #0000004d;min-width:200px}.stat-card h2{font-size:1.2rem;margin-bottom:10px}.big-number{font-size:2.5rem;font-weight:700;margin:10px 0}.stat-card p{font-size:.9rem;opacity:.9;margin-top:5px}.game-message{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:15px;border-radius:10px;text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:20px;animation:slideIn .3s ease-out;box-shadow:0 4px 15px #0000004d}.clicker-section{display:flex;justify-content:center;margin:40px 0}.brain-button{background:linear-gradient(135deg,#fa709a,#fee140);border:none;border-radius:50%;width:200px;height:200px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 8px 25px #0006;transition:all .2s ease;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.brain-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #00000080}.brain-button:active{transform:scale(.95)}.brain-emoji{font-size:4rem;display:block;margin-bottom:10px;animation:pulse 1.5s ease-in-out infinite}.game-sections{margin-top:40px}.section{background:#ffffff0d;border-radius:15px;padding:25px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section h2{color:#fff;font-size:2rem;margin-bottom:20px;text-align:center}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.item-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;color:#fff;box-shadow:0 4px 15px #0000004d;transition:transform .2s ease}.item-card:hover{transform:translateY(-5px)}.item-card.locked{background:linear-gradient(135deg,#4a4a4a,#2c2c2c);opacity:.6}.item-card.unlocked{background:linear-gradient(135deg,#11998e,#38ef7d)}.item-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.item-emoji{font-size:2.5rem}.item-header h3{font-size:1.3rem;margin:0}.item-card p{margin:8px 0;font-size:1rem}.owned{font-weight:700;color:gold}.btn-buy,.btn-unlock,.btn-unlocked,.btn-locked{width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:10px;transition:all .2s ease}.btn-buy{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-buy:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #0000004d}.btn-buy:disabled{background:#555;cursor:not-allowed;opacity:.5}.btn-unlock{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-unlock:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #0000004d}.btn-unlock:disabled{background:#555;cursor:not-allowed;opacity:.5}.btn-unlocked{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;cursor:default}.btn-locked{background:#333;color:#999;cursor:not-allowed}.nav-buttons{display:flex;gap:15px;justify-content:center;margin-top:40px;flex-wrap:wrap}.btn-back{padding:15px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #0000004d;transition:all .2s ease}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}@media(max-width:768px){.game-header h1{font-size:2rem}.brain-button{width:150px;height:150px;font-size:1.2rem}.brain-emoji{font-size:3rem}.items-grid{grid-template-columns:1fr}.stats-panel{flex-direction:column;align-items:center}.stat-card{width:100%;max-width:300px}}.pet-vet-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;color:#fff}.pet-header{text-align:center;margin-bottom:20px}.pet-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.pet-level{font-size:1.2rem;background:#fff3;padding:8px 16px;border-radius:20px;display:inline-block}.pet-message{background:#fffffff2;color:#333;padding:15px 20px;border-radius:12px;text-align:center;font-size:1.2rem;font-weight:700;margin:0 auto 20px;max-width:600px;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #0003}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.create-pet-modal{background:#fff;color:#333;padding:40px;border-radius:20px;max-width:500px;margin:100px auto;text-align:center;box-shadow:0 8px 24px #0000004d}.create-pet-modal h1{font-size:2.5rem;margin-bottom:20px}.create-pet-modal p{font-size:1.2rem;margin-bottom:20px}.pet-name-input{width:100%;padding:15px;font-size:1.2rem;border:3px solid #667eea;border-radius:10px;margin-bottom:20px;text-align:center}.pet-display-area{text-align:center;margin:30px auto;padding:30px;background:#ffffff1a;border-radius:20px;max-width:400px}.pet-avatar{width:200px;height:200px;margin:0 auto 20px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 24px #0000004d}.pet-avatar:hover{transform:scale(1.05)}.pet-avatar.ability-active{animation:pulse .5s infinite;box-shadow:0 0 30px #fffc}.pet-color-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.pet-color-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.pet-color-green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.pet-color-pink{background:linear-gradient(135deg,#fa709a,#fee140)}.pet-color-orange{background:linear-gradient(135deg,#ff9a56,#ff6a88)}.pet-color-rainbow{background:linear-gradient(135deg,#667eea,#764ba2,#fa709a,#fee140,#43e97b);animation:rainbow 3s linear infinite}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.pet-body{position:relative;z-index:2}.pet-eyes{display:flex;gap:30px;font-size:2.5rem;margin-bottom:10px;justify-content:center}.eye{animation:blink 4s infinite}@keyframes blink{0%,48%,52%,to{opacity:1}50%{opacity:.1}}.pet-mood{font-size:3rem}.pet-antenna{position:absolute;top:-20px;font-size:2rem;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.pet-name-display{font-size:2rem;font-weight:700;margin-bottom:10px}.pet-mood-text{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;color:gold}.pet-stats-grid{max-width:800px;margin:30px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;background:#ffffff1a;border-radius:15px}.stat-bar{background:#fff3;padding:15px;border-radius:10px}.stat-label{font-size:1.1rem;font-weight:700;margin-bottom:8px}.stat-progress{height:20px;background:#0000004d;border-radius:10px;overflow:hidden;margin-bottom:5px}.stat-fill{height:100%;transition:width .5s ease,background-color .3s ease;border-radius:10px}.stat-value{text-align:right;font-size:.9rem;opacity:.9}.pet-actions,.alien-abilities,.color-picker,.photo-studio-section{max-width:800px;margin:30px auto;padding:20px;background:#ffffff1a;border-radius:15px}.pet-actions h3,.alien-abilities h3,.color-picker h3,.photo-studio-section h3{font-size:1.8rem;margin-bottom:15px;text-align:center}.action-buttons,.ability-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.action-btn,.ability-btn{padding:15px 20px;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.action-btn:hover,.ability-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.action-btn:active,.ability-btn:active{transform:translateY(0)}.feed-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.play-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}.heal-btn{background:linear-gradient(135deg,#43e97b,#38f9d7)}.rest-btn{background:linear-gradient(135deg,#fa709a,#fee140)}.ability-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ability-btn.active{background:linear-gradient(135deg,gold,orange);animation:pulse .5s infinite}.ability-btn:disabled{opacity:.5;cursor:not-allowed}.color-picker{text-align:center}.color-options{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.color-btn{width:60px;height:60px;border-radius:50%;border:4px solid white;cursor:pointer;transition:all .3s ease}.color-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0006}.color-btn.selected{border:5px solid #ffd700;box-shadow:0 0 20px #ffd700cc}.color-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.color-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.color-green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.color-pink{background:linear-gradient(135deg,#fa709a,#fee140)}.color-orange{background:linear-gradient(135deg,#ff9a56,#ff6a88)}.color-rainbow{background:linear-gradient(135deg,#667eea,#764ba2,#fa709a,#fee140,#43e97b);animation:rainbow 3s linear infinite}.photo-studio{margin-top:20px;padding:20px;background:#0003;border-radius:10px}.studio-info{text-align:center;font-size:1.1rem;margin-bottom:20px;line-height:1.6}.pet-gallery{margin-top:20px}.pet-gallery h4{font-size:1.5rem;margin-bottom:15px;text-align:center}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}.photo-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0003}.photo-item img{width:100%;height:200px;object-fit:cover}.photo-caption{padding:10px;text-align:center;color:#333;font-size:.9rem}.nav-buttons{text-align:center;margin-top:30px;padding-bottom:30px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.btn-large{padding:20px 40px;font-size:1.5rem}.btn-back{background:#fff3;color:#fff;padding:12px 24px;font-size:1.1rem;border:2px solid white;border-radius:10px;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#ffffff4d;transform:translate(-5px)}@media(max-width:768px){.pet-header h1{font-size:1.8rem}.pet-avatar{width:150px;height:150px}.pet-eyes{font-size:2rem;gap:20px}.pet-mood{font-size:2.5rem}.action-buttons,.ability-buttons{grid-template-columns:repeat(2,1fr)}.color-btn{width:50px;height:50px}}.neighbor-game-container{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.game-header{text-align:center;margin-bottom:1rem;color:#fff}.game-header h1{font-size:2.5rem;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-header p{font-size:1.2rem;margin:.5rem 0;opacity:.9}.level-info{font-size:1.1rem;margin:1rem 0;padding:.5rem 1rem;background:#fff3;border-radius:10px;font-weight:700}.level-description{text-align:center;background:#fff;padding:1rem;border-radius:15px;margin-bottom:1.5rem;box-shadow:0 4px 15px #0003;max-width:600px}.level-description p{margin:.5rem 0;font-size:1.1rem;font-weight:700}.game-grid{display:grid;gap:4px;background:#0000004d;padding:10px;border-radius:15px;margin:1rem 0;box-shadow:0 8px 20px #0000004d}.grid-cell{aspect-ratio:1;background:#f0f0f0;border:2px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .2s ease;min-width:50px;min-height:50px}.grid-cell.player{background:linear-gradient(135deg,#6dd5ed,#2193b0);border-color:#1a6b7d;animation:pulse 1s infinite}.grid-cell.neighbor{background:linear-gradient(135deg,#ff6b6b,#c92a2a);border-color:#922020;animation:shake .5s infinite}.grid-cell.key{background:linear-gradient(135deg,#ffd93d,#f9a826);border-color:#d68910;animation:glow 1.5s ease-in-out infinite}.grid-cell.door{background:linear-gradient(135deg,#a8e063,#56ab2f);border-color:#3d7a1f}.grid-cell.hiding{background:linear-gradient(135deg,#8b7355,#5d4e37);border-color:#3d3020}.grid-cell.hiding-active{box-shadow:0 0 20px #ff0c;border-color:gold}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ffd93d80}50%{box-shadow:0 0 20px #ffd93dcc}}.controls-hint{text-align:center;color:#fff;margin:1rem 0;background:#fff3;padding:1rem;border-radius:10px}.controls-hint p{margin:.3rem 0;font-size:1rem}.message{padding:1rem 2rem;border-radius:10px;margin:1rem 0;font-weight:700;font-size:1.2rem;text-align:center;max-width:500px;animation:slideIn .3s ease-out}.message.success{background:#51cf66;color:#fff}.message.error{background:#ff6b6b;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0}.arrow-row{display:flex;gap:.5rem;align-items:center}.btn-control{width:60px;height:60px;font-size:1.5rem;background:#fff;border:3px solid #764ba2;border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:700}.btn-control:hover{background:#f0f0f0;transform:scale(1.1)}.btn-control:active{transform:scale(.95)}.btn-primary{padding:1rem 2rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #37b24d4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #37b24d66}.btn-primary:active{transform:translateY(0)}.btn-back{padding:.8rem 1.5rem;font-size:1rem;font-weight:700;background:#ffffff4d;color:#fff;border:2px solid white;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:1rem}.btn-back:hover{background:#ffffff80}@media(max-width:768px){.neighbor-game-container{padding:1rem}.game-header h1{font-size:2rem}.game-header p{font-size:1rem}.grid-cell{font-size:1.5rem;min-width:40px;min-height:40px}.btn-control{width:50px;height:50px;font-size:1.2rem}.controls-hint p{font-size:.9rem}}.dk-container{max-width:1000px;margin:0 auto;padding:40px 20px}.game-instructions{margin-bottom:20px;padding:20px;background:#fff3cd;border:3px solid #ffc107;border-radius:15px;text-align:center}.game-instructions p{margin:8px 0;font-size:1.2rem;color:#856404;font-weight:600}.game-area{display:flex;gap:30px;margin-bottom:30px;align-items:flex-start}.game-screen{flex:2;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:30px;min-height:500px;display:flex;flex-direction:column;justify-content:space-around;box-shadow:0 10px 20px #0003;position:relative}.platform{position:relative;margin:20px 0;min-height:60px}.platform-line{position:absolute;bottom:0;left:0;right:0;height:8px;background:#8b4513;border-radius:4px;box-shadow:0 2px 4px #0000004d}.platform-content{position:relative;height:60px;display:flex;align-items:center}.player{position:absolute;left:50%;transform:translate(-50%);font-size:3rem;z-index:10;animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.barrel{position:absolute;font-size:2.5rem;z-index:5;animation:roll .5s linear infinite}@keyframes roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.goal-flag{position:absolute;right:20px;top:-30px;font-size:3rem;animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.controls-section{flex:1;background:#fff;padding:25px;border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;gap:20px}.controls-section h3{font-size:1.5rem;color:#333;margin:0}.btn-large{font-size:1.5rem!important;padding:20px 40px!important}.move-buttons{display:flex;flex-direction:column;gap:15px;width:100%}.btn-direction{padding:15px 30px;font-size:1.3rem;font-weight:700;border:3px solid #4ECDC4;background:#fff;color:#4ecdc4;border-radius:15px;cursor:pointer;transition:all .2s;width:100%}.btn-direction:hover:not(:disabled){background:#4ecdc4;color:#fff;transform:scale(1.05)}.btn-direction:disabled{opacity:.5;cursor:not-allowed}.btn-direction:active:not(:disabled){transform:scale(.95)}@media(max-width:768px){.game-area{flex-direction:column}.game-screen{min-height:400px}.controls-section{width:100%}.player{font-size:2.5rem}.barrel{font-size:2rem}.goal-flag{font-size:2.5rem}}.profile-container{max-width:800px;margin:0 auto;padding:40px 20px}.profile-header{display:flex;align-items:center;gap:30px;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:40px}.profile-info h1{font-size:2.5rem;margin-bottom:15px}.favorite-color-display{padding:10px 20px;border-radius:20px;font-weight:700;display:inline-block;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{padding:30px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 4px 6px #0000001a}.stat-value{font-size:3rem;font-weight:700;color:#ff6b6b;margin-bottom:10px}.stat-label{font-size:1.2rem;color:#666}.progress-section{background:#fff;padding:30px;border-radius:20px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a}.progress-section h2{font-size:2rem;color:#4ecdc4;margin-bottom:25px;text-align:center}.no-progress{text-align:center;color:#999;font-size:1.1rem;padding:20px}.progress-list{display:flex;flex-direction:column;gap:15px}.progress-item{padding:20px;background:#f9f9f9;border-radius:15px;display:flex;justify-content:space-between;align-items:center}.game-name{font-size:1.3rem;font-weight:700;color:#333}.progress-stats{display:flex;gap:20px;font-size:1.1rem;color:#4ecdc4;font-weight:700}.christmas-lab-page{min-height:100vh;padding:var(--cockpit-spacing-md)}.christmas-lab-header .header-content{display:flex;align-items:center;gap:var(--cockpit-spacing-lg)}.header-info h1{margin:0 0 var(--cockpit-spacing-sm) 0;color:var(--cockpit-text-primary);font-size:2rem}.countdown{display:flex;align-items:center;gap:var(--cockpit-spacing-sm);background:var(--cockpit-accent-gradient);padding:var(--cockpit-spacing-md) var(--cockpit-spacing-lg);border-radius:var(--cockpit-border-radius-md);color:var(--cockpit-text-primary);font-weight:700}.countdown-number{font-size:3rem;line-height:1}.countdown-text{font-size:1.2rem}.christmas-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--cockpit-spacing-lg);margin:var(--cockpit-spacing-xl) 0}.christmas-tool-panel{text-align:center}.christmas-tool-panel.highlight{border-color:var(--cockpit-accent-primary)}.tool-icon{font-size:4rem;margin-bottom:var(--cockpit-spacing-md)}.christmas-tool-panel h3{margin:0 0 var(--cockpit-spacing-sm) 0;color:var(--cockpit-text-primary);font-size:1.5rem}.christmas-tool-panel p{color:var(--cockpit-text-secondary);margin-bottom:var(--cockpit-spacing-lg);font-size:1.1rem}.nav-buttons{display:flex;gap:var(--cockpit-spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--cockpit-spacing-xl)}@media(max-width:768px){.christmas-lab-header .header-content{flex-direction:column;text-align:center}.header-info h1{font-size:1.5rem}.countdown{flex-direction:column;gap:0}.countdown-number{font-size:2rem}.countdown-text{font-size:1rem}.christmas-tools-grid{grid-template-columns:1fr}}.christmas-list-container{padding:2rem;max-width:1000px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#fa709a,#fee140)}.list-header{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.list-info h1{margin:0 0 .5rem;color:#2d3748;font-size:1.8rem}.list-count{margin:0;color:#718096;font-size:1.1rem}.add-item-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.add-item-section h2{margin:0 0 1.5rem;color:#2d3748}.add-item-form{display:flex;flex-direction:column;gap:1rem}.item-input,.item-textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-family:inherit}.item-input:focus,.item-textarea:focus{outline:none;border-color:#667eea}.priority-selector label{display:block;margin-bottom:.5rem;font-weight:700;color:#2d3748}.priority-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.priority-btn{padding:.75rem 1rem;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.priority-btn:hover{border-color:#cbd5e0;background:#f7fafc}.priority-btn.active{border-color:#667eea;background:#667eea;color:#fff}.btn-add{margin-top:.5rem}.filter-section{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.filter-section h2{margin:0 0 1rem;color:#2d3748;font-size:1.3rem}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.25rem;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;font-size:.95rem;transition:all .2s ease;font-weight:500;color:#2d3748}.filter-btn:hover{border-color:#cbd5e0;background:#f7fafc;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.filter-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.items-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.items-section h2{margin:0 0 1.5rem;color:#2d3748}.items-grid{display:grid;gap:1rem}.list-item{padding:1.5rem;border-radius:10px;background:#f7fafc;border-left:4px solid #cbd5e0}.list-item.priority-high{border-left-color:#f56565;background:linear-gradient(135deg,#fff5f5,#fffaf0)}.list-item.priority-medium{border-left-color:#ecc94b;background:linear-gradient(135deg,ivory,#fefcbf)}.list-item.priority-low{border-left-color:#48bb78;background:linear-gradient(135deg,#f0fff4,#c6f6d5)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-priority{font-size:1.2rem}.btn-remove{background:#fc8181;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#f56565;transform:scale(1.1)}.item-name{margin:0 0 .5rem;color:#2d3748;font-size:1.3rem}.item-description{margin:0 0 1rem;color:#4a5568;font-size:.95rem;line-height:1.5}.item-footer{display:flex;justify-content:flex-end}.priority-select{padding:.5rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;cursor:pointer;background:#fff}.priority-select:focus{outline:none;border-color:#667eea}@media print{.add-item-section,.filter-section,.nav-buttons,.btn-remove,.item-footer{display:none!important}.christmas-list-container{background:#fff}.list-item{break-inside:avoid;page-break-inside:avoid}}@media(max-width:768px){.list-header{flex-direction:column;text-align:center}.list-info h1{font-size:1.5rem}.priority-buttons{flex-direction:column}.priority-btn{width:100%}.filter-buttons{flex-direction:column}.filter-btn{width:100%;text-align:center}}.santa-tracker-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh}.tracker-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;box-shadow:0 8px 20px #ff6b6b4d}.tracker-info h1{color:#fff;margin:0;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.countdown-mini{color:#fffffff2;font-size:1.2rem;margin:.5rem 0 0;font-weight:600}.countdown-detailed{display:flex;gap:1rem;margin:.75rem 0}.countdown-item{display:flex;flex-direction:column;align-items:center;background:#fff3;padding:.5rem 1rem;border-radius:10px;min-width:60px}.countdown-value{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.countdown-unit{font-size:.8rem;color:#ffffffe6;font-weight:600;text-transform:uppercase}.countdown-label{color:#fffffff2;font-size:1.1rem;margin:0;font-weight:600}.santa-map{background:#fff;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 8px 30px #0000001a;margin-bottom:2rem;position:relative;overflow:hidden}.santa-map:before{content:"❄️";position:absolute;font-size:10rem;opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%)}.santa-icon-large{font-size:8rem;margin-bottom:1rem;animation:bounce 2s infinite}.santa-location{font-size:2.5rem;color:#c92a2a;margin:1rem 0;font-weight:700}.santa-activity{font-size:1.5rem;color:#495057;margin-bottom:2rem;line-height:1.6}.btn-refresh{background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #37b24d4d;font-weight:600}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 6px 20px #37b24d66}.btn-refresh:active{transform:translateY(0)}.santa-facts{margin-bottom:2rem}.santa-facts h3{font-size:2rem;color:#2f9e44;margin-bottom:1.5rem;text-align:center}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.fact-card{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;transition:transform .2s}.fact-card:hover{transform:translateY(-5px)}.fact-card.highlight{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.fact-card.highlight p{color:#fff}.fact-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.fact-card p{color:#495057;line-height:1.6;margin:0}@media(max-width:768px){.santa-tracker-container{padding:1rem}.tracker-header{flex-direction:column;text-align:center}.tracker-info h1{font-size:1.8rem}.countdown-detailed{gap:.5rem;flex-wrap:wrap;justify-content:center}.countdown-item{min-width:50px;padding:.4rem .8rem}.countdown-value{font-size:1.4rem}.countdown-unit{font-size:.7rem}.santa-icon-large{font-size:5rem}.santa-location{font-size:1.8rem}.santa-activity{font-size:1.2rem}.facts-grid{grid-template-columns:1fr}}.christmas-jokes-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh}.jokes-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#ffd43b,#fab005);border-radius:20px;box-shadow:0 8px 20px #fab0054d}.jokes-info h1{color:#fff;margin:0;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.jokes-subtitle{color:#fffffff2;font-size:1.2rem;margin:.5rem 0 0;font-weight:600}.joke-display{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 30px #0000001a;margin-bottom:2rem}.joke-counter{text-align:center;color:#868e96;font-size:1rem;margin-bottom:1rem;font-weight:600}.joke-card{background:linear-gradient(135deg,#e7f5ff,#d0ebff);padding:2.5rem;border-radius:15px;text-align:center;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.joke-icon{font-size:4rem;animation:wiggle 1s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.joke-question{font-size:1.8rem;color:#1971c2;font-weight:700;line-height:1.5}.btn-reveal{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:1.2rem 2.5rem;font-size:1.3rem;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ff6b6b4d;font-weight:700}.btn-reveal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn-reveal:active{transform:translateY(0)}.punchline-reveal{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.punchline-divider{font-size:2rem;margin:1rem 0}.punchline-text{font-size:2rem;color:#2f9e44;font-weight:700;margin:1rem 0;line-height:1.5}.laugh-emoji{font-size:3rem;animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.joke-navigation{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn-nav{background:#4c6ef5;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:12px;cursor:pointer;transition:background .2s,transform .2s;font-weight:600}.btn-nav:hover{background:#3b5bdb;transform:translateY(-2px)}.btn-nav:active{transform:translateY(0)}.all-jokes-section{margin-bottom:2rem}.all-jokes-section h3{font-size:2rem;color:#2f9e44;margin-bottom:1.5rem;text-align:center}.jokes-list{display:grid;gap:1rem}.joke-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:1rem;transition:transform .2s,box-shadow .2s}.joke-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.joke-item.active{border:3px solid #ffd43b;box-shadow:0 6px 25px #fab0054d}.joke-item-number{background:#ffd43b;color:#f76707;font-weight:700;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.joke-item-content{flex:1}.joke-item-question{color:#495057;font-weight:600;margin:0 0 .5rem;font-size:1.1rem}.joke-item-answer{color:#2f9e44;font-weight:700;margin:0;font-size:1.1rem}@media(max-width:768px){.christmas-jokes-container{padding:1rem}.jokes-header{flex-direction:column;text-align:center}.jokes-info h1{font-size:1.8rem}.joke-question{font-size:1.3rem}.punchline-text{font-size:1.5rem}.joke-item{flex-direction:column;text-align:center}.joke-item-number{margin:0 auto}}.christmas-ideas-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh}.ideas-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#94d82d,#82c91e);border-radius:20px;box-shadow:0 8px 20px #82c91e4d}.ideas-info h1{color:#fff;margin:0;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.ideas-subtitle{color:#fffffff2;font-size:1.2rem;margin:.5rem 0 0;font-weight:600}.progress-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;text-align:center}.progress-section h3{color:#2f9e44;font-size:1.8rem;margin:0 0 1.5rem}.progress-bar-container{background:#e9ecef;height:40px;border-radius:20px;overflow:hidden;margin-bottom:1rem}.progress-bar{background:linear-gradient(135deg,#51cf66,#37b24d);height:100%;border-radius:20px;transition:width .5s ease;display:flex;align-items:center;justify-content:center;min-width:60px}.progress-text{color:#fff;font-weight:700;font-size:1.2rem}.progress-stats{color:#495057;font-size:1.2rem;font-weight:600;margin:0}.ideas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.idea-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;align-items:flex-start;gap:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;border:2px solid transparent}.idea-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f;border-color:#82c91e}.idea-card.completed{background:linear-gradient(135deg,#d3f9d8,#b2f2bb);border-color:#51cf66}.idea-checkbox{font-size:2rem;flex-shrink:0;transition:transform .2s}.idea-card:hover .idea-checkbox{transform:scale(1.1)}.idea-text{color:#495057;font-size:1.1rem;line-height:1.6;font-weight:500}.idea-card.completed .idea-text{color:#2b8a3e;font-weight:600}.completion-message{background:linear-gradient(135deg,#fff5f5,#ffe3e3);padding:3rem;border-radius:20px;text-align:center;margin-bottom:2rem;box-shadow:0 8px 30px #ff6b6b33;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.completion-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.completion-message h2{color:#c92a2a;font-size:2.5rem;margin:0 0 1rem}.completion-message p{color:#e03131;font-size:1.5rem;margin:0;font-weight:600}.nav-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media(max-width:768px){.christmas-ideas-container{padding:1rem}.ideas-header{flex-direction:column;text-align:center}.ideas-info h1{font-size:1.8rem}.ideas-grid{grid-template-columns:1fr}.progress-section{padding:1.5rem}.progress-section h3{font-size:1.4rem}}.ar-camera-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column}.ar-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ar-overlay{position:relative;width:100%;height:100%;z-index:10;display:flex;flex-direction:column}.ar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ar-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.ar-icon{font-size:2rem}.btn-ar-close,.btn-switch-camera{background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.btn-ar-close:hover,.btn-switch-camera:hover{background:#ffffff4d;transform:scale(1.1)}.ar-hint-box{margin:1rem;padding:1rem;background:#4c6ef5e6;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.ar-hint-title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ar-hint-text{color:#fff;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ar-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px}.reticle-corner{position:absolute;width:40px;height:40px;border:4px solid rgba(255,255,255,.8);box-shadow:0 0 10px #ffffff80}.reticle-tl{top:0;left:0;border-right:none;border-bottom:none;border-radius:10px 0 0}.reticle-tr{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 10px 0 0}.reticle-bl{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 10px}.reticle-br{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 10px}.reticle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.elf-emoji{font-size:4rem;animation:pulse-elf 2s infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}@keyframes pulse-elf{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.ar-instructions{position:absolute;top:40%;left:50%;transform:translate(-50%);text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);padding:0 1rem;margin-top:150px}.ar-instructions p{margin:.5rem 0;font-size:1.1rem;font-weight:600;background:#00000080;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ar-controls{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.btn-capture{position:relative;width:80px;height:80px;border:none;background:transparent;cursor:pointer;padding:0}.capture-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid white;border-radius:50%;box-shadow:0 0 20px #ffffff80}.capture-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;transition:transform .1s;box-shadow:0 0 10px #fffc}.btn-capture:active .capture-inner{transform:translate(-50%,-50%) scale(.9)}.ar-help-text{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:#fffc;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.8);text-align:center}.capture-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:100;animation:flash .5s ease-out}@keyframes flash{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.ar-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem;text-align:center;color:#fff}.ar-error-icon{font-size:5rem;margin-bottom:1rem}.ar-error h2{color:#fff;font-size:2rem;margin:1rem 0}.ar-error p{color:#ffffffe6;font-size:1.2rem;max-width:500px;line-height:1.6;margin-bottom:2rem}.btn-close-error{background:#ff6b6b;color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:12px;cursor:pointer;transition:background .2s;font-weight:600}.btn-close-error:hover{background:#ee5a6f}@media(max-width:768px){.ar-title{font-size:1.2rem}.ar-hint-box{margin:.5rem;padding:.8rem}.ar-hint-title{font-size:1rem}.ar-hint-text{font-size:.9rem}.ar-reticle{width:150px;height:150px}.elf-emoji{font-size:3rem}.ar-instructions p{font-size:.9rem}}.find-elves-container{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh}.elves-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#c92a2a,#e03131);border-radius:20px;box-shadow:0 8px 20px #c92a2a4d}.elves-info h1{color:#fff;margin:0;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.elves-subtitle{color:#fffffff2;font-size:1.2rem;margin:.5rem 0 0;font-weight:600}.progress-display{display:flex;justify-content:space-around;align-items:center;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin-bottom:2rem;flex-wrap:wrap;gap:2rem}.stars-collected{text-align:center}.star-icon{font-size:4rem;animation:pulse 2s infinite}.star-count{font-size:3rem;font-weight:700;color:#f59f00;margin:.5rem 0}.star-label{font-size:1.2rem;color:#868e96;font-weight:600}.christmas-tree{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tree-top{font-size:3rem;animation:twinkle 1.5s infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.tree-body{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:300px;padding:1rem;background:linear-gradient(135deg,#2f9e44,#37b24d);border-radius:50% 50% 0 0;min-height:150px}.tree-star{font-size:1.5rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tree-trunk{font-size:2rem}.victory-message{background:linear-gradient(135deg,#fff5f5,#ffe3e3);padding:3rem;border-radius:20px;text-align:center;margin-bottom:2rem;box-shadow:0 8px 30px #ff6b6b4d;animation:slideDown .5s ease-out;position:relative;overflow:hidden}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.confetti{font-size:5rem;margin-bottom:1rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.victory-message h2{color:#c92a2a;font-size:2.5rem;margin:0 0 1rem}.victory-message p{color:#e03131;font-size:1.5rem;margin:0 0 1.5rem;font-weight:600}.spirit-badge{display:inline-block;background:linear-gradient(135deg,#ffd43b,#fab005);color:#c92a2a;padding:1rem 2rem;border-radius:50px;font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px #fab00566}.game-instructions{background:#e7f5ff;padding:1.5rem;border-radius:15px;margin-bottom:2rem;border-left:5px solid #4c6ef5}.game-instructions h3{color:#1971c2;margin:0 0 1rem;font-size:1.5rem}.game-instructions p{color:#495057;margin:0;line-height:1.6;font-size:1.1rem}.elves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.elf-card{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;border:3px solid transparent;text-align:center}.elf-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.elf-card.selected{border-color:#4c6ef5;box-shadow:0 8px 30px #4c6ef54d}.elf-card.found{background:linear-gradient(135deg,#d3f9d8,#b2f2bb);border-color:#51cf66}.elf-icon{font-size:4rem;margin-bottom:1rem}.elf-card.found .elf-icon{animation:bounce .5s ease-in-out}.elf-name{font-size:1.5rem;font-weight:700;color:#c92a2a;margin-bottom:.5rem}.elf-location{font-size:1.1rem;color:#868e96;margin-bottom:1rem;font-weight:600}.elf-details{margin-top:1rem;padding-top:1rem;border-top:2px dashed #dee2e6;animation:fadeIn .3s ease-in}.elf-hint{background:#fff9db;padding:1rem;border-radius:10px;color:#495057;font-weight:600;margin:0 0 1rem;line-height:1.5;font-size:1rem}.elf-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-ar-hunt{background:linear-gradient(135deg,#4c6ef5,#364fc7);color:#fff;border:none;padding:.8rem 1.5rem;font-size:1.1rem;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700;flex:1;box-shadow:0 4px 12px #4c6ef54d}.btn-ar-hunt:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4c6ef566}.btn-ar-hunt:active{transform:translateY(0)}.btn-found{background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff;border:none;padding:.8rem 1.5rem;font-size:1.1rem;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700;flex:1;box-shadow:0 4px 12px #37b24d4d}.btn-found:hover{transform:translateY(-2px);box-shadow:0 6px 20px #37b24d66}.btn-found:active{transform:translateY(0)}.found-time{margin-top:1rem;padding:.5rem;background:#d3f9d8;border-radius:8px;color:#2b8a3e;font-weight:700;font-size:1.1rem}.captured-photo-thumbnail{margin-top:1rem;position:relative}.captured-photo-thumbnail img{width:100%;border-radius:10px;cursor:pointer;transition:transform .2s;box-shadow:0 4px 15px #0003}.captured-photo-thumbnail img:hover{transform:scale(1.02)}.photo-badge{position:absolute;top:10px;right:10px;background:#4c6ef5e6;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.nav-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.btn-back{background:#868e96;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:12px;cursor:pointer;transition:background .2s}.btn-back:hover{background:#6c757d}.btn-reset{background:#ff6b6b;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:12px;cursor:pointer;transition:background .2s}.btn-reset:hover{background:#ee5a6f}.photo-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.photo-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.photo-modal-content img{max-width:100%;max-height:90vh;border-radius:10px;box-shadow:0 8px 40px #00000080}.photo-modal-close{position:absolute;top:-50px;right:0;background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.photo-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.captured-photo-thumbnail img{cursor:pointer}@media(max-width:768px){.find-elves-container{padding:1rem}.elves-header{flex-direction:column;text-align:center}.elves-info h1{font-size:1.8rem}.progress-display{flex-direction:column}.elves-grid{grid-template-columns:1fr}.victory-message h2{font-size:1.8rem}.victory-message p{font-size:1.2rem}}.secret-santa-container{padding:2rem;max-width:1000px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.santa-header{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.santa-info h1{margin:0 0 .5rem;color:#2d3748;font-size:1.8rem}.santa-subtitle{margin:0;color:#718096;font-size:1.1rem}.add-participant-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.add-participant-section h2{margin:0 0 1rem;color:#2d3748}.add-participant-form{display:flex;gap:1rem;flex-wrap:wrap}.participant-input{flex:1;min-width:200px;padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem}.participant-input:focus{outline:none;border-color:#667eea}.btn-add{white-space:nowrap}.error-message{margin-top:.5rem;color:#f56565;font-size:.9rem;font-weight:700}.participants-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.participants-section h2{margin:0 0 1rem;color:#2d3748}.empty-state{text-align:center;padding:3rem;color:#718096}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-text{font-size:1.1rem}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.participant-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:10px;border-left:4px solid #667eea}.participant-name{font-weight:700;color:#2d3748;font-size:1.1rem}.btn-remove-small{background:#fc8181;color:#fff;border:none;width:25px;height:25px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-small:hover{background:#f56565;transform:scale(1.1)}.wheel-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;text-align:center}.wheel-container{position:relative;width:400px;height:400px;margin:2rem auto}.wheel{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);box-shadow:0 8px 25px #0003;transition:transform 3s cubic-bezier(.25,.1,.25,1)}.wheel.spinning{transition:transform 3s cubic-bezier(.17,.67,.12,.99)}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;z-index:10}.wheel-icon{font-size:2.5rem}.wheel-segment{position:absolute;width:50%;height:50%;top:0;left:50%;transform-origin:left bottom;display:flex;align-items:flex-start;justify-content:center;padding-top:20px}.segment-label{background:#ffffffe6;padding:.5rem 1rem;border-radius:20px;font-weight:700;color:#2d3748;font-size:.9rem;box-shadow:0 2px 8px #0003}.wheel-pointer{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:3rem;color:#f56565;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));z-index:20}.btn-spin{padding:1rem 3rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f5576c66;margin-top:1rem}.btn-spin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f5576c80}.btn-spin:disabled{opacity:.5;cursor:not-allowed}.hint-text{margin-top:1rem;color:#718096;font-size:1rem}.assignment-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.success-message{text-align:center;padding:2rem;background:linear-gradient(135deg,#d4fc79,#96e6a1);border-radius:15px;margin-bottom:2rem}.success-icon{font-size:4rem;display:block;margin-bottom:1rem}.success-message h2{margin:0 0 .5rem;color:#2d3748}.success-message p{margin:0;color:#4a5568;font-size:1.1rem}.check-assignment{text-align:center}.check-assignment h3{margin:0 0 1.5rem;color:#2d3748;font-size:1.5rem}.participant-select{width:100%;max-width:400px;padding:1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1.1rem;margin-bottom:1rem;cursor:pointer}.participant-select:focus{outline:none;border-color:#667eea}.btn-reveal{padding:1rem 2rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;margin-bottom:2rem}.btn-reveal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-reveal:disabled{opacity:.5;cursor:not-allowed}.assignment-reveal{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#fa709a,#fee140);border-radius:15px}.assignment-text{margin:0 0 1rem;color:#2d3748;font-size:1.2rem}.assignment-box{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#fff;border-radius:15px;margin-bottom:1rem;box-shadow:0 4px 15px #0003}.gift-icon{font-size:3rem}.assignment-box h2{margin:0;color:#2d3748;font-size:2.5rem}.btn-reset{margin-top:2rem}.nav-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.santa-header{flex-direction:column;text-align:center}.santa-info h1{font-size:1.5rem}.add-participant-form{flex-direction:column}.participant-input{width:100%}.participants-grid{grid-template-columns:1fr}.wheel-container{width:300px;height:300px}.segment-label{font-size:.8rem;padding:.3rem .6rem}.btn-spin{font-size:1.2rem;padding:.8rem 2rem}.participant-select{width:100%}.assignment-box h2{font-size:1.8rem}}.ar-game-page{min-height:100vh;background:linear-gradient(135deg,#0a1f35,#1a0f2e,#0f1419);position:relative;overflow-x:hidden;color:var(--cockpit-green);font-family:var(--cockpit-font)}.ar-game-page:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(0,255,136,.03) 0px,transparent 2px,transparent 40px),repeating-linear-gradient(0deg,rgba(0,255,136,.03) 0px,transparent 2px,transparent 40px);pointer-events:none;z-index:0}.ar-game-page>*{position:relative;z-index:1}.ar-game-hero{padding:4rem 0 3rem;text-align:center;position:relative}.ar-game-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--cockpit-green) 50%,transparent 100%);opacity:.3}.ar-game-hero__content{display:flex;flex-direction:column;align-items:center;gap:2rem}.ar-game-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;text-shadow:0 0 30px rgba(0,255,136,.6);letter-spacing:var(--cockpit-letter-spacing)}.ar-game-hero__icon{font-size:clamp(2.5rem,4vw,3rem);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,255,136,.6))}.ar-game-hero__subtitle{font-size:clamp(.875rem,2vw,1.125rem);margin:0;opacity:.9;max-width:700px;line-height:1.6;letter-spacing:1px}.ar-game-hero__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.ar-game-section{padding:2.5rem 0}.ar-game-section__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;text-align:center;margin-bottom:2rem;text-shadow:0 0 20px rgba(0,255,136,.5);letter-spacing:2px}.ar-game-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:0}.ar-feature-card{transition:transform .3s ease}.ar-feature-card:hover{transform:translateY(-4px)}.ar-game-feature__icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(0,255,136,.5))}.ar-game-feature__title{font-size:var(--text-lg);font-weight:600;margin-bottom:.75rem;letter-spacing:2px}.ar-game-feature__description{font-size:var(--text-sm);color:#0f8c;margin:0;line-height:1.6}.ar-game-step{display:flex;align-items:flex-start;gap:1.5rem}.ar-game-step__number{flex-shrink:0;width:3rem;height:3rem;background:#0f83;color:var(--cockpit-green);border:2px solid var(--cockpit-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 0 20px #00ff884d}.ar-game-step__title{font-size:var(--text-xl);font-weight:600;margin-bottom:.5rem;letter-spacing:2px}.ar-game-step__description{font-size:var(--text-base);color:#0f8c;margin:0;line-height:1.6}.ar-requirements-card{max-width:800px;margin:0 auto}.ar-game-requirements{padding:1rem}.ar-game-requirements__title{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xl);font-weight:600;margin-bottom:1rem;letter-spacing:2px}.ar-game-requirements__list{list-style:none;padding:0;margin:1rem 0 0}.ar-game-requirement{display:flex;align-items:center;gap:1rem;padding:.75rem 0;font-size:var(--text-base);color:#00ff88e6;line-height:1.6}.ar-game-cta{text-align:center;padding:2rem;max-width:800px;margin:0 auto}.ar-game-cta h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,255,136,.5);letter-spacing:2px}.ar-game-cta p{font-size:var(--text-base);color:#0f8c;margin-bottom:2rem;line-height:1.6}.ar-game-footer{padding:2rem 0 3rem;text-align:center}@media(max-width:640px){.ar-game-hero{padding:3rem 0 2rem}.ar-game-hero__title{font-size:clamp(1.5rem,5vw,2rem)}.ar-game-hero__icon{font-size:2rem}.ar-game-hero__subtitle{font-size:.875rem}.ar-game-features{grid-template-columns:1fr}.ar-game-step{gap:1rem}.ar-game-step__number{width:2.5rem;height:2.5rem;font-size:1.25rem}}@media(min-width:1024px)and (orientation:landscape){.ar-game-hero{padding:5rem 0 4rem}.ar-game-section{padding:3rem 0}}.ar-launch-button{background:#0f83!important;border:2px solid #00ff88!important;color:#0f8!important;box-shadow:0 0 20px #00ff884d,inset 0 0 15px #00ff881a!important;text-shadow:0 0 10px rgba(0,255,136,.5);font-family:Courier New,monospace;font-weight:700;letter-spacing:1px}.ar-launch-button:hover{background:#00ff884d!important;box-shadow:0 0 30px #00ff8880,inset 0 0 20px #0f83!important;transform:translateY(-2px)}.ar-demo-button{border-color:#00ff8880!important;color:#0f8!important;background:#0014284d!important}.ar-demo-button:hover{border-color:#0f8!important;background:#00ff881a!important}.ar-game-section{padding:3rem 0}.ar-game-section__title{font-size:var(--text-3xl);font-weight:700;text-align:center;margin-bottom:2rem;color:#0f8;font-family:Courier New,monospace;letter-spacing:1px;text-shadow:0 0 20px rgba(0,255,136,.4);text-transform:uppercase}.ar-game-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.ar-feature-card{background:#00142899!important;border:1px solid rgba(0,255,136,.3)!important;box-shadow:0 4px 6px #0000004d,inset 0 0 20px #00ff880d!important;transition:all .3s ease!important}.ar-feature-card:hover{border-color:#0f89!important;box-shadow:0 8px 16px #0006,0 0 30px #0f83,inset 0 0 25px #00ff881a!important;transform:translateY(-4px)}.ar-game-feature{text-align:center;padding:1rem}.ar-game-feature__icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(0,255,136,.4))}.ar-game-feature__title{font-size:var(--text-xl);font-weight:600;margin-bottom:.5rem;color:#0f8;font-family:Courier New,monospace}.ar-game-feature__description{font-size:var(--text-base);color:#a0ffd0;line-height:1.6}.ar-game-steps{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.ar-game-step{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:#00142880;border:1px solid rgba(0,255,136,.3);border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000004d,inset 0 0 15px #00ff880d;transition:all .3s ease}.ar-game-step:hover{border-color:#00ff8880;box-shadow:0 6px 12px #0006,0 0 20px #0f83,inset 0 0 20px #00ff881a}.ar-game-step__number{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#0f83;border:2px solid #00ff88;color:#0f8;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700;font-family:Courier New,monospace;box-shadow:0 0 15px #00ff884d,inset 0 0 10px #0f83}.ar-game-step__content{flex:1}.ar-game-step__title{font-size:var(--text-xl);font-weight:600;margin-bottom:.5rem;color:#0f8;font-family:Courier New,monospace}.ar-game-step__description{font-size:var(--text-base);color:#a0ffd0;line-height:1.6;margin:0}.ar-requirements-card{background:#00142880!important;border:1px solid rgba(0,255,136,.3)!important;box-shadow:0 4px 6px #0000004d,inset 0 0 15px #00ff880d!important}.ar-game-requirements{text-align:center}.ar-game-requirements__title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:var(--text-xl);font-weight:600;margin-bottom:1rem;color:#0f8;font-family:Courier New,monospace}.ar-game-requirements__list{list-style:none;text-align:left;max-width:600px;margin:1.5rem auto 0;padding:0}.ar-game-requirement{display:flex;align-items:center;gap:.75rem;padding:.75rem;font-size:var(--text-base);color:#a0ffd0}.ar-game-requirement__icon{font-size:1.25rem}.ar-game-cta{text-align:center;padding:3rem 2rem;background:#00142899;border:2px solid rgba(0,255,136,.3);border-radius:var(--radius-lg);box-shadow:0 8px 16px #0006,0 0 30px #0f83,inset 0 0 20px #00ff881a}.ar-game-cta h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:.5rem;color:#0f8;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(0,255,136,.5)}.ar-game-cta p{font-size:var(--text-lg);color:#a0ffd0;margin-bottom:2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:640px){.ar-game-hero{padding:2rem 0}.ar-game-hero__title{font-size:var(--text-3xl)}.ar-game-hero__icon{font-size:2.5rem}.ar-game-hero__subtitle{font-size:var(--text-base)}.ar-game-section{padding:2rem 0}.ar-game-section__title{font-size:var(--text-2xl)}.ar-game-features{grid-template-columns:1fr}.ar-game-step{flex-direction:column;text-align:center}.ar-game-step__number{margin:0 auto}}@media(min-width:1024px)and (max-width:1366px)and (orientation:landscape){.ar-game-hero__title{font-size:var(--text-4xl)}.ar-game-features{grid-template-columns:repeat(2,1fr)}}.ar-game-wrapper{position:fixed;inset:0;width:100vw;height:100vh;background:#000;overflow:hidden;z-index:9999}.ar-viewport{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0a}.ar-mock-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a1a2e,#0a0a0a)}.ar-mock-message{text-align:center;color:#0f8;padding:2rem;max-width:500px}.ar-mock-message h3{font-size:2rem;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,255,136,.8)}.ar-mock-message p{font-size:1.125rem;line-height:1.6;margin:.5rem 0;opacity:.9}.ar-mock-note{margin-top:1.5rem;font-size:.875rem!important;opacity:.7!important;font-style:italic}.ar-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Courier New,monospace;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.ar-hud *{pointer-events:auto}.ar-hud--minimal .ar-hud-center,.ar-hud--minimal .ar-hud-bottom{display:none}.ar-hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);z-index:10}.ar-hud-score{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:#001428d9;border:2px solid #00ff88;border-radius:8px;box-shadow:0 0 20px #00ff884d,inset 0 0 10px #00ff881a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:100px}.ar-hud-score__label{font-size:.75rem;font-weight:700;letter-spacing:2px;opacity:.8;margin-bottom:.25rem}.ar-hud-score__value{font-size:2rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 15px rgba(0,255,136,.8)}.ar-hud-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;z-index:5}.ar-hud-status{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem;background:#001428e6;border:2px solid #00ff88;border-radius:12px;box-shadow:0 0 30px #0f86,inset 0 0 20px #00ff881a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:pulse 2s ease-in-out infinite}.ar-hud-status__icon{font-size:3rem;filter:drop-shadow(0 0 10px rgba(0,255,136,.6))}.ar-hud-status__message{font-size:1.125rem;text-align:center;line-height:1.5;letter-spacing:.5px;font-weight:500}.ar-hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 100%);z-index:10}.ar-hud-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700;color:#0f8;background:#001428cc;border:2px solid #00ff88;border-radius:6px;cursor:pointer;transition:all .2s ease;text-shadow:0 0 10px rgba(0,255,136,.5);box-shadow:0 0 15px #0f83,inset 0 0 10px #00ff881a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ar-hud-button:hover{background:#0f83;border-color:#0fa;box-shadow:0 0 25px #0f86,inset 0 0 15px #0f83;transform:translateY(-2px)}.ar-hud-button:active{transform:translateY(0);box-shadow:0 0 15px #00ff884d,inset 0 0 20px #00ff884d}.ar-hud-button--exit{padding:.5rem 1rem;font-size:1.5rem;border-radius:50%;min-width:50px;min-height:50px}.ar-hud-button--primary{background:#0f83;border-color:#0fa;box-shadow:0 0 20px #0f86,inset 0 0 15px #0f83}.ar-hud-button--primary:hover{background:#00ff884d;box-shadow:0 0 30px #0f89,inset 0 0 20px #00ff884d}.ar-hud-button--minimize,.ar-hud-button--expand{padding:.5rem .75rem;font-size:.875rem;min-width:auto}@keyframes pulse{0%,to{box-shadow:0 0 30px #0f86,inset 0 0 20px #00ff881a}50%{box-shadow:0 0 40px #0f89,inset 0 0 25px #00ff8826}}@media(max-width:640px){.ar-hud-top{padding:1rem}.ar-hud-score{padding:.75rem 1rem;min-width:80px}.ar-hud-score__label{font-size:.625rem}.ar-hud-score__value{font-size:1.5rem}.ar-hud-center{width:90%}.ar-hud-status{padding:1rem 1.5rem}.ar-hud-status__icon{font-size:2rem}.ar-hud-status__message{font-size:.875rem}.ar-mock-message h3{font-size:1.5rem}.ar-mock-message p{font-size:1rem}.ar-hud-bottom{padding:1rem;flex-wrap:wrap}.ar-hud-button{padding:.625rem 1rem;font-size:.875rem}.ar-hud-button--exit{min-width:40px;min-height:40px;font-size:1.25rem}}@media(min-width:641px)and (max-width:1024px)and (orientation:portrait){.ar-hud-top{padding:1.25rem}.ar-hud-score{padding:.875rem 1.25rem}.ar-hud-status{padding:1.25rem 1.75rem}.ar-hud-bottom{padding:1.5rem}}@media(min-width:641px)and (orientation:landscape){.ar-hud-top{padding:1.5rem 2rem}.ar-hud-score{padding:1rem 1.5rem;min-width:120px}.ar-hud-center{max-width:600px}.ar-hud-bottom{padding:2rem 3rem;gap:1.5rem}.ar-hud-button{padding:1rem 2rem;font-size:1.125rem}}@supports (padding: env(safe-area-inset-top)){.ar-hud-top{padding-top:max(1.5rem,env(safe-area-inset-top));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.ar-hud-bottom{padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.ar-hud-status{animation:none}.ar-hud-button{transition:none}}@media(prefers-contrast:high){.ar-hud-button,.ar-hud-score,.ar-hud-status{border-width:3px}}.ar-game-play{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden}.ar-game-play--error{background:linear-gradient(135deg,#0a1f35,#0f1419);display:flex;align-items:center;justify-content:center;padding:2rem}.ar-game-error,.ar-demo-error{width:100%;max-width:700px}.ar-game-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.ar-game-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;max-width:500px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.ar-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ar-hud>*{pointer-events:auto}.ar-hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.ar-score{display:flex;align-items:center;gap:.5rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;color:#fff;font-size:var(--text-xl);font-weight:700;box-shadow:0 4px 12px #0000004d}.ar-score-label{font-size:var(--text-base);opacity:.9}.ar-score-value{font-size:var(--text-2xl);color:var(--accent)}.ar-hud-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ar-status-message{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:var(--text-lg);text-align:center;box-shadow:0 4px 12px #00000080;max-width:80vw}.ar-hud-bottom{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem}.ar-hud-bottom button{background:#fff3!important;color:#fff!important;border:2px solid rgba(255,255,255,.5)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ar-pause-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:20px;text-align:center;min-width:300px;box-shadow:0 8px 32px #000c}.ar-pause-menu h2{color:#fff;font-size:var(--text-3xl);margin-bottom:2rem}.ar-pause-actions{display:flex;flex-direction:column;gap:1rem}.ar-game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:20px;text-align:center;min-width:320px;box-shadow:0 8px 32px #000c}.ar-game-over h2{color:#fff;font-size:var(--text-3xl);margin-bottom:1.5rem}.ar-final-score{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;color:#fff}.ar-final-score span:first-child{font-size:var(--text-lg);opacity:.8}.score-large{font-size:4rem;font-weight:800;color:var(--accent);text-shadow:0 2px 8px rgba(255,230,109,.5)}.ar-game-over-actions{display:flex;flex-direction:column;gap:1rem}@media(max-width:640px){.ar-game-play--error .ar-game-error{padding:1rem}.ar-error-actions{flex-direction:column}.ar-error-actions button{width:100%}.ar-hud-top{padding:.75rem}.ar-score{padding:.5rem 1rem;font-size:var(--text-base)}.ar-score-value{font-size:var(--text-xl)}.ar-status-message{font-size:var(--text-base);padding:.75rem 1.5rem}.ar-pause-menu,.ar-game-over{padding:2rem;min-width:280px}.ar-pause-menu h2,.ar-game-over h2{font-size:var(--text-2xl)}.score-large{font-size:3rem}}@media(min-width:1024px)and (orientation:landscape){.ar-hud-top{padding:1.5rem 2rem}.ar-status-message{max-width:600px}}.ar-demo-page{min-height:100vh;background:linear-gradient(135deg,#0a1f35,#1a0f2e,#0f1419);position:relative;overflow-x:hidden;color:var(--cockpit-green);font-family:var(--cockpit-font)}.ar-demo-page:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(0,255,136,.03) 0px,transparent 2px,transparent 40px),repeating-linear-gradient(0deg,rgba(0,255,136,.03) 0px,transparent 2px,transparent 40px);pointer-events:none;z-index:0}.ar-demo-page>*{position:relative;z-index:1}.ar-demo-hero{padding:4rem 0 3rem;text-align:center;position:relative}.ar-demo-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--cockpit-green) 50%,transparent 100%);opacity:.3}.ar-demo-hero__content{display:flex;flex-direction:column;align-items:center;gap:2rem}.ar-demo-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;text-shadow:0 0 30px rgba(0,255,136,.6);letter-spacing:var(--cockpit-letter-spacing)}.ar-demo-hero__icon{font-size:clamp(2.5rem,4vw,3rem);animation:rotate 6s linear infinite;filter:drop-shadow(0 0 20px rgba(0,255,136,.6))}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ar-demo-hero__subtitle{font-size:clamp(.875rem,2vw,1rem);margin:0;opacity:.9;max-width:700px;line-height:1.6;letter-spacing:1px}.ar-demo-hero__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.ar-demo-section{padding:2.5rem 0}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;text-align:center;margin-bottom:2rem;text-shadow:0 0 20px rgba(0,255,136,.5);letter-spacing:2px}.ar-demo-info{padding:1rem}.ar-demo-info__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 0 20px rgba(0,255,136,.5);letter-spacing:2px}.ar-demo-info__list{list-style:none;counter-reset:demo-counter;padding:0;margin:0}.ar-demo-info__list li{counter-increment:demo-counter;position:relative;padding-left:3.5rem;margin-bottom:1.5rem;font-size:var(--text-base);line-height:1.6;color:#00ff88e6}.ar-demo-info__list li:before{content:counter(demo-counter);position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;background:#0f83;color:var(--cockpit-green);border:2px solid var(--cockpit-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-base);box-shadow:0 0 15px #00ff884d}.ar-demo-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:0}.ar-demo-feature{text-align:center;transition:transform .3s ease}.ar-demo-feature:hover{transform:translateY(-4px)}.ar-demo-feature__icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(0,255,136,.5))}.ar-demo-feature h3{font-size:var(--text-lg);font-weight:600;margin-bottom:.75rem;letter-spacing:2px}.ar-demo-feature p{font-size:var(--text-sm);color:#0f8c;margin:0;line-height:1.6}.ar-demo-cta{text-align:center;padding:2rem}.ar-demo-cta h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,255,136,.5);letter-spacing:2px}.ar-demo-cta p{font-size:var(--text-base);color:#0f8c;margin-bottom:2rem;line-height:1.6}.ar-demo-tips{padding:1rem}.ar-demo-tips h3{font-size:var(--text-xl);font-weight:600;margin-bottom:1.5rem;text-align:center;letter-spacing:2px}.ar-demo-tips ul{list-style:none;padding:0;margin:0}.ar-demo-tips li{padding:.75rem 0 .75rem 2rem;position:relative;font-size:var(--text-base);color:#00ff88e6;line-height:1.6}.ar-demo-tips li:before{content:"✓";position:absolute;left:0;color:var(--cockpit-green);font-weight:700;font-size:var(--text-lg);text-shadow:0 0 10px rgba(0,255,136,.5)}.ar-demo-footer{padding:2rem 0 3rem;text-align:center}@media(max-width:640px){.ar-demo-hero{padding:3rem 0 2rem}.ar-demo-hero__title{font-size:clamp(1.5rem,5vw,2rem)}.ar-demo-hero__icon{font-size:2rem}.ar-demo-hero__subtitle{font-size:.875rem}.ar-demo-features{grid-template-columns:1fr}.ar-demo-info__list li{padding-left:3rem}.ar-demo-info__list li:before{width:2rem;height:2rem;font-size:var(--text-sm)}}@media(min-width:1024px)and (orientation:landscape){.ar-demo-hero{padding:5rem 0 4rem}.ar-demo-section{padding:3rem 0}}.ar-demo-wrapper{position:fixed;inset:0;width:100vw;height:100vh;background:#000;overflow:hidden;z-index:9999}.ar-demo-viewport{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0a;cursor:crosshair}.ar-demo-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a1a2e,#0a0a0a);position:relative}.ar-demo-message{text-align:center;color:#0f8;padding:2rem;max-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.ar-demo-message h3{font-size:2rem;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,255,136,.8);font-family:Courier New,monospace}.ar-capability-badge{display:inline-block;padding:.5rem 1rem;margin:.5rem 0;font-size:.875rem!important;background:#001428b3;border:1px solid #00ff88;border-radius:20px;box-shadow:0 0 10px #00ff884d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ar-demo-message p{font-size:1.125rem;line-height:1.6;margin:.5rem 0;opacity:.9;font-family:Courier New,monospace}.ar-demo-note{margin-top:1.5rem;font-size:.875rem!important;opacity:.7!important;font-style:italic}.ar-demo-cube{position:absolute;width:60px;height:60px;border-radius:8px;box-shadow:0 0 20px currentColor,inset 0 0 20px #fff3;transform:translate(-50%,-50%) rotate(45deg);animation:cubePulse 2s ease-in-out infinite;pointer-events:none;z-index:2;border:2px solid rgba(255,255,255,.3)}@keyframes cubePulse{0%,to{transform:translate(-50%,-50%) rotate(45deg) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.1);opacity:1}}.ar-demo-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Courier New,monospace;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);z-index:10}.ar-demo-hud *{pointer-events:auto}.ar-demo-hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);z-index:10}.ar-demo-title{font-size:1.5rem;font-weight:700;letter-spacing:3px;text-shadow:0 0 15px rgba(0,255,136,.8)}.ar-demo-button{background:#001428cc;border:2px solid #00ff88;border-radius:8px;color:#0f8;font-family:Courier New,monospace;font-size:1.125rem;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,136,.5);box-shadow:0 0 15px #0f83,inset 0 0 10px #00ff881a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.ar-demo-button:hover{background:#0f83;box-shadow:0 0 25px #0f86,inset 0 0 15px #0f83;transform:translateY(-2px)}.ar-demo-button:active{transform:translateY(0)}.ar-demo-button--exit{width:44px;height:44px;border-radius:50%;font-size:1.5rem;padding:0}.ar-demo-button--clear{font-size:1.25rem}.ar-demo-hud-center{position:absolute;bottom:120px;left:50%;transform:translate(-50%);pointer-events:none;max-width:90%}.ar-demo-status{background:#001428e6;border:2px solid #00ff88;border-radius:12px;padding:1.5rem 2rem;text-align:center;box-shadow:0 0 30px #0f86,inset 0 0 20px #00ff881a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 30px #0f86,inset 0 0 20px #00ff881a}50%{box-shadow:0 0 40px #0f89,inset 0 0 25px #00ff8826}}.ar-demo-status__icon{font-size:2.5rem;margin-bottom:.5rem;filter:drop-shadow(0 0 10px rgba(0,255,136,.6))}.ar-demo-status__message{font-size:1.125rem;letter-spacing:1px;margin-bottom:.5rem}.ar-demo-status__count{font-size:.875rem;opacity:.8;letter-spacing:2px;margin-top:.5rem}@media(max-width:640px){.ar-demo-hud-top{padding:1rem}.ar-demo-title{font-size:1rem;letter-spacing:2px}.ar-demo-button{font-size:1rem;padding:.5rem .75rem}.ar-demo-cube{width:40px;height:40px}.ar-demo-status{padding:1rem 1.5rem}.ar-demo-status__icon{font-size:2rem}.ar-demo-status__message{font-size:1rem}.ar-demo-message h3{font-size:1.5rem}.ar-demo-message p{font-size:1rem}}@media(min-width:1024px)and (orientation:landscape){.ar-demo-hud-top{padding:1.5rem 2rem}.ar-demo-status{max-width:600px}.ar-demo-cube{width:80px;height:80px}}@supports (padding: env(safe-area-inset-top)){.ar-demo-hud-top{padding-top:max(1.5rem,env(safe-area-inset-top));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.ar-demo-cube,.ar-demo-status{animation:none}.ar-demo-button{transition:none}}.ar-demo-play{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden}.ar-demo-play--error{background:linear-gradient(135deg,#0a1f35,#0f1419);display:flex;align-items:center;justify-content:center;padding:2rem}.ar-demo-error,.ar-game-error{width:100%;max-width:700px}.ar-error-content{display:flex;flex-direction:column;gap:1.5rem}.ar-error-title{font-family:Courier New,monospace;letter-spacing:2px;color:#0f8;text-shadow:0 0 15px rgba(0,255,136,.6);font-size:1.5rem;font-weight:700;margin:0;text-align:center}.ar-error-message{font-family:Courier New,monospace;color:#a0ffd0;font-size:1rem;line-height:1.6;text-align:center;margin:0}.ar-error-suggestions{margin-top:1rem}.ar-error-suggestions h3{font-family:Courier New,monospace;letter-spacing:2px;color:#0f8;font-size:.875rem;font-weight:700;margin:1.5rem 0 .75rem;text-transform:uppercase}.ar-error-suggestions ul{margin:.5rem 0;padding-left:0;list-style:none}.ar-error-suggestions li{font-family:Courier New,monospace;color:#a0ffd0;margin:.5rem 0;padding:.5rem .75rem;background:#00ff880d;border-left:2px solid #00ff88;border-radius:4px;line-height:1.6;font-size:.875rem}.ar-error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}@media(max-width:640px){.ar-error-title{font-size:1.25rem}.ar-error-message{font-size:.875rem}.ar-error-actions{flex-direction:column;width:100%}.ar-error-actions button{width:100%}}.ar-viewport{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.ar-demo-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.ar-demo-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;max-width:500px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.ar-demo-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ar-demo-hud>*{pointer-events:auto}.ar-demo-hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.ar-exit-button{background:#fff3!important;color:#fff!important;border:2px solid rgba(255,255,255,.5)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-lg);font-weight:700}.ar-exit-button:hover{background:#ffffff4d!important}.ar-demo-title{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;color:#fff;font-size:var(--text-lg);font-weight:700;box-shadow:0 4px 12px #0000004d}.ar-demo-hud-center{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:none;max-width:80vw}.ar-demo-status{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:var(--text-lg);text-align:center;box-shadow:0 4px 12px #00000080}.ar-demo-hint{background:#4ecdc4e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:var(--text-base);font-weight:600;text-align:center;box-shadow:0 4px 12px #4ecdc466;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media(max-width:640px){.ar-demo-play--error .ar-demo-error{padding:1rem}.ar-error-actions{flex-direction:column}.ar-error-actions button{width:100%}.ar-demo-hud-top{padding:.75rem}.ar-demo-title{padding:.5rem 1rem;font-size:var(--text-base)}.ar-demo-status{font-size:var(--text-base);padding:.75rem 1.5rem}.ar-demo-hint{font-size:var(--text-sm);padding:.5rem 1rem}}@media(min-width:1024px)and (orientation:landscape){.ar-demo-hud-top{padding:1.5rem 2rem}.ar-demo-hud-center{max-width:600px}}.coding-bank-page{min-height:100vh;background:linear-gradient(135deg,#0a1f35,#0f1419)}.coding-bank-hero{padding:4rem 0 2rem;text-align:center;background:radial-gradient(circle at center,rgba(0,255,136,.05) 0%,transparent 70%)}.coding-bank-hero__content{animation:fadeIn .6s ease-out}.coding-bank-hero__title{font-family:Courier New,monospace;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--cockpit-color-primary, #00ff88);margin:0 0 1rem;letter-spacing:3px;text-shadow:0 0 20px rgba(0,255,136,.5)}.coding-bank-hero__icon{display:inline-block;margin:0 1rem;animation:pulse 2s ease-in-out infinite}.coding-bank-hero__subtitle{font-family:Courier New,monospace;font-size:clamp(.9rem,2vw,1.1rem);color:var(--cockpit-color-accent, #a0ffd0);letter-spacing:2px;margin:0}.coding-bank-search{margin:2rem 0;animation:slideDown .5s ease-out}.coding-bank-search__input{width:100%;max-width:600px;padding:1rem 1.5rem;font-family:Courier New,monospace;font-size:1rem;background:#0a1f3599;border:2px solid var(--cockpit-color-primary, #00ff88);border-radius:8px;color:var(--cockpit-color-primary, #00ff88);letter-spacing:1px;transition:all .3s ease;display:block;margin:0 auto;box-shadow:0 0 20px #0f83}.coding-bank-search__input::placeholder{color:#a0ffd080}.coding-bank-search__input:focus{outline:none;border-color:var(--cockpit-color-accent, #a0ffd0);box-shadow:0 0 30px #0f86}.coding-bank-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0;animation:fadeIn .8s ease-out}.coding-bank-category{transition:transform .3s ease}.coding-bank-category:hover{transform:translateY(-5px)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.category-icon{font-size:2.5rem;display:block}.category-title{font-family:Courier New,monospace;font-size:1.5rem;color:var(--cockpit-color-primary, #00ff88);margin:0;letter-spacing:2px}.category-description{font-family:Courier New,monospace;color:var(--cockpit-color-accent, #a0ffd0);margin:1rem 0;line-height:1.6}.category-stats{display:flex;gap:1rem;margin:1rem 0}.category-stat{font-family:Courier New,monospace;color:var(--cockpit-color-accent, #a0ffd0);font-size:.9rem;letter-spacing:1px}.category-actions{margin-top:1.5rem;display:flex;gap:1rem}.coding-bank-detail{animation:fadeIn .6s ease-out}.coding-bank-detail__header{margin-bottom:2rem}.detail-hero{margin-bottom:2rem;text-align:center}.detail-hero__content{padding:2rem}.detail-hero__icon{font-size:4rem;display:block;margin-bottom:1rem}.detail-hero__title{font-family:Courier New,monospace;font-size:2rem;color:var(--cockpit-color-primary, #00ff88);margin:0 0 1rem;letter-spacing:2px}.detail-hero__description{font-family:Courier New,monospace;color:var(--cockpit-color-accent, #a0ffd0);font-size:1.1rem;margin:0;line-height:1.6}.detail-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-item{transition:transform .3s ease}.detail-item:hover{transform:translateY(-3px)}.detail-item__name{font-family:Courier New,monospace;font-size:1.2rem;color:var(--cockpit-color-primary, #00ff88);margin:0 0 .5rem;letter-spacing:1px}.detail-item__description{font-family:Courier New,monospace;color:var(--cockpit-color-accent, #a0ffd0);margin:.5rem 0 1rem;line-height:1.5;font-size:.95rem}.detail-item__meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.detail-item__badge{font-family:Courier New,monospace;font-size:.85rem;padding:.25rem .75rem;border-radius:4px;letter-spacing:1px}.detail-item__badge--language{background:#00ff881a;color:var(--cockpit-color-primary, #00ff88);border:1px solid var(--cockpit-color-primary, #00ff88)}.detail-item__badge--difficulty{background:#a0ffd01a;color:var(--cockpit-color-accent, #a0ffd0);border:1px solid var(--cockpit-color-accent, #a0ffd0)}.detail-item__actions{margin-top:1rem}.coding-bank-info{margin-top:3rem;margin-bottom:2rem}.info-title{font-family:Courier New,monospace;font-size:1.5rem;color:var(--cockpit-color-primary, #00ff88);margin:0 0 1rem;letter-spacing:2px;text-align:center}.info-description{font-family:Courier New,monospace;color:var(--cockpit-color-accent, #a0ffd0);line-height:1.8;margin:1rem auto 2rem;text-align:center;max-width:800px}.info-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.info-feature{display:flex;align-items:center;gap:.5rem}.info-feature__icon{font-size:1.5rem}.info-feature__text{font-family:Courier New,monospace;color:var(--cockpit-color-primary, #00ff88);font-size:.9rem;letter-spacing:1px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.coding-bank-hero{padding:2rem 0 1rem}.coding-bank-categories{grid-template-columns:1fr;gap:1rem}.detail-items{grid-template-columns:1fr}.info-features{flex-direction:column;gap:1rem}}.cockpit-nav{position:sticky;top:0;left:0;right:0;background:linear-gradient(180deg,#0a1f35f2,#0a141efa,#0a141e);border-bottom:2px solid var(--cockpit-green);box-shadow:0 0 20px #0f83,0 4px 10px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;font-family:var(--cockpit-font)}.cockpit-nav__container{max-width:1536px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cockpit-nav__logo{display:flex;align-items:center;gap:.75rem;background:none;border:none;color:var(--cockpit-green);font-family:var(--cockpit-font);font-size:1.25rem;font-weight:700;letter-spacing:2px;cursor:pointer;padding:.5rem;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,136,.5);-webkit-tap-highlight-color:transparent}.cockpit-nav__logo:hover{text-shadow:0 0 20px rgba(0,255,136,.8);transform:translate(-2px)}.cockpit-nav__logo:active{transform:scale(.98)}.cockpit-nav__logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(0,255,136,.6))}.cockpit-nav__logo-text{display:none}.cockpit-nav__links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media(max-width:640px){.cockpit-nav__container{padding:.75rem 1rem;gap:.5rem}.cockpit-nav__logo{font-size:1rem;gap:.5rem}.cockpit-nav__logo-icon{font-size:1.25rem}.cockpit-nav__links{gap:.5rem}}@media(min-width:641px){.cockpit-nav__logo-text{display:inline}.cockpit-nav__links{gap:1rem}}@media(min-width:1024px){.cockpit-nav__container{padding:1.25rem 2rem}.cockpit-nav__logo{font-size:1.5rem}.cockpit-nav__logo-icon{font-size:1.75rem}.cockpit-nav__links{gap:1.5rem}}@supports (padding: env(safe-area-inset-top)){.cockpit-nav__container{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.cockpit-nav__logo{transition:none}}.btn-primary{padding:15px 30px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-primary.btn-large{padding:20px 40px;font-size:1.5rem}.btn-secondary{padding:15px 30px;font-size:1.2rem;font-weight:700;background:#4ecdc4;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.btn-secondary:hover{background:#3ab4a8;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-back{padding:12px 24px;font-size:1.1rem;font-weight:700;background:#e0e0e0;color:#333;border:none;border-radius:12px;cursor:pointer;transition:background .2s}.btn-back:hover{background:#d0d0d0}