@font-face{font-family:Futura PT;src:url(/assets/Book-B0HKMTC9.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Futura PT;src:url(/assets/Medium-PH0Tln9T.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Futura PT;src:url(/assets/Heavy-BEBMl37A.ttf)format("truetype");font-weight:700;font-display:swap}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Futura PT", system-ui, sans-serif;--heading:"Futura PT", system-ui, sans-serif;--mono:"Futura PT", system-ui, sans-serif;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body:"Futura PT", sans-serif;--font-heading:"Futura PT", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body,#root,button,input,textarea,select{font-family:var(--sans);font-weight:500}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{font-family:var(--font-body);color:#172033;background:0 0;margin:0}button{font-family:inherit}.intro-card{text-align:center;background:#fff;border-radius:clamp(24px,4vw,36px);width:min(760px,100%);margin:32px auto;padding:clamp(28px,5vw,56px);box-shadow:0 24px 70px #001e5724}.intro-card h2{margin-bottom:16px;font-size:clamp(30px,5vw,46px)}.help-map{background:#ffffff73;border-radius:36px;width:min(760px,100%);height:clamp(420px,60vh,620px);margin:36px auto 0;position:relative;box-shadow:0 18px 40px #001e571f}.help-map-center{text-align:center;color:#fff;background:#24314d;border-radius:32px;justify-content:center;align-items:center;width:clamp(220px,34vw,360px);min-height:140px;padding:24px;font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.2;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.help-map-word{color:#24314d;background:#fff;border-radius:999px;padding:12px 18px;font-size:clamp(15px,2vw,20px);font-weight:700;position:absolute;box-shadow:0 10px 24px #001e5729}.help-map-word-0{top:6%;left:50%;transform:translate(-50%)}.help-map-word-1{top:14%;right:12%}.help-map-word-2{top:38%;right:4%}.help-map-word-3{bottom:16%;right:12%}.help-map-word-4{bottom:6%;left:50%;transform:translate(-50%)}.help-map-word-5{bottom:16%;left:12%}.help-map-word-6{top:38%;left:4%}.help-map-word-7{top:14%;left:12%}.help-map-word-8{top:22%;left:34%}.help-map-word-9{top:22%;right:34%}.help-map-word-10{bottom:22%;right:30%}.help-map-word-11{bottom:22%;left:30%}@media (width<=600px){.help-map{flex-direction:column;gap:12px;height:auto;padding:24px;display:flex}.help-map-center,.help-map-word{position:static;transform:none}.help-map-center{width:100%;min-height:120px}.help-map-word{text-align:center}}.intro-preview-word{color:#fff;letter-spacing:.08em;background:#24314d;border-radius:28px;width:min(320px,100%);margin:32px auto;padding:clamp(28px,6vw,44px);font-size:clamp(38px,8vw,72px);font-weight:800}.intro-text{color:#53627a;max-width:560px;margin:0 auto;font-size:clamp(17px,2.4vw,22px);line-height:1.6}.app{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.game-shell{background:#ccc2e0;border-radius:32px;width:min(1100px,100%);min-height:700px;padding:32px;box-shadow:0 24px 70px #00000040}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:#24314d;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-weight:800}h1{color:#172033;margin:0;font-size:42px}h2{color:#172033;margin-top:0;font-size:30px}.hint{color:#53627a;font-size:18px}.score{background:#fff;border-radius:999px;padding:14px 22px;font-size:22px}.board{grid-template-columns:minmax(220px,1fr) clamp(120px,16vw,180px) minmax(220px,1fr);align-items:stretch;gap:clamp(12px,2vw,20px);margin:clamp(18px,3vw,28px) 0;display:grid}.drop-zone{background:#fff;border:3px dashed #b9c7dd;border-radius:clamp(18px,2.4vw,24px);min-height:clamp(180px,28vh,280px);padding:clamp(14px,2.2vw,20px);transition:all .2s}.drop-zone-over{border-color:#0c5fb3;transform:scale(1.02)}.drop-zone h3{color:#001e57;margin-top:0}.center-word{color:#fff;letter-spacing:.08em;background:#24314d;border-radius:28px;justify-content:center;align-items:center;min-height:clamp(90px,24vh,280px);font-size:clamp(24px,4vw,34px);font-weight:700;display:flex}.cards{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.6vw,12px);margin-top:clamp(18px,3vw,24px);display:flex}.word-card{color:#000;cursor:grab;background:#fff;border:0;border-radius:16px;padding:clamp(10px,1.8vw,14px) clamp(14px,2.4vw,20px);font-size:clamp(16px,2.2vw,20px);font-weight:500;box-shadow:0 8px 20px #001e571f}.word-card:active{cursor:grabbing}.complete-word{color:#7cc57c;background:#dff8e8;border-radius:14px;margin:6px;padding:clamp(8px,1.5vw,10px) clamp(10px,2vw,14px);font-size:clamp(15px,2vw,18px);display:inline-block}.primary-btn{color:#fff;cursor:pointer;background:#24314d;border:0;border-radius:18px;margin-top:28px;padding:16px 26px;font-size:18px}.primary-btn:disabled{cursor:not-allowed;background:#a8b3c5}.primary-btn,.option-btn{font-weight:500}.big-card{text-align:center;color:#24314d;background:#fff;border-radius:28px;width:min(500px,100%);margin:32px auto;padding:48px;font-size:44px;box-shadow:0 18px 40px #001e571f}.options{gap:16px;display:grid}.option-btn{cursor:pointer;text-align:left;color:#000;background:#fff;border:2px solid #d7e1ef;border-radius:20px;padding:18px;font-size:20px}.option-btn:hover{background:#eef6ff;border-color:#85c7d7}.situation-card{background:#fff;border-radius:28px;margin:32px 0;padding:36px;font-size:26px;line-height:1.4}.help-card{background:#fff;border-radius:28px;padding:32px;font-size:22px;line-height:1.6;box-shadow:0 18px 40px #001e571f}.final-score{color:#24314d;margin-top:28px;font-size:32px}@media (width<=480px){.drop-zone{min-height:140px}.center-word{min-height:76px;font-size:26px}.complete-word{text-align:center;display:block}.word-card{padding:10px 14px;font-size:16px}.modal-backdrop{padding:12px}}@media (width<=800px){.app{padding:12px}.game-shell{border-radius:22px;padding:20px}.topbar{flex-direction:column;align-items:flex-start}h1{font-size:32px}.board{grid-template-columns:1fr;gap:14px}.center-word{order:-1;min-height:86px}.big-card{padding:32px;font-size:32px}.drop-zone{min-height:160px}.word-card{width:auto;max-width:100%}}.option-correct{color:#166534;background:#dcfce7;border-color:#7cc57c}.option-wrong{color:#991b1b;background:#fee2e2;border-color:#e16867}.option-muted{opacity:.55}.option-btn:disabled{cursor:default}.points-popup{color:#fff;background:#24314d;border-radius:999px;margin:18px 0;padding:12px 20px;font-size:22px;animation:.35s pop;display:inline-block}@keyframes pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.game-shell{position:relative}.drag-toast{z-index:20;color:#fff;pointer-events:none;border-radius:999px;padding:16px 28px;font-size:26px;animation:.9s forwards dragToastPop;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 18px 35px #0000002e}.drag-toast-success{background:#7cc57c}.drag-toast-error{background:#e16867}@keyframes dragToastPop{0%{opacity:0;transform:translate(-50%,16px)scale(.85)}20%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-16px)scale(.95)}}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17203373;border-radius:32px;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.meaning-modal{background:#fffdf8;border-radius:32px;width:min(640px,100%);padding:32px;box-shadow:0 24px 70px #00000047}.modal-word{margin:20px auto;padding:32px}.score,.final-score,.drag-toast,.points-popup{font-weight:700}.footer-content{color:#24314d;font-size:18px;font-weight:500}.global-footer{background:linear-gradient(90deg,#ccc2e0 0%,#fec876 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:140px;display:flex}.footer-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-bottom:16px;display:flex}.footer-logos img{object-fit:contain;width:auto;height:70px}.footer-btn{cursor:pointer;border:none;border-radius:16px;min-width:180px;height:56px;font-size:18px;font-weight:500}.primary-footer-btn{color:#fff;background:#24314d}.secondary-footer-btn{color:#24314d;background:#fff}.footer-btn:disabled{opacity:.3;cursor:not-allowed}.navigation-bar{justify-content:space-between;gap:16px;margin:24px auto 100px;display:flex}.project-info{text-align:center;color:#24314d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-radius:18px;width:min(1100px,100%);margin:15px auto;padding:18px 24px;font-size:15px;font-weight:400;line-height:1.6}.nav-btn{cursor:pointer;border:none;border-radius:18px;min-width:180px;height:56px;font-size:18px;font-weight:500;transition:all .2s}.nav-btn-primary{color:#24314d;background:#ccc2e0;border:1px solid #172c4d;border-radius:56px}.nav-btn-primary:hover{color:#fff;background:#24314d}.nav-btn-back{border-radius:999px;justify-content:center;align-items:center;width:55px;min-width:40px;height:55px;padding:0;display:flex}.nav-btn-back svg{width:64px;height:64px}.nav-btn-secondary{color:#24314d;background:#85c7d7}.nav-btn-secondary:hover{background:#fff}.nav-btn:hover:not(:disabled){transform:translateY(-2px)}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.parallax-bg{z-index:-1;pointer-events:none;background:linear-gradient(#dff4ff 0%,#fff8eb 55%,#ffedcb 100%);position:fixed;inset:0;overflow:hidden}.parallax-layer{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.clouds-layer{opacity:.85;width:50%;max-width:none;animation:40s linear infinite cloudsMove,40s linear infinite cloudColor;top:-300px;left:80%}.footer-logos img{object-fit:contain;width:auto;max-width:300px;height:auto;max-height:200px}@media (width<=768px){.footer-logos{gap:20px}.footer-logos img{height:50px}}.birds-layer{opacity:.8;width:50px;max-width:none;animation:38s linear infinite birdsMove;top:50px;left:-10%}.trees-layer{opacity:.95;width:clamp(420px,55vw,900px);max-width:none;bottom:clamp(120px,18vh,260px);right:clamp(-180px,-8vw,-40px)}.school-layer{opacity:.95;width:clamp(420px,55vw,900px);max-width:none;top:clamp(40px,10vh,120px);left:clamp(-180px,-6vw,-40px)}.parallax-character{z-index:9999;-webkit-user-select:none;user-select:none;pointer-events:none;width:400px;position:absolute;bottom:10%}.character-left{left:clamp(12px,4vw,80px)}.character-right{animation-delay:1s;right:clamp(12px,4vw,80px)}@keyframes cloudsMove{0%{transform:translate(0)}to{transform:translate(-250%)}}@keyframes cloudColor{0%{filter:hue-rotate()saturate(3)brightness(1.1)}50%{filter:hue-rotate(60deg)saturate(3)brightness(1.1)}to{filter:hue-rotate(120deg)saturate(3)brightness(1.1)}}.sort-word-bank{background:#ffffff8c;border-radius:24px;flex-wrap:wrap;justify-content:center;gap:12px;min-height:92px;margin:24px 0 28px;padding:18px;display:flex}.sort-word-card{color:#172033;cursor:grab;touch-action:none;background:#fff;border:0;border-radius:16px;padding:12px 18px;font-size:18px;font-weight:600;box-shadow:0 8px 20px #001e571f}.sort-word-card:active{cursor:grabbing}.sort-board{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.sort-column{background:#fff;border-radius:26px;padding:18px;box-shadow:0 18px 40px #001e571f}.sort-column-head{text-align:center;min-height:120px}.sort-column-letter{color:#fff;background:#24314d;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 12px;font-size:30px;font-weight:800;display:flex}.sort-column-head p{color:#53627a;margin:0;font-size:16px;line-height:1.4}.sort-cells{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sort-cell{background:#f8fbff;border:2px dashed #b9c7dd;border-radius:14px;justify-content:center;align-items:center;min-height:54px;display:flex}.sort-cell-over{background:#eef6ff;border-color:#0c5fb3;transform:scale(1.03)}.sort-cell .sort-word-card{width:100%;height:100%;padding:8px 10px;font-size:15px}.sort-empty-text{color:#53627a;margin:0;font-size:18px}@media (width<=900px){.sort-board{grid-template-columns:1fr}.sort-cells{grid-template-columns:repeat(3,1fr)}.sort-column-head{min-height:auto;margin-bottom:18px}}@media (width<=480px){.sort-cells{grid-template-columns:repeat(2,1fr)}.sort-word-card{padding:10px 14px;font-size:16px}.sort-cell{min-height:48px}}