:root{color-scheme:dark;--night:#222c3b;--panel:#39495a;--cream:#fff1dc;--muted:#d5ccc1;--gold:#edca83;--sage:#b5d3b1;--honey:#f0c96f;--rose:#d9a7b0}*{box-sizing:border-box}html{background:var(--night);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 82% 0,#4d5260 0,var(--night) 44%);color:var(--cream);font-family:ui-rounded,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{width:min(100%,560px);margin:auto;padding:calc(20px + env(safe-area-inset-top)) 14px calc(26px + env(safe-area-inset-bottom));overflow-x:clip}header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow,.number{margin:0 0 6px;color:var(--gold);font-size:.69rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,10vw,2.8rem);line-height:1;letter-spacing:-.055em}h1 em{display:block;color:var(--sage);font-style:normal}.moon{display:grid;width:54px;height:54px;place-items:center;flex:0 0 auto;border:1px solid #777181;border-radius:18px;background:#504c59;color:var(--gold);font-size:2rem}.welcome{margin:24px 0;padding:14px 15px;border-left:4px solid var(--gold);border-radius:8px 16px 16px 8px;background:#303c4b}.welcome p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.welcome .note{margin-top:8px;color:var(--cream);font-size:.72rem;font-weight:800}h2{margin:0 0 10px;font-size:1rem}.games{display:grid;gap:12px}.game{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px;border:1px solid #68798a;border-radius:20px;background:var(--panel);box-shadow:0 10px 28px #11182444}.icon{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:#536575;font-size:1.7rem}.game h3{margin:0;font-size:1.2rem}.game p:not(.number){margin:5px 0 13px;color:var(--muted);font-size:.8rem;line-height:1.4}.game a{grid-column:1/-1;display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:13px;background:var(--gold);color:#263440;font-weight:900;text-decoration:none;touch-action:manipulation}.game a:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.garden .icon{background:var(--sage);color:#29372e}.bee .icon{background:var(--honey);color:#443523}.alchemy .icon{background:var(--rose);color:#45313a}footer{margin:18px 5px 0;color:var(--muted);font-size:.7rem;text-align:center;line-height:1.4}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}