*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f2e7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;display:flex}.home-view{color:#333;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.splash-container{text-align:center;margin-bottom:3rem}.splash-logo{margin-bottom:1.5rem}.hex-pattern{justify-content:center;align-items:center;gap:8px;display:flex}.hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#3a8f8e4d;width:40px;height:46px;animation:2s ease-in-out infinite pulse}.hex.highlight{background:#3a8f8e;animation:2s ease-in-out infinite glow;transform:scale(1.2)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffffff80}50%{box-shadow:0 0 40px #fffc}}.game-title{text-shadow:2px 2px 4px #0003;margin-bottom:.5rem;font-size:3.5rem;font-weight:700}.tagline{opacity:.9;font-size:1.2rem}.home-actions{flex-direction:column;gap:1rem;width:100%;max-width:280px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary{color:#fff;background:#248f8d;border-radius:50px}.btn-secondary{color:#333;background:0 0;border:2px solid #248f8d;border-radius:50px}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.store-links{gap:1rem;margin-top:2rem;display:flex}.store-badge{color:#fff;background:#0000004d;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;text-decoration:none;transition:background .2s}.store-badge:hover{background:#00000080}.view-header{color:#fff;background:#3a8f8e;align-items:center;gap:1rem;padding:15px 20px;display:flex;box-shadow:0 2px 10px #0000001a}.view-header h1{text-align:center;flex:1;margin:0;font-size:1.5rem}.back-button{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:color .2s;display:flex}.back-button:hover{color:#fffc}.back-button svg{width:24px;height:24px}.audio-toggle{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,color .2s;display:flex}.audio-toggle:hover{background:#fff3}.audio-toggle svg{width:20px;height:20px}.stage-selector-view{min-height:100vh}.overall-stats{flex:1;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.stages-list{flex-direction:column;gap:1rem;max-width:600px;margin:0 auto;padding:1rem;display:flex}.stage-card{cursor:pointer;background:#fff;border:none;border-radius:16px;align-items:center;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #0000000d}.stage-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.stage-info{align-items:center;gap:1rem;width:100%;display:flex}.stage-score{color:#3a8f8e;min-width:80px;font-size:1.5rem;font-weight:700}.stage-name{text-align:left;flex:1}.stage-label{color:#333;font-size:1.1rem;font-weight:600;display:block}.stage-subtitle{color:#666;font-size:.9rem;display:block}.stage-progress{flex-direction:column;align-items:center;gap:.25rem;display:flex}.levels-count{color:#999;font-size:.85rem}.level-selector-view{min-height:100vh}.stage-header-info{flex:1}.stage-header-info h2{color:#fff;font-size:1.2rem}.stage-summary{color:#ffffffe6;gap:1rem;font-size:.9rem;display:flex}.levels-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:400px;margin:0 auto;padding:1rem;display:grid}.level-card{aspect-ratio:1;cursor:pointer;background:#fff;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #0000000d}.level-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.level-card.cleared{color:#fff;background:linear-gradient(135deg,#3a8f8e 0% 100%)}.level-card.played{border:2px solid #3a8f8e}.level-number{font-size:1.5rem;font-weight:700}.level-stars{gap:2px;margin-top:.5rem;font-size:.9rem;display:flex}.level-stars .filled{color:gold}.level-stars .empty{opacity:.3}.attempted-marker{color:#3a8f8e;margin-top:.25rem;font-size:1.5rem}.game-view{flex-direction:column;min-height:100vh;transition:background-color .5s;display:flex}.game-header{color:#fff;background:#3a8f8e;align-items:center;gap:1rem;padding:15px 20px;display:flex;box-shadow:0 2px 10px #0000001a}.game-header .stats{flex:1;justify-content:center;gap:1.5rem;display:flex}.game-header .stat{flex-direction:column;align-items:center;display:flex}.game-header .stat-label{color:#ffffffe6;text-transform:uppercase;font-size:.75rem}.game-header .stat-value{color:#fff;font-size:1.25rem;font-weight:700}.game-header .stars,.overall-stats .stars{gap:4px;display:flex}.game-header .star-icon,.overall-stats .star-icon{font-size:1.25rem;transition:transform .2s}.game-header .star-icon.filled,.overall-stats .star-icon.filled{color:gold;animation:.3s starPop}.game-header .star-icon.empty,.overall-stats .star-icon.empty{opacity:.3}@keyframes starPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.game-board{flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative;overflow:auto}#mazeParent{width:auto;min-width:fit-content;margin:0 auto;padding:0;position:relative}.hex-grid{white-space:nowrap;width:auto;height:auto;margin:0 auto;display:inline-block;position:relative}.hex-row{pointer-events:none;-webkit-user-select:none;user-select:none;-o-user-select:none;white-space:nowrap;margin:-13px 0 0;padding:0;font-size:0;line-height:0;display:block;position:relative}.hex-row:first-child{margin-top:0}.hex-row:nth-child(2n) .hex-circle:first-child{margin-left:27px}.hex-row:nth-child(odd) .hex-circle:first-child{margin-left:0}.hex-circle{box-sizing:border-box;vertical-align:top;pointer-events:all;-webkit-user-select:none;user-select:none;-o-user-select:none;cursor:pointer;background:0 0;border:1px solid #999;border-radius:30px;flex-grow:0;flex-shrink:0;width:30px;height:30px;margin:0 12px;padding:0;line-height:30px;transition:transform .1s,background-color .2s;display:inline-block;position:relative}.hex-circle:hover:not(:disabled){transform:scale(1.1)}.hex-circle:active:not(:disabled){transform:scale(.95)}.hex-circle.dead{cursor:default}.hex-circle.star{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd700'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:60%}.hex-circle.invisible{visibility:hidden}.hex-circle:last-child{margin-right:0}.the-circle{pointer-events:none;z-index:10;border-radius:50%;width:30px;height:30px;transition:transform .3s ease-out;position:absolute;top:0;left:0;box-shadow:0 2px 8px #0000004d}.popup-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.popup{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:320px;padding:2rem;animation:.3s popupIn}@keyframes popupIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-stars{justify-content:center;gap:8px;margin-bottom:1rem;font-size:2rem;display:flex}.popup-star.filled{color:gold}.popup-star.empty{opacity:.3}.popup-score{color:#3a8f8e;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.popup-title{color:#333;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.popup-subtitle{color:#666;margin-bottom:1.5rem;font-size:1rem}.share-button{color:#fff;cursor:pointer;background:#3a8f8e;border:none;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1.5rem;font-size:.9rem;transition:background .2s}.share-button:hover{background:#3a8f8e}.popup-actions{justify-content:center;gap:.5rem;display:flex}.popup-btn{cursor:pointer;color:#333;background:#f5f5f5;border:none;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:background .2s;display:flex}.popup-btn:hover{background:#e0e0e0}.popup-btn svg{width:24px;height:24px}.popup-lost{border-top:4px solid #e74c3c}.popup-won{border-top:4px solid #27ae60}.credits-view{min-height:100vh}.credits-content{max-width:600px;margin:0 auto;padding:2rem 1rem}.credit-section{margin-bottom:2rem}.credit-section h2{color:#3a8f8e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:1.1rem}.credit-section p{color:#555;line-height:1.6}.credit-section ul{color:#555;list-style:none}.credit-section li{border-bottom:1px solid #eee;padding:.5rem 0}.credit-section li:last-child{border-bottom:none}.tech-list{flex-wrap:wrap;gap:.5rem;display:flex}.tech-list li{background:#fff;border:1px solid #ddd;border-radius:20px;padding:.25rem .75rem;font-size:.85rem}@media (width<=480px){.game-title{font-size:2.5rem}.levels-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.hex-circle,.the-circle{width:26px;height:26px}.game-header .stats{gap:.75rem}.game-header .stat-value{font-size:1rem}}