@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root{--nj-bg0:#120c18;--nj-bg1:#2a1530;--nj-bg2:#3d1f2e;--nj-gold:#e8c56a;--nj-gold-soft:#f3e0a8;--nj-rose:#f0718b;--nj-ink:#fff7f2;--nj-muted:#fff7f2ad;--nj-panel:#160e1cc7;--nj-panel-strong:#120c18eb;--nj-line:#e8c56a47;--nj-ok:#4ade80;--nj-danger:#fb7185;--nj-radius:18px;--nj-font-display:"Fraunces", Georgia, serif;--nj-font-body:"Manrope", system-ui, sans-serif;color:var(--nj-ink);font-family:var(--nj-font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:radial-gradient(120% 80% at 10% -10%, #f0718b59, transparent 55%), radial-gradient(90% 70% at 100% 0%, #6366f147, transparent 50%), radial-gradient(70% 50% at 50% 100%, #e8c56a2e, transparent 55%), linear-gradient(165deg, var(--nj-bg0), var(--nj-bg1) 45%, var(--nj-bg2));overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:none}.app-shell{flex-direction:column;height:100%;min-height:100%;display:flex}.screen{min-height:0;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.brand{font-family:var(--nj-font-display);letter-spacing:-.02em;font-weight:700;line-height:.95}.brand-mark{align-items:center;gap:10px;display:inline-flex}.brand-gem{background:linear-gradient(135deg,#fff 0%,#f9a8d4 28%,#e11d48 55%,#7f1d1d 100%);border-radius:8px;width:28px;height:28px;transform:rotate(12deg);box-shadow:inset 0 0 0 1px #ffffff59,0 8px 18px #e11d4859}.muted{color:var(--nj-muted)}.btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--nj-gold-soft), var(--nj-gold) 45%, #c9953a);color:#2a1608;font-weight:700;box-shadow:0 10px 28px #e8c56a47}.btn-ghost{border:1px solid var(--nj-line);background:#ffffff0f}.btn-icon{border:1px solid var(--nj-line);background:#ffffff14;border-radius:14px;width:44px;min-height:44px;padding:0;font-size:18px}.btn-icon.active{background:#e8c56a38;border-color:#e8c56a8c}.panel{background:var(--nj-panel);border:1px solid var(--nj-line);border-radius:var(--nj-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.level-grid{gap:12px;margin-top:16px;display:grid}@media (width>=720px){.level-grid{grid-template-columns:1fr 1fr}}.level-row{text-align:left;width:100%;color:inherit;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:stretch;gap:14px;padding:14px;transition:border-color .15s,background .15s;display:flex}.level-row:hover{background:#ffffff12;border-color:#e8c56a66}.level-swatch{border-radius:16px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.level-swatch:after{content:"";background:linear-gradient(135deg,#ffffffb3,#0000 55%);border-radius:10px;position:absolute;inset:18% 22%}.level-meta h3{font-family:var(--nj-font-display);margin:0 0 4px;font-size:1.2rem}.level-meta p{color:var(--nj-muted);margin:0;font-size:.86rem}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--nj-gold-soft);background:#e8c56a29;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.progress-pill{color:var(--nj-ok);margin-top:8px;font-size:.8rem;font-weight:600}.game-screen{padding:0;position:relative}.game-top{z-index:5;padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));pointer-events:none;background:linear-gradient(#0c0812d9,#0000);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.game-top>*{pointer-events:auto}.game-top .title-block{flex:1;min-width:0}.game-top h1{font-family:var(--nj-font-display);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;overflow:hidden}.game-top .pct{color:var(--nj-gold-soft);font-size:.78rem;font-weight:700}.canvas-host{touch-action:none;flex:1;width:100%;min-height:0}.game-bottom{z-index:5;padding:10px 10px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#0c08128c 30%,#0c0812eb);position:absolute;bottom:0;left:0;right:0}.toolbar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.palette{scrollbar-width:none;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.palette::-webkit-scrollbar{display:none}.palette-item{background:#ffffff0f;border:2px solid #0000;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;width:56px;padding:6px 4px 4px;display:flex}.palette-item.selected{border-color:var(--nj-gold);background:#e8c56a24}.palette-gem{border-radius:10px;width:36px;height:36px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff59,0 4px 10px #00000059}.palette-gem .shine{background:#ffffffbf;border-radius:50%;width:10px;height:8px;position:absolute;top:4px;left:5px}.palette-count{color:var(--nj-muted);font-size:.68rem;font-weight:700}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08050c9e;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;width:min(400px,100%);padding:24px 20px}.overlay-card h2{font-family:var(--nj-font-display);margin:0 0 8px;font-size:1.7rem}.overlay-card p{color:var(--nj-muted);margin:0 0 18px}.overlay-actions{flex-direction:column;gap:10px;display:flex}.home-hero{flex-direction:column;flex:1;justify-content:flex-end;padding-bottom:8px;display:flex;position:relative;overflow:hidden}.home-visual{pointer-events:none;position:absolute;inset:0}.home-visual .orb{filter:blur(.5px);border-radius:30%;animation:6s ease-in-out infinite floatGem;position:absolute}.home-visual .orb-a{background:linear-gradient(145deg,#fda4af,#e11d48 50%,#7f1d1d);width:140px;height:140px;animation-delay:0s;top:12%;right:-20px;transform:rotate(18deg)}.home-visual .orb-b{background:linear-gradient(145deg,#93c5fd,#2563eb 55%,#1e3a8a);width:90px;height:90px;animation-delay:1.2s;top:28%;left:8%;transform:rotate(-12deg)}.home-visual .orb-c{background:linear-gradient(145deg,#fde68a,#f59e0b 50%,#b45309);width:70px;height:70px;animation-delay:.6s;top:8%;left:42%;transform:rotate(28deg)}.home-copy{z-index:1;max-width:520px;position:relative}.home-copy .brand{text-shadow:0 12px 40px #00000073;margin:0 0 12px;font-size:clamp(2.8rem,12vw,4.4rem)}.home-copy p{max-width:28ch;color:var(--nj-muted);margin:0 0 22px;font-size:1.05rem}.home-actions{flex-direction:column;gap:10px;max-width:320px;display:flex}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.gallery-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;min-height:120px;padding:14px}.gallery-item.empty{opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatGem{0%,to{transform:translateY(0) rotate(var(--rot,12deg))}50%{transform:translateY(-14px) rotate(calc(var(--rot,12deg) + 8deg))}}.region-toast{z-index:8;color:#bbf7d0;pointer-events:none;background:#4ade802e;border:1px solid #4ade8073;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:700;animation:.2s fadeIn;position:absolute;top:64px;left:50%;transform:translate(-50%)}