body{margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;transition:background .5s ease}.app{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;transition:all .5s ease}.app.planetary-mode{background:linear-gradient(#0006,#0009),url(/background.jpg);background-size:cover;background-position:center;background-attachment:fixed}.container{padding:20px;max-width:600px;width:100%;transition:all .3s ease}.app.planetary-mode .container{box-shadow:0 25px 80px #00000080;border:1px solid rgba(255,255,255,.2)}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.header-left{display:flex;flex-direction:column}.header-right{display:flex;align-items:center}h1{color:#fff;margin:0;font-size:2.5em}.header .subline{font-size:12px;color:#fff}.difficulty-display{display:flex;align-items:center;gap:0px}.difficulty-label{font-weight:600;color:#555}.difficulty-badge{padding:5px 12px;border-radius:6px;font-weight:600;font-size:.95em;color:#fff;min-width:60px;text-align:center;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s}.difficulty-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.difficulty-easy{background:#4caf50}.difficulty-medium{background:#d4a629}.difficulty-hard{background:#f44336}.btn-new-game{font-size:1em;padding:12px 20px;white-space:nowrap}.game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.difficulty-selector{display:flex;align-items:center}.game-stats{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%}.game-progress-stats{display:flex;gap:20px;align-items:center;justify-content:center;margin:20px 0;padding:15px;border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:70px}.stat-label{font-size:.85em;font-weight:600;color:#fff;margin-bottom:0;white-space:nowrap}.stat-value{font-weight:700;font-size:1em}.timer-value{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-family:Courier New,monospace;min-width:60px;text-align:center;font-size:.95em;display:flex;align-items:center;justify-content:center;font-weight:600}.timer-clickable{cursor:pointer;transition:all .3s}.timer-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.timer-paused{background:#ff9800;animation:pulseOrange 1.5s infinite;cursor:pointer}@keyframes pulseOrange{0%,to{opacity:1}50%{opacity:.7}}.mistakes{padding:6px 12px;border-radius:6px;background:#c8e6c9;color:#1b5e20;transition:all .3s;min-width:40px;text-align:center;font-size:.95em;display:flex;align-items:center;justify-content:center;font-weight:600}.mistakes-warning{background:#fff3e0;color:#f57c00}.mistakes-danger{background:#ffebee;color:#d32f2f;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.difficulty-selector label{font-weight:600;margin-right:10px;color:#555}.difficulty-selector select{padding:8px 15px;border:2px solid #667eea;border-radius:8px;font-size:16px;cursor:pointer;background:#fff;transition:all .3s}.difficulty-selector select:hover{border-color:#764ba2}.message{text-align:center;padding:12px;margin-bottom:20px;border-radius:8px;background:#e3f2fd;color:#1976d2;font-weight:500;animation:fadeInMessage .3s ease-in;transition:opacity .5s ease-out}.message.fade-out{opacity:0}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.board{display:inline-block;border:3px solid #333;border-radius:8px;overflow:hidden;margin:0 auto 10px;display:block;width:fit-content}.board-row{display:flex}.board-row:nth-child(3),.board-row:nth-child(6){border-bottom:3px solid #333}.cell{width:50px;height:50px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;cursor:pointer;background:#fff;transition:all .2s;-webkit-user-select:none;user-select:none}.cell:nth-child(3),.cell:nth-child(6){border-right:3px solid #333}.cell:hover:not(.cell-initial){background:#f0f0f0}.cell:focus{outline:none}.cell-initial{background:#efefef;color:#333;cursor:default;font-weight:700}.cell-selected{background:#667eea!important;color:#fff}.cell-highlighted{background:#f5f5f5}.cell-number-highlighted{background:#e1f5fe!important;color:#0277bd;font-weight:700;border:2px solid #0288d1}.cell-flashing{animation:flashEffect 1s ease-in-out}.game-board{transition:all .3s ease}.game-board-blurred{filter:blur(8px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;gap:1px}.note{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:#666;line-height:1}.note-active{color:#333;font-weight:600}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.btn{padding:6px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;letter-spacing:.5px;color:#fff}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#757575;color:#fff}.btn-success{background:#4caf50;color:#fff}.btn-warning{background:#ff9800;color:#fff}.btn-notes{border-radius:6px;background:#9e9e9e;color:#fff;transition:all .3s;min-width:50px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-notes-active{background:#4caf50}.btn-notes:hover:not(:disabled){transform:translateY(-1px)}.mode-badge{padding:6px 12px;border-radius:6px;font-weight:600;font-size:.95em;color:#fff;min-width:70px;text-align:center;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.mode-planets{background:#764ba2}.mode-numbers{background:#667eea}.mode-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.instructions{background:#f5f5f5;padding:20px;border-radius:8px;margin-top:20px}.instructions h3{color:#333;margin-bottom:10px}.instructions p{color:#666;line-height:1.6}body.embedded{background:#fff;padding:0}body.embedded .app{padding:10px}.celebration-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-in}.celebration-content{text-align:center;color:#fff;animation:bounceIn .8s ease-out}.fireworks{font-size:4em;animation:fireworksAnimation 2s infinite;margin-bottom:20px}.confetti{font-size:3em;animation:confettiAnimation 1.5s infinite alternate;margin-bottom:20px}.celebration-text{font-size:3em;font-weight:900;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow 2s ease-in-out infinite;margin-bottom:10px}.celebration-subtext{font-size:1.5em;font-weight:600;color:gold;animation:pulse 1.5s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes fireworksAnimation{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(90deg)}50%{transform:scale(1.1) rotate(180deg)}75%{transform:scale(1.3) rotate(270deg)}}@keyframes confettiAnimation{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-20px) rotate(360deg)}}@keyframes rainbow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes flashEffect{0%{background:#4caf50;transform:scale(1);box-shadow:0 0 #4caf50b3}25%{background:#66bb6a;transform:scale(1.1);box-shadow:0 0 0 10px #4caf504d}50%{background:#81c784;transform:scale(1.05);box-shadow:0 0 0 15px #4caf501a}75%{background:#a5d6a7;transform:scale(1.02);box-shadow:0 0 0 5px #4caf500d}to{background:inherit;transform:scale(1);box-shadow:0 0 #4caf5000}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-in}.modal-content{background:#fff;border-radius:15px;padding:30px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0006;animation:bounceIn .5s ease-out}.modal-content h2{color:#333;margin-bottom:10px;font-size:1.8em}.modal-content p{color:#666;margin-bottom:25px;font-size:1.1em}.difficulty-options{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.btn-difficulty{padding:15px 20px;font-size:1.1em;font-weight:600;border-radius:10px;transition:all .3s;color:#fff}.btn-difficulty-easy{background:#4caf50}.btn-difficulty-easy:hover{background:#45a049;transform:translateY(-2px)}.btn-difficulty-medium{background:#ff9800}.btn-difficulty-medium:hover{background:#f57c00;transform:translateY(-2px)}.btn-difficulty-hard{background:#f44336}.btn-difficulty-hard:hover{background:#d32f2f;transform:translateY(-2px)}.modal-actions{display:flex;justify-content:center;gap:15px}.pause-modal-overlay{background:#000c;cursor:pointer}.pause-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer}.pause-modal-content h2{color:#fff;margin-bottom:15px}.pause-modal-content p{color:#ffffffe6;margin-bottom:25px}.pause-icon{font-size:4em;margin-bottom:20px;animation:pulseScale 2s infinite}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.number-pad{border-radius:2px;padding:5px;margin:5px 0}.number-pad-title{text-align:center;color:#fff;margin-bottom:10px;font-size:1em;font-weight:600}.number-grid{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:nowrap;overflow-x:auto}.number-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #667eea;border-radius:2px;background:#fff;cursor:pointer;transition:all .3s;position:relative;flex-shrink:0}.number-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.number-btn:active:not(:disabled){transform:translateY(0)}.number-btn:disabled{cursor:not-allowed;transform:none}.number-value{font-size:20px;font-weight:700}.remaining-count{position:absolute;top:2px;right:2px;color:#151515;font-size:10px;font-weight:600;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.number-complete{background:#4caf50;color:#fff;border-color:#4caf50}.number-complete:hover:not(:disabled){background:#45a049;border-color:#45a049}.number-actions{display:flex;justify-content:center;gap:10px;margin-top:8px}.action-btn{width:60px;height:40px;border:3px solid #ff9800;background:#fff;color:#ff9800;border-radius:3px}.clear-btn:hover:not(:disabled){background:#fff;color:#000}.action-icon{font-size:16px;margin-bottom:1px}.action-label{font-size:10px;font-weight:600;text-transform:uppercase}@media(hover:none){.number-btn:hover{background:#fff;color:inherit;transform:none;box-shadow:none}.number-btn:active:not(:disabled){background:#667eea;color:#fff;transform:scale(.95)}.number-complete:active:not(:disabled){background:#45a049}.clear-btn:active:not(:disabled){background:#fff;color:#333}}@media(max-width:768px){.number-btn{min-width:40px;min-height:40px}.action-btn{min-height:40px;min-width:40px}}.planetary-symbol,.planetary-icon{display:inline-flex;align-items:center;justify-content:center;color:#333;vertical-align:middle}.cell .planetary-symbol,.number-value .planetary-symbol,.note .planetary-symbol{color:inherit}.meaning-symbol .planetary-icon{color:#764ba2}.planetary-meanings{border-radius:12px;padding:0;margin:10px;box-shadow:0 2px 12px #0000001a;transition:all .3s ease}.meanings-title{text-align:center;color:#fff;margin-bottom:15px;font-size:1.2em;font-weight:600}.meanings-table{display:grid;gap:8px;font-size:.9em}.meaning-row{display:grid;grid-template-columns:40px 40px 120px 1fr;gap:12px;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea;transition:all .3s}.meaning-name-desc{display:contents}.meaning-row:hover{background:#f0f4ff;transform:translate(5px);box-shadow:0 4px 12px #667eea1a}.meaning-number{font-weight:700;font-size:1.1em;color:#667eea;text-align:center;background:#fff;border-radius:6px;padding:5px;min-width:30px}.meaning-symbol{font-size:1.3em;text-align:center;background:#fff;border-radius:6px;padding:5px;color:#764ba2;font-weight:900;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Segoe UI Symbol,DejaVu Sans,sans-serif}.meaning-name{font-weight:600;color:#333;text-align:left}.meaning-description{color:#555;line-height:1.4}@media(max-width:600px){.app{padding:5px}.container{padding:5px;margin:0}h1{font-size:2em}.btn-new-game{font-size:.9em;padding:10px 16px}.game-info{flex-direction:column;align-items:center;text-align:center;gap:10px}.modal-content{margin:20px;padding:20px}.game-stats{flex-wrap:wrap;gap:15px;justify-content:center}.game-progress-stats{margin:15px 0;padding:12px;gap:25px}.stat-item{min-width:70px}.stat-label{font-size:.8em}.stat-value{font-size:.9em}.btn-notes{min-width:45px}.timer-value{font-size:.85em;padding:5px 10px;min-width:55px}.difficulty-badge{font-size:.8em;padding:5px 10px;min-width:55px}.mistakes{font-size:.85em;padding:5px 10px;min-width:35px}.cell{width:38px;height:38px;font-size:18px}.number-pad{margin:0;padding:8px 0}.number-pad-title{font-size:.9em;margin-bottom:8px}.number-grid{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:12px;flex-wrap:nowrap;overflow-x:auto}.number-btn{width:38px;height:40px;min-width:38px;flex:0 0 30px}.clear-btn{width:65px;min-width:65px}.action-btn{width:55px;height:35px}.action-icon{font-size:14px}.action-label{font-size:9px}}@media(max-width:600px){.meanings-table{font-size:.85em}.meaning-row{grid-template-columns:35px 35px 1fr;gap:8px;padding:8px 12px}.meanings-title{font-size:1.1em}.meaning-description{font-size:.9em}.meaning-name-desc{display:flex;flex-direction:column;gap:2px}.meaning-name{font-weight:600;color:#333;text-align:left;margin-bottom:2px}.meaning-description{color:#555;line-height:1.3;font-size:.85em}}