:root{--primary: #3A86FF;--secondary: #FF006E;--accent: #8338EC;--success: #06d6a0;--warning: #ffd166;--color-bg: #ffffff;--color-bg-secondary: #e2e8f0;--color-text: #1e293b;--color-text-secondary: #64748b;--color-border: rgba(0, 0, 0, .1);--color-shadow: rgba(0, 0, 0, .1);--color-overlay: rgba(255, 255, 255, .85)}body.theme-dark{--color-bg: #16213e;--color-bg-secondary: #0f3460;--color-text: #e6f1ff;--color-text-secondary: rgba(255, 255, 255, .8);--color-border: rgba(255, 255, 255, .1);--color-shadow: rgba(0, 0, 0, .3);--color-overlay: rgba(10, 14, 28, .9)}body.theme-space{--color-bg: #0a043c;--color-bg-secondary: #1a1a2e;--color-text: #e6e6ff;--color-text-secondary: rgba(230, 230, 255, .8);--color-border: rgba(255, 255, 255, .15);--color-shadow: rgba(0, 0, 0, .5);--color-overlay: rgba(5, 2, 20, .95)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;height:100%}body{margin:0;font-family:Poppins,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;height:100%;display:flex;flex-direction:column;background-attachment:fixed;overflow-x:hidden;transition:background .5s ease,color .5s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(58,134,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,0,110,.1) 0%,transparent 20%);z-index:-1}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}#app{max-width:500px;margin:0 auto;padding:10px 16px 15px;text-align:center;display:flex;flex-direction:column;height:100%;min-height:0}h1,h2,h3{margin:10px 0;font-weight:700}h1{font-size:1.8rem;background:linear-gradient(45deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.treasure-container{position:relative;display:grid;gap:8px;justify-content:center;margin:20px auto;width:100%;max-width:95vw;grid-template-columns:repeat(var(--size, 4),1fr);perspective:1000px;flex:1;min-height:0;max-height:75vh;padding:5px 0}.treasure-cell{aspect-ratio:1/1;width:100%;font-size:min(7vw,36px);display:flex;justify-content:center;align-items:center;background:#e2e8f0b3;border-radius:12px;cursor:pointer;box-shadow:0 2px 8px var(--color-shadow);transition:transform .3s ease,background .4s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-border);transform-style:preserve-3d}body.theme-dark .treasure-cell,body.theme-space .treasure-cell{background:#0f3460b3}.treasure-cell:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 4px 15px #3a86ff40;background:#cbd5e1cc}body.theme-dark .treasure-cell:hover,body.theme-space .treasure-cell:hover{background:#194b82cc}@keyframes treasureReveal{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.treasure-cell.has-treasure,.treasure-cell.found-treasure{background:linear-gradient(135deg,var(--warning),#ff9e00);animation:treasureReveal .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 15px #ffd16680}.treasure-cell.show-treasure{background:linear-gradient(135deg,var(--secondary),#ff4d9e);animation:treasurePulse 1.2s infinite}.treasure-cell.distance-1{background:#06d6a0b3;color:#fff}.treasure-cell.distance-2{background:#8338ecb3;color:#fff}.treasure-cell.distance-3{background:#ffd166b3;color:#333}.treasure-cell.distance-4{background:#ff006eb3;color:#fff}.treasure-cell.distance-5{background:#3a86ffb3;color:#fff}.treasure-cell.distance-far{background:#cbd5e1cc;color:var(--color-text)}body.theme-dark .treasure-cell.distance-far,body.theme-space .treasure-cell.distance-far{background:#6a728099;color:#fff}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}button,select{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:10px 16px;border:none;border-radius:50px;background:linear-gradient(45deg,var(--primary),var(--accent));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3a86ff4d;min-width:120px}button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3a86ff66}button:active{transform:translateY(1px)}select{background-image:none!important;padding-right:45px;position:relative;background:#e2e8f0b3;border:1px solid var(--color-border);color:var(--color-text);-moz-appearance:none;appearance:none;-webkit-appearance:none}select:after{content:"▼";position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:var(--color-text);transition:color .5s ease}body.theme-dark select,body.theme-space select{background:#0f3460b3;color:#fff}.popup-hints-empty{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fff;color:#1e293b;border-radius:16px;padding:30px 25px;box-shadow:0 20px 40px #00000026;z-index:2000;text-align:center;font-family:Poppins,sans-serif;border:2px solid var(--secondary);max-width:90%;width:320px;animation:popupFadeIn .4s ease-out forwards}.popup-hints-empty button{margin-top:20px;padding:12px 20px;background:linear-gradient(45deg,var(--primary),var(--accent));color:#fff;font-weight:700;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #00000026;transition:all .3s ease}.popup-hints-empty button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.info-panel{display:flex;justify-content:space-around;margin:12px 0;background:#e2e8f080;border-radius:16px;padding:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 20px #0000001a}body.theme-dark .info-panel,body.theme-space .info-panel{background:#0f346066;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #0003}.info-item{display:flex;flex-direction:column;align-items:center;min-width:100px}.info-label{font-size:14px;color:var(--color-text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:28px;font-weight:700;color:var(--color-text)}.shop-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:90%;max-width:450px;background:#fffffff2;padding:25px;border-radius:20px;z-index:1001;box-shadow:0 25px 50px #00000026;transition:all .5s cubic-bezier(.175,.885,.32,1.275);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05)}body.theme-dark .shop-container,body.theme-space .shop-container{background:#0f3460e6;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px #00000080}.shop-container:not(.hidden){transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shop-section{margin:20px 0;padding:15px;border-radius:15px;background:#e2e8f066}body.theme-dark .shop-section,body.theme-space .shop-section{background:#ffffff0d}.theme-item{display:flex;align-items:center;padding:15px;border-radius:15px;margin:12px 0;cursor:pointer;transition:all .3s ease;background:#fffc;border:1px solid rgba(0,0,0,.05)}body.theme-dark .theme-item,body.theme-space .theme-item{background:#1a1a2e99;border:1px solid rgba(255,255,255,.1)}.theme-item:hover{transform:translate(5px);background:#3a86ff1a}body.theme-dark .theme-item:hover,body.theme-space .theme-item:hover{background:#3a86ff33}.theme-item.owned{opacity:.9;border-color:var(--success)}.theme-item.selected{background:#06d6a026;border:1px solid var(--success)}body.theme-dark .theme-item.selected,body.theme-space .theme-item.selected{background:#06d6a033}.theme-preview{width:60px;height:60px;border-radius:12px;margin-right:15px;box-shadow:0 4px 10px var(--color-shadow)}.theme-preview.default{background:linear-gradient(135deg,var(--color-bg),var(--color-bg-secondary));border:1px solid var(--color-border)}.theme-preview.dark{background:linear-gradient(135deg,#1e1e2f,#2a2a3b);border:1px solid #333}.theme-preview.space{background:radial-gradient(circle at 30% 30%,#5a5dff,#1a1a2e 80%);border:1px solid #444}.theme-info{text-align:left;flex:1}.theme-name{font-weight:600;font-size:18px;margin-bottom:5px;color:var(--color-text)}.theme-price{font-size:16px;color:var(--warning);font-weight:500}.iq-container{position:relative;text-align:center;margin:20px auto;padding:15px 25px;background:linear-gradient(45deg,var(--color-bg-secondary),var(--color-bg));border-radius:50px;box-shadow:0 8px 25px var(--color-shadow);display:inline-block;border:1px solid var(--color-border)}.iq-display{font-size:28px;font-weight:800;background:linear-gradient(45deg,#fc0,#ff9500);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px}.iq-label{margin-right:10px;font-size:20px;color:var(--color-text-secondary)}.iq-change{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:24px;font-weight:800;opacity:0;z-index:10;text-shadow:0 2px 10px var(--color-shadow)}.iq-change.positive{color:var(--success)}.iq-change.negative{color:var(--secondary)}.iq-change.animate{animation:iqFloat 1.5s ease-out forwards}@keyframes tileAppear{0%{transform:translateY(30px) rotateX(90deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}@keyframes treasureFound{0%{transform:scale(1);box-shadow:0 0 #ffd16666}50%{transform:scale(1.1);box-shadow:0 0 30px #ffd16699}to{transform:scale(1);box-shadow:0 0 #ffd16666}}@keyframes treasurePulse{0%{transform:scale(1);box-shadow:0 0 #ff006e66}50%{transform:scale(1.05);box-shadow:0 0 25px #ff006e99}to{transform:scale(1);box-shadow:0 0 #ff006e66}}@keyframes popupFadeIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iqFloat{0%{opacity:0;transform:translate(-50%)}20%{opacity:1;transform:translate(-50%,-20px)}to{opacity:0;transform:translate(-50%,-60px)}}@media (max-width: 480px){#app{padding:8px 12px 12px}h1{font-size:1.6rem;margin-bottom:8px}.info-panel{margin:8px 0;padding:10px}.treasure-container{gap:6px}.treasure-cell{border-radius:10px;font-size:min(5.5vw,22px)}button,select{padding:8px 14px;font-size:14px;min-width:110px}.info-item{min-width:80px}.info-value{font-size:22px}.iq-display{font-size:24px}}.theme-toggle{position:fixed;top:20px;right:20px;width:60px;height:30px;background:var(--color-bg-secondary);border-radius:15px;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;z-index:100;border:1px solid var(--color-border)}.toggle-switch{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 5px var(--color-shadow)}body.theme-dark .toggle-switch,body.theme-space .toggle-switch{transform:translate(30px);background:#1e293b}.theme-toggle i{position:absolute;top:50%;transform:translateY(-50%);font-size:14px}.theme-toggle .sun{left:8px;color:#f59e0b}.theme-toggle .moon{right:8px;color:#64748b}