:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}:root{--bg-page: #fff7ee;--bg-card: #ffe8cf;--tile-bg: #fdf3e7;--tile-border: #f0c79b;--tile-selected-border: #d2691e;--tile-selected-bg: #f7d3aa;--text-main: #3a2614;--text-muted: #8a6a4a;--accent: #d2691e;--accent-soft: #f4a460}.connections-page{min-height:100vh;height:100vh;width:100%;padding:0;background:radial-gradient(circle at top left,#f4a46022,transparent 55%),radial-gradient(circle at bottom right,#8b451322,transparent 55%),var(--bg-page);color:var(--text-main)}.connections-border-grid{width:100%;height:100vh;max-height:100dvh;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:3px;box-sizing:border-box}.connections-main{grid-row:2 / 5;grid-column:2 / 5;width:100%;background:#fffaf3;border-radius:24px;box-shadow:0 18px 45px #0000001f,0 0 0 1px #f8ecdce6;padding:28px 24px 24px}.connections-footer{grid-row:5 / 6;grid-column:2 / 5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0 10px}.connections-border-cell{border-radius:18px;padding:6px;display:flex;align-items:center;justify-content:center;text-align:center;background:#fdf3e7;box-shadow:0 6px 18px #00000029}.connections-border-cell:nth-child(4n+1){background:#f7d3aa}.connections-border-cell:nth-child(4n+2){background:#f9bf8a}.connections-border-cell:nth-child(4n+3){background:#f0a25e}.connections-border-cell:nth-child(4n+4){background:#d98a3f}.connections-border-text{font-family:Cinzel Decorative,Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Rounded,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#3a2614}.connections-header{text-align:center;margin-bottom:16px}.connections-tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#d2691e14;color:var(--accent);font-weight:600}.connections-title{margin:14px 0 6px;font-size:clamp(2rem,4vw,3rem);letter-spacing:.12em;font-weight:700;text-transform:uppercase;font-family:Cinzel Decorative,Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Rounded,sans-serif}.connections-subtitle{margin:0;font-size:14px;color:var(--text-muted)}.connections-mistakes{margin:4px 0 0;font-size:16px}.connections-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.connections-tile{position:relative;border-radius:14px;border:1px solid var(--tile-border);background:var(--tile-bg);padding:10px 8px;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:500;color:var(--text-main);cursor:pointer;outline:none;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease,filter .14s ease;box-shadow:0 2px #0000000f}.connections-tile:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #00000014;border-color:#e2b483}.connections-tile:active:not(:disabled){transform:translateY(0);box-shadow:0 1px #0000000f}.connections-tile--selected{border-color:var(--tile-selected-border);background:var(--tile-selected-bg);box-shadow:0 4px 12px #d2691e33}.connections-tile--solved{color:#fffaf3;border-color:transparent;box-shadow:0 2px 10px #0000002e;filter:saturate(.95)}.connections-tile:disabled{cursor:default}.connections-tile-label{padding-inline:2px}@keyframes connections-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.connections-tile--shake{animation:connections-shake .4s ease}.connections-actions{margin-top:18px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.connections-submit{border-radius:999px;border:none;padding:12px 34px;font-size:16px;font-weight:600;font-family:inherit;background:linear-gradient(120deg,#8b4513,#5c2e0d);color:#ffe9cc;cursor:pointer;outline:none;box-shadow:0 10px 24px #5c2e0d8c;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,opacity .14s ease}.connections-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #8b451380;filter:brightness(1.03)}.connections-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 16px #8b451380}.connections-submit:disabled{cursor:default;opacity:.55;box-shadow:0 4px 10px #8b45134d}.connections-feedback{font-size:13px;text-align:center;margin:0}.connections-feedback--success{color:#2e7d32}.connections-feedback--error{color:#b13b25}.connections-complete-footer{margin:0 0 6px;font-size:13px;color:var(--text-muted);text-align:center;max-width:90%}.connections-offbyone{margin:4px 0;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#ffd70026;color:#b13b25}.connections-solved-groups{margin-top:4px;display:flex;flex-direction:column;gap:8px}.connections-solved-pill{border-radius:16px;padding:10px 12px;color:#fffaf3;box-shadow:0 6px 14px #00000038;display:flex;flex-direction:column;align-items:flex-start;animation:connections-pill-in .26s ease-out}.connections-solved-name{font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;opacity:.95}.connections-solved-words{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13px}.connections-solved-word{padding:2px 6px;border-radius:999px;background-color:#fffaf338}@keyframes connections-pill-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.connections-main{padding:22px 16px 18px;border-radius:20px}.connections-title{font-size:24px}.connections-grid{gap:8px}.connections-tile{min-height:56px;font-size:12px;padding-inline:6px}}.landing{min-height:100vh;width:100%;padding:0;color:#3a2614}.landing-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:4px;width:100%;height:100vh;max-height:100dvh;box-sizing:border-box}.landing-mosaic-cell{position:relative;overflow:hidden;background:#f4a460}.landing-mosaic-img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}.landing-card{grid-row:2 / 4;grid-column:2 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 20px;border-radius:24px;background:#fffaf3;box-shadow:0 18px 45px #0003,0 0 0 1px #f8ecdce6;text-align:center;min-width:0}.landing-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:#d2691e14;color:#d2691e;font-weight:650}.landing-title{margin:10px 0 2px;font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Rounded,sans-serif;font-size:clamp(1.3rem,3vw,30px);letter-spacing:.04em;font-weight:700}.landing-title-main{white-space:pre}.landing-cursor{display:inline-block;width:.5ch;margin-left:2px;color:#d2691e;animation:landing-cursor-blink 1s steps(2,start) infinite}@keyframes landing-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.landing-languages{margin:8px 0 12px;display:flex;flex-direction:column;gap:4px}.landing-lang{margin:0;font-size:clamp(13px,2.1vw,16px);font-weight:600;color:#5a3a1a}.landing-lang-hi{font-family:Noto Sans Devanagari,system-ui,sans-serif}.landing-lang-gu{font-family:Noto Sans Gujarati,system-ui,sans-serif}.landing-lang-fr{font-family:Fredoka,system-ui,sans-serif}.landing-subtitle{margin:0 0 14px;font-size:clamp(12px,1.8vw,15px);color:#8a6a4a}.landing-cta{margin-top:4px;border-radius:999px;border:none;padding:8px 16px;font-size:14px;font-weight:600;font-family:inherit;text-transform:lowercase;background:linear-gradient(120deg,#d2691e,sienna);color:#fff7ee;cursor:pointer;outline:none;box-shadow:0 10px 24px #8b45138c;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px #8b451399;filter:brightness(1.06)}.landing-cta:active{transform:translateY(0);box-shadow:0 8px 18px #8b45138c}@media(max-width:480px){.landing-card{padding:16px 14px 14px;border-radius:20px}.landing-title{font-size:20px}.landing-lang{font-size:12px}}.gate{min-height:100vh;width:100%;padding:0;display:flex;align-items:stretch;justify-content:center;background:radial-gradient(circle at top left,#f4a46022,transparent 55%),radial-gradient(circle at bottom right,#8b451322,transparent 55%),#fff7ee;color:#2f2012}.gate--night{background:radial-gradient(circle at top left,#3a2a55,transparent 55%),radial-gradient(circle at bottom right,#120c1f,transparent 55%),#050309;color:#fdf5e6}.gate-scene{width:100%;max-width:900px;padding:20px 32px 18px;text-align:center;transform-origin:center;transition:transform 1.4s ease-out,box-shadow 1.4s ease-out,opacity 1.4s ease-out}.gate-scene--opening{transform:scale(1.12);box-shadow:0 26px 60px #00000038,0 0 0 1px #f8ecdce6;opacity:.15}.gate-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.gate-sun-moon{position:relative;width:128px;height:128px}.gate-sun-img,.gate-moon-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(4px) scale(.9);transition:opacity .3s ease-out,transform .3s ease-out}.gate-sun-img--visible,.gate-moon-img--visible{opacity:1;transform:translateY(0) scale(1)}.gate-toggle{display:flex;align-items:center;gap:8px;border:none;background:none;padding:4px 0;cursor:pointer;font-family:inherit}.gate-toggle-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8a6a4a}.gate-toggle-track{position:relative;width:46px;height:24px;border-radius:999px;background:#d2691e2e;box-shadow:inset 0 0 0 1px #d2691e4d;transition:background .2s ease-out}.gate-toggle-track--on{background:#5c2e0dd9}.gate-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fffaf3;box-shadow:0 2px 6px #00000040;transition:transform .2s ease-out,background .2s ease-out}.gate-toggle-track--on .gate-toggle-thumb{transform:translate(22px);background:#ffe9cc}.gate-header{margin-bottom:10px}.gate-title{margin:4px 0;font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Rounded,sans-serif;font-size:28px;letter-spacing:.06em;font-weight:700;text-transform:uppercase}.gate-subtitle{margin:0;font-size:13px;color:#8a6a4a}.gate-plants-row{display:flex;align-items:flex-end;justify-content:center;gap:32px;margin-top:8px}.gate-sunflower{width:140px;transform-origin:50% 100%;display:flex;align-items:flex-end;justify-content:center;transition:transform .6s ease-in-out}.gate-sunflower-img{width:100%;height:auto;display:block}.gate-sunflower--right .gate-sunflower-img{transform:scaleX(-1)}.gate-scene:not(.gate-scene--night) .gate-sunflower--left{transform:rotate(-22deg)}.gate-scene:not(.gate-scene--night) .gate-sunflower--right{transform:rotate(-14deg)}.gate-scene--night .gate-sunflower--left{transform:rotate(18deg)}.gate-scene--night .gate-sunflower--right{transform:rotate(-18deg)}.gate-story{margin:10px auto 14px;font-size:13px;color:#8a6a4a;max-width:460px}.gate-frame{position:relative;margin:6px 0 16px;width:200px;height:440px;border-radius:24px;background:linear-gradient(145deg,#c58a4c,#8b4513);padding:18px 16px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 16px 32px #00000073,inset 0 0 0 2px #281408e6}.gate-door{position:relative;width:100%;height:100%;transform-origin:right center;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}.gate-door-panel{position:absolute;inset:4px;border-radius:16px;background:linear-gradient(175deg,#ffcf9e,#d88743);box-shadow:0 18px 30px #0006,inset 0 0 0 1px #3c1e0ae6}.gate-door-inner{position:absolute;inset:10px;border-radius:12px;border:2px solid rgba(255,245,230,.7);box-shadow:inset 0 0 0 1px #a05a2833}.gate-door-knob{position:absolute;top:50%;right:14px;width:12px;height:12px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffe8c5,#c27a34);box-shadow:0 2px 3px #0006,inset 0 0 0 1px #fffaf0b3;transform:translateY(-50%)}.gate-door--open{transform:perspective(1000px) rotateY(-110deg) translate(6px)}.gate-glow{position:absolute;inset:20px;border-radius:20px;background:radial-gradient(circle at center,#fffffffa,#fff3);opacity:0;transform:scale(.9);pointer-events:none;transition:opacity 1.2s ease-out,transform 1.2s ease-out}.gate-scene--opening .gate-glow{opacity:1;transform:scale(1.08)}.gate-button{margin-top:2px;border-radius:999px;border:none;padding:10px 22px;font-size:14px;font-weight:600;font-family:inherit;background:linear-gradient(120deg,#d2691e,sienna);color:#fff7ee;cursor:pointer;outline:none;box-shadow:0 10px 24px #8b451380;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,opacity .14s ease}.gate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #8b451399;filter:brightness(1.06)}.gate-button:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px #8b45138c}.gate-button:disabled{opacity:.5;cursor:default}@media(max-width:480px){.gate-scene{padding:24px 18px 22px;border-radius:22px}.gate-frame{width:160px;height:352px}.gate-title{font-size:24px}}.gate-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.gate-modal{background:#fffaf3;border-radius:20px;padding:24px 28px 28px;max-width:360px;width:100%;box-shadow:0 24px 48px #00000040;outline:none}.gate-modal-title{font-family:Fredoka,system-ui,sans-serif;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.gate-modal-boxes{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.gate-modal-lives{display:flex;justify-content:center;gap:6px;margin-bottom:14px}.gate-modal-life{width:22px;height:22px;opacity:.9;transform-origin:50% 100%;transition:opacity .2s ease-out,transform .2s ease-out,filter .2s ease-out}.gate-modal-life--used{opacity:.15;transform:scale(.82);filter:grayscale(1)}.gate-modal-box{width:44px;height:52px;border:2px solid #c58a4c;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;text-transform:uppercase;background:#fff;color:#2f2012}.gate-modal-box--green{background:#2e7d32;border-color:#2e7d32;color:#fff}.gate-modal-box--yellow{background:#f9a825;border-color:#f9a825;color:#fff}.gate-modal-box--gray{background:#9e9e9e;border-color:#9e9e9e;color:#fff}.gate-modal-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.gate-modal-submit{width:100%;border-radius:999px;border:none;padding:10px 20px;font-size:15px;font-weight:600;font-family:inherit;background:linear-gradient(120deg,#d2691e,sienna);color:#fff7ee;cursor:pointer;margin-bottom:8px;transition:transform .14s ease,filter .14s ease}.gate-modal-submit:hover{transform:translateY(-1px);filter:brightness(1.05)}.gate-modal-message{font-size:13px;color:#8a6a4a;text-align:center;margin:0 0 10px}.gate-modal-try{width:100%;border-radius:999px;border:2px solid #c58a4c;background:transparent;padding:8px 16px;font-size:13px;font-weight:600;font-family:inherit;color:#8b4513;cursor:pointer;transition:background .14s ease,color .14s ease}.gate-modal-try:hover{background:#8b451314}.memory-page{min-height:100vh;display:flex;flex-direction:row;background:#fccf8f;color:#2f2012}.memory-center{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.memory-side{flex:0 0 auto;max-width:20vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.memory-side--left{padding:0 8px 0 6px}.memory-side--right{padding:0 6px 0 8px}.memory-side-image{height:90vh;max-height:100dvh;width:auto;max-width:100%;object-fit:cover;display:block}.memory-side-caption{margin-top:6px;font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Rounded,sans-serif;font-size:1.35rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#2f2012}.memory-messages{flex:0 0 auto;min-height:33.33vh;display:flex;align-items:center;justify-content:center;padding:32px 24px 24px;text-align:center;max-width:720px;margin:0 auto;width:100%}.memory-message{margin:0 auto;max-width:80%;font-family:Ranchers,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Rounded,sans-serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:400;letter-spacing:.02em;line-height:1.35;min-height:1.4em}.memory-tv-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 16px}.memory-audio-controls{flex:0 0 auto;display:flex;justify-content:center;padding:0 0 24px}.memory-audio-button{border:none;border-radius:999px;padding:8px 20px;font-size:.9rem;font-weight:600;font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Rounded,sans-serif;background:linear-gradient(120deg,#d2691e,sienna);color:#fff7ee;cursor:pointer;box-shadow:0 8px 18px #8b451373;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.memory-audio-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #8b45138c;filter:brightness(1.06)}.memory-audio-button:active{transform:translateY(0);box-shadow:0 6px 14px #8b451380}.memory-tv{width:100%;max-width:720px;height:auto;max-height:66vh;object-fit:contain;object-position:bottom center;opacity:0;transition:opacity 2s ease-out}.memory-tv--visible{opacity:1}@media(max-width:480px){.memory-page{flex-direction:column}.memory-side{order:3;flex:0 0 auto;max-width:none;padding:4px 0 12px}.memory-side-image{height:auto;width:100%;max-height:32vh;object-fit:cover}.memory-messages{min-height:28vh;padding:24px 16px 16px}.memory-message{font-size:clamp(1.25rem,5vw,1.75rem)}.memory-tv-wrap{padding:0 8px 8px}.memory-tv{max-height:72vh}}