@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f9f2e9;background:#17172b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0,#35304a,transparent 55%),#17172b;min-height:100dvh}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline:3px solid #fff0b5;outline-offset:4px}.shell{max-width:490px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) 22px calc(26px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:#d0c4d4}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;color:#fff0b5;font-size:15px;letter-spacing:1px}.hero{padding:30px 0 20px;position:relative}.eyebrow{font-size:10px;letter-spacing:3px;color:#ffb8c8;font-weight:700}h1{font-family:Space Grotesk,sans-serif;font-size:43px;line-height:1.08;letter-spacing:-2px;margin:14px 0}h1 em{font-style:normal;color:#ffb8c8}.hero p,.sub{color:#bcb4cc;font-size:14px;line-height:1.6;max-width:300px}.scene{height:105px;position:relative;background:linear-gradient(transparent 80%,#39304c 80%);border-bottom:2px solid #70607b;margin-top:20px;overflow:hidden}.scene:before{content:"✦     ·       ✧        ·       ✦";position:absolute;color:#fff0b5;left:15px;top:5px;letter-spacing:12px}.avatar{position:absolute;bottom:18px;left:calc(50% - 12px);width:24px;height:38px;image-rendering:pixelated;background:#593a3c;box-shadow:0 -8px #593a3c}.avatar:before{content:"";position:absolute;left:5px;top:0;width:14px;height:13px;background:#efbb97;box-shadow:0 13px #ff9eb4,0 24px #6472a6}.avatar:after{content:"";position:absolute;left:5px;bottom:-9px;width:5px;height:10px;background:#efbb97;box-shadow:9px 0 #efbb97}.gift{position:absolute;right:24%;bottom:10px;font-size:31px}.collection{background:#222237;border:1px solid #3b354e;border-radius:18px;padding:17px;margin:22px 0}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#c5bace;margin-bottom:12px}.tiles{display:flex;gap:7px}.tile{height:43px;flex:1;display:grid;place-items:center;background:#302c42;border:1px dashed #5b4b64;border-radius:9px;color:#71657c;font-family:Space Grotesk;font-size:21px;font-weight:700}.tile.found{background:#fff0b5;color:#39304c;border:0;box-shadow:0 3px #bfb082}.games{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{text-align:left;min-height:133px;padding:16px;border-radius:17px;border:1px solid #4b4057;background:linear-gradient(135deg,#343047,#262539);position:relative;transition:transform .15s}.card:active{transform:scale(.97)}.card .icon{font-size:27px;display:block;margin-bottom:13px}.card strong{font-family:Space Grotesk;font-size:16px;display:block}.card small{font-size:11px;color:#c7b9d0;display:block;margin-top:5px}.card .num{position:absolute;right:13px;top:14px;font-size:10px;color:#a497b1}.card.done{border-color:#96c4ab}.card:last-child{grid-column:1/-1;min-height:95px}.card:last-child .icon{float:left;margin:10px 20px 0 0}.foot{text-align:center;color:#8e839e;font-size:11px;margin-top:24px}.primary{width:100%;background:#ffb8c8;color:#322637;padding:15px;border-radius:13px;font-weight:700}.back{background:transparent;color:#c5bace;padding:0}.game-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.game-head h2{font-family:Space Grotesk;margin:0;font-size:22px}.hint{color:#bcb4cc;line-height:1.5;font-size:13px;min-height:40px}canvas{display:block;width:100%;aspect-ratio:360/460;background:#222237;border-radius:18px;touch-action:none;border:1px solid #4b4057}.controls{display:flex;gap:10px;margin-top:15px;touch-action:none}.controls button{flex:1;background:#39334c;padding:17px;border-radius:12px;font-size:20px;user-select:none;-webkit-user-select:none}.status{color:#fff0b5;font-size:13px;text-align:center;margin:12px 0;min-height:20px}.overlay{position:fixed;inset:0;background:#141421dd;display:grid;place-items:center;padding:24px;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{max-width:360px;width:100%;text-align:center;background:#30293f;border:1px solid #68536f;border-radius:25px;padding:35px 25px}.reward{font-family:Space Grotesk;font-size:72px;color:#fff0b5;margin:20px}.modal p{color:#c7b9d0;line-height:1.6}.final-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:30px 0}.final-tiles button{width:100%;min-width:0;height:54px;padding:0;background:#fff0b5;color:#30293f;font-size:30px;border-radius:12px}.final-tiles button.selected{outline:3px solid #ff718c;transform:translateY(-5px)}.reveal{text-align:center;padding-top:40px}.reveal h1{font-size:53px}.reset{display:block;margin:20px auto 0;background:transparent;color:#9386a0;font-size:11px}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:#302c42;border:1px solid #4b4057;border-radius:12px;margin:0 0 12px;font-size:12px;line-height:1.4}.game-hud small{display:block;font-size:9px;letter-spacing:1.5px;color:#bcb4cc;margin-bottom:4px}.game-hud .points{text-align:right;flex-shrink:0}.game-hud strong{font-family:monospace;font-size:22px;color:#fff0b5}.final-tiles button{position:relative;height:62px;padding-bottom:8px}.final-tiles button small{position:absolute;bottom:4px;left:0;right:0;font-size:12px}.final-tiles button.correct{background:#9ad6c4;color:#173c32;opacity:1;cursor:default}.final-tiles button.misplaced{background:#fff0b5;color:#514019}.letter-legend{display:flex;flex-direction:column;gap:8px;text-align:left;color:#c7b9d0;font-size:12px;margin:0 0 20px}.final-tiles button.selected{outline-offset:2px}.header-actions{display:flex;align-items:center;gap:10px}.music-toggle{min-width:44px;min-height:44px;border:1px solid #4b4057;background:#302c42;border-radius:12px;color:#fff0b5;font-size:20px;letter-spacing:0;padding:6px}