:root{color:#f8fafc;background:#120f24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(124,58,237,.34),transparent 34rem),radial-gradient(circle at bottom right,rgba(20,184,166,.2),transparent 28rem),#120f24}button,select,textarea{font:inherit}button{border:0;border-radius:999px;color:#f8fafc;background:#312e81;cursor:pointer;min-height:44px;transition:transform .15s ease,background .15s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px);background:#4338ca}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.36}.prospector-art{display:none;position:fixed;left:max(24px,calc((100vw - 1180px)/2 - 304px));top:128px;z-index:0;width:clamp(170px,16vw,280px);max-height:62vh;object-fit:contain;opacity:.92;pointer-events:none;filter:drop-shadow(0 28px 44px rgba(0,0,0,.38))}.shell{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:24px}.hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{color:#67e8f9;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{font-size:clamp(2.6rem,8vw,6.5rem);line-height:.86;margin:0;letter-spacing:-.08em}h2{margin:0 0 12px}.intro{max-width:620px;color:#cbd5e1;font-size:1.08rem}.intro-tutorial-trigger{display:inline;min-height:0;margin:0;padding:0;border:0;border-radius:4px;color:#67e8f9;background:none;line-height:inherit;text-align:inherit;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em;transition:color .15s ease;vertical-align:baseline}.intro-tutorial-trigger:hover:not(:disabled){color:#a5f3fc;background:none;transform:none}.intro-tutorial-trigger:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}.daily-card,article,.side-panel,.board-panel{border:1px solid rgba(255,255,255,.12);background:#0f172ab8;box-shadow:0 24px 80px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.daily-card{border-radius:28px;padding:18px 22px;display:grid;gap:6px;min-width:170px}.daily-card span,.daily-card small{color:#cbd5e1}.daily-card strong{text-transform:capitalize;font-size:1.45rem}.picker-field{display:grid;gap:8px;color:#cbd5e1;font-size:.88rem}.picker-field select{min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);color:#f8fafc;background:#020617;padding:0 12px}.difficulty-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:4px}.difficulty-bar button{min-height:38px;border-radius:14px;padding:0 9px;background:#312e81bd;font-size:.8rem;font-weight:800}.difficulty-bar button.active{background:#fbbf24;color:#1e1b4b;box-shadow:0 0 0 3px #fbbf242e}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.board-panel,.side-panel,article{border-radius:32px;padding:20px}.status-line{min-height:48px;color:#fde68a}.board{display:grid;grid-template-columns:repeat(4,minmax(62px,1fr));gap:10px}.cell{position:relative;aspect-ratio:1;border-radius:24px;background:linear-gradient(145deg,#1e1b4b,#0f172a);border:2px solid rgba(255,255,255,.1);padding:10px;display:grid;place-items:center}.cell.selected{border-color:#fbbf24;box-shadow:0 0 0 5px #fbbf242e}.cell.given{background:linear-gradient(145deg,#164e63,#1e1b4b)}.cell.valid{border-color:#34d399bf}.cell.invalid{border-color:#fb7185e6}.clues{position:absolute;inset:10px 10px auto 10px;display:flex;justify-content:space-between;color:#bfdbfe;font-size:clamp(.75rem,2.5vw,.95rem)}.answer{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;font-size:clamp(1.9rem,7vw,3.4rem);font-weight:900}.board-x-image{width:min(104px,88%);height:min(104px,88%);max-width:88%;max-height:88%;object-fit:contain;pointer-events:none}.notes{position:absolute;inset:auto 9px 8px;color:#c4b5fd;font-size:.75rem;line-height:1.1}.controls{display:grid;grid-template-columns:54px 54px 1fr;gap:10px;margin-bottom:14px}.controls button:last-child{grid-column:1 / -1}.toggle.active{background:#be123c}.pencil-toggle,.sound-toggle{position:relative;display:inline-grid;place-items:center;min-width:54px;min-height:54px;border:2px solid transparent}.pencil-toggle svg,.sound-toggle svg{width:24px;height:24px;fill:currentColor}.pencil-toggle.active{border-color:#fde68a;box-shadow:inset 0 0 0 3px #0f172ab3,0 0 0 4px #fbbf242e;transform:translateY(1px)}.pencil-toggle.active:after{content:"";position:absolute;right:9px;bottom:9px;width:9px;height:9px;border-radius:999px;background:#fde68a;box-shadow:0 0 0 2px #7f1d1d}.sound-toggle.muted{color:#cbd5e1;background:#475569}.bank{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bank button{min-height:54px;font-weight:800}.bank small{display:block;font-size:.68rem;color:#cbd5e1}.completion-card{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.completion-card p,.share-box{color:#cbd5e1}.reveals{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.gem-chip{--gem-color: #94a3b8;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--gem-color),#111827 64%);border:1px solid color-mix(in srgb,var(--gem-color),white 20%)}.gem-thumb{width:22px;height:22px;max-width:22px;max-height:22px;object-fit:contain;pointer-events:none;flex:0 0 auto}.share-box{display:grid;gap:8px;margin-top:18px}textarea{width:100%;min-height:130px;border-radius:18px;border:1px solid rgba(255,255,255,.14);color:#f8fafc;background:#020617;padding:12px;resize:vertical}.meta-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,2fr);gap:24px;margin-top:24px}.collection-panel{grid-column:auto}.collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}.collection-gem-card{--gem-color: #94a3b8;display:grid;gap:12px;min-width:0;padding:16px;border-radius:24px;background:radial-gradient(circle at 36px 28px,color-mix(in srgb,var(--gem-color),white 30%),transparent 58px),linear-gradient(145deg,color-mix(in srgb,var(--gem-color),#111827 58%),color-mix(in srgb,var(--gem-color),#020617 78%));border:1px solid color-mix(in srgb,var(--gem-color),white 22%);box-shadow:inset 0 1px #ffffff1f}.collection-gem-top{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center;min-width:0}.collection-gem-image{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.34));pointer-events:none}.collection-gem-copy{display:grid;gap:4px;min-width:0}.collection-gem-copy strong{font-size:1.05rem}.collection-gem-copy span{color:#fde68a;font-weight:800}.collection-gem-description{color:#dbeafe;line-height:1.4;overflow-wrap:anywhere}.flight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden}.flying-gem{position:fixed;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.38));will-change:transform,opacity}.game-layout:focus{outline:none}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#020617b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto}.tutorial-dialog{position:relative;width:min(1040px,100%);min-height:min(680px,calc(100vh - 48px));display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:16px;padding:18px 18px 20px;border-radius:34px;background:linear-gradient(145deg,#0f172af0,#1e1b4bf5);border:1px solid rgba(255,255,255,.18);box-shadow:0 34px 110px #0000007a;overflow:hidden}.tutorial-stage{position:relative;width:min(100%,960px);aspect-ratio:2702 / 1506}.tutorial-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.96;pointer-events:none}.tutorial-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 36px rgba(0,0,0,.28))}.tutorial-copy{position:absolute;top:21%;left:40%;width:42%;padding:0;color:#1e293b;background:transparent;text-shadow:0 1px 0 rgba(255,255,255,.5),0 0 14px rgba(255,255,255,.38)}.tutorial-step-count{margin:0 0 8px;color:#7c2d12;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.6rem,1.15vw,.8rem)}.tutorial-copy h2{color:#111827;font-size:clamp(1.2rem,3.1vw,2.75rem);line-height:.96;letter-spacing:-.05em}.tutorial-copy p{color:#334155;line-height:1.48;font-size:clamp(.72rem,1.2vw,1rem)}.tutorial-copy p:last-child{margin-bottom:0}.tutorial-actions{z-index:1;width:min(420px,100%);justify-self:end;display:grid;grid-template-columns:minmax(126px,1fr) minmax(126px,1fr);gap:12px}.tutorial-actions button{padding:0 18px}.tutorial-actions .secondary{color:#312e81;background:#e0e7ff}.tutorial-close{position:absolute;z-index:2;top:18px;right:18px;width:46px;min-width:46px;min-height:46px;display:grid;place-items:center;color:#111827;background:#fef3c7;font-weight:900;box-shadow:0 10px 24px #0f172a3d}dl{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0}dl div{border-radius:18px;background:#ffffff0f;padding:12px}dt{color:#cbd5e1}dd{margin:0;font-size:1.8rem;font-weight:900}.history-card{margin-top:24px;padding:20px;border-radius:24px;background:#02061761}.history{max-height:260px;overflow-y:auto;margin:0 0 14px;padding-left:18px;color:#cbd5e1;font-size:.92rem;line-height:1.35}.history li+li{margin-top:8px}.danger{background:#7f1d1d;padding-inline:16px}@media(max-width:900px){.shell{padding:16px}.hero,.game-layout,.meta-grid{grid-template-columns:1fr;display:grid}.collection-panel{grid-column:auto}.collection{grid-template-columns:1fr}.hero{align-items:stretch}.board-panel,.side-panel,article{border-radius:24px;padding:14px}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cell{border-radius:18px;padding:8px}}@media(max-width:700px){.tutorial-overlay{align-items:start;padding:12px}.tutorial-dialog{width:min(640px,100%);min-height:0;grid-template-rows:auto auto;gap:14px;place-items:stretch;padding:56px 12px 12px;overflow:visible}.tutorial-stage{width:100%;aspect-ratio:auto;display:grid;gap:12px}.tutorial-visual{position:relative;inset:auto;aspect-ratio:2702 / 1506}.tutorial-copy{position:relative;top:auto;left:auto;width:100%;max-height:none;overflow:visible;color:#f8fafc;text-shadow:none}.tutorial-step-count{color:#fde68a}.tutorial-copy h2{color:#fff7ed;font-size:clamp(1.7rem,8vw,2.45rem)}.tutorial-copy p{color:#dbeafe;font-size:1rem}.tutorial-actions{width:100%;justify-self:stretch}}@media(min-width:1800px){.prospector-art{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}