:root{--sand-light: #f5deb3;--sand-mid: #deb887;--sand-dark: #c2956b;--gold: #ffd700;--sky-deep: #0f0c29;--sky-mid: #302b63;--sunset: #ff7e5f;--sunset-light: #feb47b;--panel-bg: rgba(15, 12, 41, .88);--panel-border: rgba(255, 255, 255, .1);--text: #f5f0e8;--text-dim: rgba(245, 240, 232, .55);--btn-bg: rgba(255, 255, 255, .08);--btn-hover: rgba(255, 255, 255, .15);--btn-active: rgba(255, 215, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--sky-deep);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.game-root{height:100%;position:relative;-webkit-user-select:none;user-select:none}.menu-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f0c29,#1a1040,#302b63 40%,#6b3fa0 58%,#ff7e5f 72%,#feb47b 85%,wheat 95%);position:relative;overflow:hidden}.menu-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(222,184,135,.25) 1px,transparent 1px),radial-gradient(circle,rgba(222,184,135,.15) 1px,transparent 1px);background-size:48px 48px,28px 28px;background-position:0 0,14px 14px;animation:drift 25s linear infinite;pointer-events:none}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-120px)}}.menu-content{position:relative;z-index:1;text-align:center;max-width:520px;padding:2.5rem}.menu-icon-row{display:flex;justify-content:center;gap:1.2rem;margin-bottom:1.2rem}.menu-deco{font-size:2.4rem;animation:float 3s ease-in-out infinite}.menu-deco:nth-child(2){animation-delay:.5s}.menu-deco:nth-child(3){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.menu-title{font-size:3.2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,gold,#ff8c42,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-bottom:.4rem;line-height:1.1}.menu-subtitle{font-size:1.15rem;color:#ffffffb3;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem}.menu-features{display:flex;flex-direction:column;gap:.7rem;margin-bottom:2.2rem;text-align:left}.feature{display:flex;align-items:center;gap:.75rem;padding:.55rem .9rem;background:#ffffff0f;border-radius:.6rem;border:1px solid rgba(255,255,255,.08);font-size:.92rem;color:#fffc}.f-icon{font-size:1.3rem;flex-shrink:0}.start-btn{display:inline-block;padding:.9rem 2.8rem;font-size:1.15rem;font-weight:700;color:#1a1040;background:linear-gradient(135deg,gold,#ff8c42);border:none;border-radius:2rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #ff8c4259;letter-spacing:.02em}.start-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 32px #ff8c4280}.start-btn:active{transform:translateY(0) scale(.98)}.menu-hints{margin-top:1.4rem;font-size:.78rem;color:#fff6}.game-screen{height:100%;display:flex;flex-direction:column;background:var(--sky-deep)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);flex-shrink:0;gap:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left{display:flex;align-items:center;gap:.5rem}.header-logo{font-size:1.3rem}.header-title{font-size:1.05rem;font-weight:700;background:linear-gradient(135deg,gold,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-stats{display:flex;gap:1.2rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.stat-value{font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}.treasure-stat .stat-value{color:var(--gold)}.reset-btn{padding:.4rem .9rem;font-size:.78rem;font-weight:600;color:var(--text);background:var(--btn-bg);border:1px solid var(--panel-border);border-radius:.5rem;cursor:pointer;transition:background .2s;white-space:nowrap}.reset-btn:hover{background:var(--btn-hover)}.game-main{flex:1;display:flex;overflow:hidden;min-height:0}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f0c29,#1a1040 18%,#302b63 35%,#6b3fa0 50%,#ff7e5f 64%,#feb47b,wheat 88%,#deb887 96%,#c2956b);overflow:hidden;position:relative}.game-canvas{max-width:100%;max-height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;touch-action:none}.toolbar{width:105px;flex-shrink:0;display:flex;flex-direction:column;gap:0;background:var(--panel-bg);border-left:1px solid var(--panel-border);padding:.6rem .5rem;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-section{margin-bottom:.8rem}.section-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin-bottom:.4rem;padding-left:.2rem}.tool-btn{display:flex;align-items:center;gap:.35rem;width:100%;padding:.38rem .5rem;margin-bottom:.2rem;font-size:.78rem;color:var(--text);background:transparent;border:1px solid transparent;border-radius:.45rem;cursor:pointer;transition:all .15s;text-align:left}.tool-btn:hover{background:var(--btn-hover)}.tool-btn.active{background:var(--btn-active);border-color:#ffd7004d;color:var(--gold)}.tool-icon{font-size:1rem;flex-shrink:0;width:1.3rem;text-align:center}.tool-name{flex:1;font-size:.72rem}.tool-key{font-size:.58rem;color:var(--text-dim);background:#ffffff0f;padding:.1rem .3rem;border-radius:.2rem;font-family:monospace}.brush-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.brush-btn{width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--text);background:var(--btn-bg);border:1px solid var(--panel-border);border-radius:.35rem;cursor:pointer;transition:background .15s;line-height:1}.brush-btn:hover{background:var(--btn-hover)}.brush-size{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:1.4rem;text-align:center}.brush-preview{display:flex;align-items:center;justify-content:center;height:2.5rem}.brush-dot{border-radius:50%;background:#ffd70080;border:1px solid rgba(255,215,0,.7);transition:width .15s,height .15s}.challenges-bar{display:flex;gap:.4rem;padding:.5rem .8rem;background:var(--panel-bg);border-top:1px solid var(--panel-border);overflow-x:auto;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.challenge{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;white-space:nowrap;transition:all .3s;opacity:.55}.challenge.done{opacity:1;background:#ffd7001a;border-color:#ffd70040}.ch-icon{font-size:1rem}.ch-info{display:flex;flex-direction:column;gap:0}.ch-name{font-size:.68rem;font-weight:600}.ch-desc{font-size:.55rem;color:var(--text-dim)}.notifications{position:fixed;top:4rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100;pointer-events:none}.notification{padding:.6rem 1.1rem;background:linear-gradient(135deg,#ffd70033,#ff8c4233);border:1px solid rgba(255,215,0,.3);border-radius:.6rem;font-size:.85rem;font-weight:600;color:gold;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:notifIn .35s ease-out,notifOut .5s ease-in 2.8s forwards;white-space:nowrap}@keyframes notifIn{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes notifOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.9)}}@media(max-width:700px){.toolbar{width:80px;padding:.4rem .3rem}.tool-name{display:none}.tool-btn{justify-content:center;padding:.35rem}.tool-icon{width:auto}.header-stats{gap:.6rem}.stat-label{font-size:.5rem}.stat-value{font-size:.8rem}.menu-title{font-size:2.2rem}.challenges-bar{gap:.3rem;padding:.4rem .5rem}.challenge{padding:.2rem .4rem}.ch-name{font-size:.6rem}.ch-desc{display:none}}