*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#1a1a2e;color:#e0e0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.app{position:relative;width:100%;height:100%}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hud-top{position:absolute;top:0;left:0;right:0;padding:12px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:8px;background:linear-gradient(180deg,#0000008c,#0000);pointer-events:none;z-index:10}.btn-emoji{font-size:14px;display:inline-block;line-height:1}.btn-label{margin-left:4px}@media(max-width:720px){.hud-top{padding:10px 12px;gap:6px}.title{font-size:12px;margin-right:6px}.size-picker{padding:3px;gap:2px}.size-picker button{padding:5px 7px;font-size:11px}.size-picker .count{display:none}.season-toggle,.time-toggle,.reset{padding:6px 9px;font-size:12px}.btn-label{display:none}.btn-emoji{font-size:16px}}@media(max-width:420px){.title{display:none}.size-picker button{padding:5px 6px;font-size:10px}}.hud-top>*{pointer-events:auto}.title{font-size:14px;font-weight:600;letter-spacing:.05em;margin-right:auto;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.5)}.size-picker{display:flex;gap:4px;background:#ffffff0f;padding:4px;border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.size-picker button{background:transparent;border:none;color:#c0c0d0;padding:6px 10px;border-radius:5px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease;font-family:inherit}.size-picker button:hover{background:#ffffff14}.size-picker button.active{background:#ffea00;color:#1a1a2e;font-weight:700}.size-picker .count{opacity:.5;font-size:10px;margin-left:3px}.reset{background:#ffea0026;border:1px solid rgba(255,234,0,.4);color:#ffea00;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;transition:all .15s ease}.reset:hover{background:#ffea0040}.time-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e0e0f0;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.time-toggle:hover{background:#ffffff26}.overlay-message{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,234,0,.85),0 0 40px rgba(255,234,0,.55),0 4px 10px rgba(0,0,0,.95);text-align:center;pointer-events:none;z-index:100;white-space:nowrap;letter-spacing:.05em}.overlay-start{animation:overlay-pop-fade 2.8s ease-out forwards}.overlay-done{color:#ffea00;font-size:32px;text-shadow:0 0 25px rgba(255,234,0,.95),0 0 50px rgba(255,200,0,.7),0 4px 12px rgba(0,0,0,.9);animation:overlay-pop-fade 3.5s ease-out forwards}@keyframes overlay-pop-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}18%{transform:translate(-50%,-50%) scale(.96)}26%{transform:translate(-50%,-50%) scale(1.04)}35%,65%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.reward-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;cursor:pointer;animation:reward-bg-fade .35s ease-out forwards;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@keyframes reward-bg-fade{0%{opacity:0}to{opacity:1}}.reward-card{position:relative;width:260px;height:360px;background:linear-gradient(150deg,#1a1a2e,#2a2a4e,#1a1a3e);border:3px solid #ffea00;border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:default;animation:reward-flip-in 1.3s cubic-bezier(.34,1.56,.64,1) forwards;transform-style:preserve-3d}@keyframes reward-flip-in{0%{transform:rotateY(720deg) scale(.2);opacity:0}60%{transform:rotateY(0) scale(1.14);opacity:1}80%{transform:rotateY(0) scale(.96)}to{transform:rotateY(0) scale(1);opacity:1}}.reward-rarity{font-size:13px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}.reward-icon{font-size:110px;line-height:1;animation:reward-icon-pulse 2.2s ease-in-out infinite}@keyframes reward-icon-pulse{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.08) rotate(3deg)}}.reward-name{font-size:22px;font-weight:800;color:#fff;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.9);margin-top:4px}.reward-flavor{font-size:11px;color:#c0c0d0;font-style:italic;opacity:.7;text-align:center}.reward-subtitle{font-size:10px;opacity:.45;margin-top:6px;letter-spacing:.1em}.reward-mythic{border:3px solid transparent!important;background:linear-gradient(150deg,#1a1a2e,#2a2a4e,#1a1a3e) padding-box,linear-gradient(135deg,#ff0080,#ff8c00,gold,#00ff80,#00bfff,#8a2be2,#ff0080) border-box!important;box-shadow:0 0 60px #ff0080,0 0 100px #00bfff,inset 0 0 30px #ffffff1f!important;animation:reward-flip-in 1.3s cubic-bezier(.34,1.56,.64,1) forwards,reward-mythic-shimmer 4s linear infinite 1.3s}@keyframes reward-mythic-shimmer{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.reward-card{overflow:hidden}.reward-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0%,transparent 30%,rgba(255,255,255,.18) 42%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.18) 58%,transparent 70%,transparent 100%);background-size:250% 250%;pointer-events:none;mix-blend-mode:overlay;animation:foil-shimmer 3.5s ease-in-out infinite;z-index:1}.reward-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,0,200,.14) 50deg,transparent 100deg,rgba(0,200,255,.14) 150deg,transparent 200deg,rgba(255,200,0,.14) 250deg,transparent 300deg,rgba(150,255,100,.14) 350deg,transparent 360deg);pointer-events:none;mix-blend-mode:screen;animation:foil-rotate 6s linear infinite;z-index:1}@keyframes foil-shimmer{0%{background-position:-50% -50%}to{background-position:150% 150%}}@keyframes foil-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reward-rarity,.reward-icon,.reward-name,.reward-flavor,.reward-subtitle{position:relative;z-index:2}.creation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:150;display:flex;align-items:center;justify-content:center;background:#0000;animation:creation-bg 2.2s ease-out forwards;overflow:hidden}@keyframes creation-bg{0%{background:#0000}3%{background:#000005f5}35%{background:#ffffffd9}45%{background:#fff}55%{background:#000005a6}to{background:#0000}}.creation-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent 50%),radial-gradient(1px 1px at 23% 67%,#fff,transparent 50%),radial-gradient(2px 2px at 38% 32%,#fff,transparent 50%),radial-gradient(1px 1px at 55% 11%,#fff,transparent 50%),radial-gradient(2px 2px at 67% 78%,#fff,transparent 50%),radial-gradient(1px 1px at 82% 45%,#fff,transparent 50%),radial-gradient(1px 1px at 91% 23%,#fff,transparent 50%),radial-gradient(2px 2px at 8% 88%,#fff,transparent 50%),radial-gradient(1px 1px at 45% 92%,#fff,transparent 50%),radial-gradient(1px 1px at 73% 60%,#fff,transparent 50%),radial-gradient(1px 1px at 18% 50%,#fff,transparent 50%),radial-gradient(2px 2px at 62% 25%,#fff,transparent 50%),radial-gradient(1px 1px at 88% 75%,#fff,transparent 50%);background-size:100% 100%;opacity:0;animation:stars-flicker 2.2s ease-out forwards}@keyframes stars-flicker{0%{opacity:0;transform:scale(1)}10%{opacity:1;transform:scale(1.02)}25%{opacity:.7;transform:scale(1.05)}35%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.creation-spark{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,#fffbe5 30%,#ffea00 60%,transparent 100%);box-shadow:0 0 20px #fff,0 0 40px #ffea00,0 0 80px #ff8c00,0 0 160px #ff6020;animation:creation-spark 2.2s cubic-bezier(.5,0,.5,1) forwards}@keyframes creation-spark{0%{transform:scale(0);opacity:0}8%{transform:scale(.6);opacity:.5}18%{transform:scale(1.4);opacity:1}28%{transform:scale(8);opacity:1}38%{transform:scale(280);opacity:1}46%{transform:scale(280);opacity:1}55%{transform:scale(40);opacity:.95}68%{transform:scale(8);opacity:.9}80%{transform:scale(2);opacity:.7}92%{transform:scale(.8);opacity:.4}to{transform:scale(0);opacity:0}}.creation-shockwave{position:absolute;width:20px;height:20px;border:4px solid #ffffff;border-radius:50%;opacity:0;animation:creation-shockwave 2.2s ease-out forwards}@keyframes creation-shockwave{0%{transform:scale(0);opacity:0;border-width:4px}30%{transform:scale(1);opacity:0;border-width:4px}35%{transform:scale(2);opacity:1;border-width:4px}60%{transform:scale(70);opacity:.4;border-width:1px}to{transform:scale(140);opacity:0;border-width:0}}.creation-shockwave-2{border-color:#ffea00;animation-delay:.08s}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#1a1a2e,#0a0a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:300;pointer-events:none;animation:loading-fade-in .4s ease-out}@keyframes loading-fade-in{0%{opacity:0}to{opacity:1}}.loading-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent 50%),radial-gradient(1px 1px at 23% 67%,#fff,transparent 50%),radial-gradient(2px 2px at 38% 32%,#fff,transparent 50%),radial-gradient(1px 1px at 55% 11%,#fff,transparent 50%),radial-gradient(2px 2px at 67% 78%,#fff,transparent 50%),radial-gradient(1px 1px at 82% 45%,#fff,transparent 50%),radial-gradient(1px 1px at 91% 23%,#fff,transparent 50%),radial-gradient(2px 2px at 8% 88%,#fff,transparent 50%),radial-gradient(1px 1px at 45% 92%,#fff,transparent 50%);opacity:.5;animation:loading-stars-pulse 4s ease-in-out infinite}@keyframes loading-stars-pulse{0%,to{opacity:.4}50%{opacity:.8}}.loading-spark{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#fff,#ffea00,#ff8c00);box-shadow:0 0 20px #ffea00,0 0 50px #ff8c00,0 0 90px #ff6020;margin-bottom:24px;animation:loading-spark-pulse 1.4s ease-in-out infinite}@keyframes loading-spark-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.3);opacity:1}}.loading-text{font-size:28px;font-weight:800;letter-spacing:.4em;color:#ffea00;text-shadow:0 0 20px rgba(255,234,0,.6);margin-bottom:20px}.loading-progress{display:flex;flex-direction:column;align-items:center;gap:8px;width:240px}.loading-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#ffea00,#ff8c00);box-shadow:0 0 10px #ffea00;transition:width .2s ease-out}.loading-percent{font-size:12px;color:#c0c0d0;font-family:ui-monospace,monospace}.loading-subtext{margin-top:12px;font-size:11px;color:#888;font-family:ui-monospace,monospace;max-width:280px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2a0a1a,#1a1a2e);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:400;padding:24px}.error-icon{font-size:72px;margin-bottom:16px}.error-title{font-size:24px;font-weight:800;color:#ff6080;margin-bottom:12px}.error-message{font-size:13px;color:#c0c0d0;font-family:ui-monospace,monospace;max-width:480px;text-align:center;line-height:1.5;margin-bottom:24px;padding:12px;background:#ff608014;border:1px solid rgba(255,96,128,.3);border-radius:8px}.error-reload{background:#ffea0026;border:2px solid #ffea00;color:#ffea00;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-family:inherit;font-weight:700;transition:all .15s ease}.error-reload:hover{background:#ffea0040;transform:scale(1.05)}.error-hint{margin-top:16px;font-size:11px;opacity:.4}.stats-panel{top:60px!important;left:auto!important;right:8px!important;z-index:50!important}.season-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e0e0f0;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.season-toggle:hover{background:#ffffff26}.hud-bottom{position:absolute;bottom:0;left:0;right:0;padding:16px 16px 20px;background:linear-gradient(0deg,#0009,#0000);z-index:10}.progress{font-size:13px;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.progress strong{color:#ffea00;font-size:16px}.bar{margin-top:6px;height:4px;width:100%;background:#ffffff1a;border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#ffea00,#fa0);transition:width .4s ease}.biome-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.biome-tag{font-size:11px;padding:4px 9px;background:#ffffff14;border-radius:12px;color:#c0c0d0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.last-tile{margin-top:8px;font-size:12px;color:#c0c0d0}.last-tile strong{color:#fff}.last-tile .coord{margin-left:6px;opacity:.5;font-family:ui-monospace,monospace}.hint{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);font-size:11px;opacity:.35;pointer-events:none;text-align:center;width:100%;z-index:5;text-shadow:0 1px 2px rgba(0,0,0,.5)}