:root{--ink:#172033;--muted:#64748b;--blue:#2563eb;--cyan:#06b6d4;--green:#22c55e;--line:#dbeafe;--shadow:0 18px 55px rgba(37,99,235,.16)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%,#fff7ad 0 9%,transparent 19%),radial-gradient(circle at 12% 22%,rgba(255,255,255,.9) 0 5%,transparent 10%),radial-gradient(circle at 80% 12%,rgba(255,255,255,.9) 0 6%,transparent 12%),linear-gradient(180deg,#b8ecff 0%,#eaf7ff 54%,#d7f9d4 100%);min-height:100vh}button,input{font:inherit}button{border:0;cursor:pointer}.game-shell{max-width:1240px;margin:0 auto;padding:18px}.game-header{display:flex;justify-content:space-between;gap:16px;align-items:center;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(16px);border-radius:30px;padding:16px;box-shadow:var(--shadow)}.brand{display:flex;gap:14px;align-items:center}.brand-orb{width:64px;height:64px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:24px;font-weight:1000;box-shadow:0 12px 30px rgba(37,99,235,.25)}.brand h1{margin:0;font-size:25px}.brand p{margin:3px 0 0;color:var(--muted)}.player-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.player-panel label{display:grid;gap:4px;font-size:12px;color:var(--muted);font-weight:850}.player-panel input{width:150px;border:1px solid var(--line);border-radius:16px;padding:11px 12px;outline:none}.stat{min-width:78px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px 12px;text-align:center}.stat span{display:block;font-weight:1000;font-size:22px}.stat small{color:var(--muted)}.view{display:none}.view.active{display:block}.hero{margin-top:18px;display:grid;grid-template-columns:1fr 310px;gap:16px;padding:28px;border-radius:34px;color:#fff;background:linear-gradient(135deg,#1d4ed8,#0891b2 55%,#22c55e);box-shadow:var(--shadow)}.badge{display:inline-flex;width:max-content;padding:7px 12px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;font-size:12px;font-weight:950}.hero h2{font-size:40px;line-height:1.15;margin:14px 0 10px}.hero p{font-size:17px;line-height:1.7;margin:0;opacity:.93}.daily-box{align-self:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);border-radius:26px;padding:18px}.daily-box strong{font-size:20px}.daily-box p{font-size:14px;margin:8px 0 12px}.progress{height:13px;background:rgba(255,255,255,.25);border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;width:0%;background:#fff;border-radius:999px;transition:.2s}.map{position:relative;min-height:650px;margin-top:22px;border-radius:36px;background:radial-gradient(circle at 14% 80%,#36d399 0 8%,transparent 9%),radial-gradient(circle at 40% 64%,#5eead4 0 10%,transparent 11%),radial-gradient(circle at 70% 80%,#bef264 0 9%,transparent 10%),radial-gradient(circle at 84% 48%,#86efac 0 10%,transparent 11%),radial-gradient(circle at 55% 28%,#fef08a 0 9%,transparent 10%),radial-gradient(circle at 23% 28%,#fdba74 0 10%,transparent 11%),linear-gradient(180deg,#7dd3fc 0%,#38bdf8 100%);overflow:hidden;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.6)}.map:before{content:"";position:absolute;inset:auto -10% -18% -10%;height:220px;background:radial-gradient(ellipse,#0ea5e9 0 45%,transparent 72%);opacity:.45}.path-line{position:absolute;inset:0;background:linear-gradient(35deg,transparent 18%,rgba(255,255,255,.5) 18% 20%,transparent 20% 100%),linear-gradient(150deg,transparent 25%,rgba(255,255,255,.42) 25% 27%,transparent 27% 100%);pointer-events:none}.island{position:absolute;width:220px;min-height:150px;border-radius:38px;padding:18px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border:5px solid rgba(255,255,255,.85);box-shadow:0 18px 45px rgba(15,23,42,.2);display:grid;gap:6px;color:var(--ink);text-align:left;transition:.16s transform,.16s box-shadow}.island:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 28px 65px rgba(15,23,42,.25)}.island-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#fef3c7,#bbf7d0);font-size:30px}.island strong{font-size:18px}.island small{color:var(--muted);font-weight:750}.island:nth-of-type(2){left:8%;top:18%}.island:nth-of-type(3){left:40%;top:10%}.island:nth-of-type(4){right:8%;top:28%}.island:nth-of-type(5){left:13%;bottom:14%}.island:nth-of-type(6){left:43%;bottom:24%}.island:nth-of-type(7){right:11%;bottom:10%}.game-top{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:var(--shadow)}.back-btn,.hint-btn,.next-btn,.primary-btn{border-radius:18px;padding:13px 18px;font-weight:950}.back-btn,.hint-btn,.next-btn{background:#fff;border:1px solid var(--line);color:var(--blue)}.primary-btn{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 12px 30px rgba(37,99,235,.25)}.game-top h2{margin:7px 0 0;font-size:30px}#gameTag{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.mini-score{min-width:160px;display:grid;gap:5px;text-align:right;color:var(--muted)}.mini-score strong{color:var(--ink);font-size:21px}.game-board{margin-top:18px;min-height:500px;background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow);padding:24px;overflow:hidden}.game-question{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px;border-radius:26px;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #dbeafe;margin-bottom:18px}.game-question h3{margin:0;font-size:26px;line-height:1.35}.game-question p{margin:6px 0 0;color:var(--muted);line-height:1.6}.scene{display:grid;gap:18px}.scene.two{grid-template-columns:1fr 1fr;align-items:center}.pizza{width:min(340px,85vw);aspect-ratio:1;border-radius:50%;margin:auto;background:conic-gradient(#fbbf24 0deg 45deg,#f59e0b 45deg 90deg,#fbbf24 90deg 135deg,#f59e0b 135deg 180deg,#fbbf24 180deg 225deg,#f59e0b 225deg 270deg,#fbbf24 270deg 315deg,#f59e0b 315deg 360deg);border:18px solid #92400e;box-shadow:inset 0 0 0 10px #fde68a,0 22px 45px rgba(146,64,14,.24);position:relative}.slice{position:absolute;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#92400e;font-weight:1000;border:3px solid #fef3c7;box-shadow:0 7px 15px rgba(0,0,0,.14)}.slice.selected{background:#22c55e;color:#fff;border-color:#dcfce7}.slice:nth-child(1){left:48%;top:8%}.slice:nth-child(2){right:18%;top:22%}.slice:nth-child(3){right:12%;bottom:34%}.slice:nth-child(4){right:31%;bottom:13%}.slice:nth-child(5){left:31%;bottom:13%}.slice:nth-child(6){left:12%;bottom:34%}.slice:nth-child(7){left:18%;top:22%}.slice:nth-child(8){left:43%;top:42%}.control-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.08)}.control-card h4{margin:0 0 12px;font-size:22px}.control-card p{color:var(--muted);line-height:1.7}.answer-box{display:flex;gap:10px;align-items:center;margin-top:12px}.answer-box input{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px;outline:none;font-size:20px;font-weight:950}.bridge{position:relative;height:260px;border-radius:28px;background:linear-gradient(180deg,#e0f2fe,#bae6fd);overflow:hidden}.bridge:before{content:"";position:absolute;left:8%;right:8%;bottom:54px;height:36px;border-radius:30px;background:#475569}.bridge-point{position:absolute;bottom:96px;width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:#fff;border:3px solid #bae6fd;font-weight:1000;box-shadow:0 12px 26px rgba(15,23,42,.18);transform:translateX(-50%)}.bridge-hero{position:absolute;bottom:148px;width:70px;height:70px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);font-size:36px;box-shadow:0 15px 35px rgba(15,23,42,.2);transition:.25s left;transform:translateX(-50%)}.slider-wrap{padding:12px}.slider-wrap input{width:100%}.shop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product{padding:18px;border-radius:26px;background:linear-gradient(180deg,#fff,#fff7ed);border:1px solid #fed7aa;text-align:center}.product .emoji{font-size:48px}.product h4{font-size:20px;margin:8px 0}.product strong{font-size:27px;color:#ea580c}.factory{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.bottle-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.bottle{width:44px;height:92px;border-radius:16px 16px 12px 12px;background:linear-gradient(180deg,#fef3c7,#fb923c);border:4px solid #fff;box-shadow:0 10px 20px rgba(251,146,60,.25)}.grid-area{display:grid;gap:4px;width:max-content;max-width:100%;margin:auto;padding:14px;background:#f8fbff;border-radius:24px;border:1px solid var(--line)}.cell{width:36px;height:36px;border-radius:10px;background:#dbeafe;border:1px solid #bfdbfe}.cell.fill{background:linear-gradient(135deg,#22c55e,#06b6d4)}.cubes{display:grid;grid-template-columns:repeat(6,44px);justify-content:center;gap:8px}.cube{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#93c5fd,#2563eb);box-shadow:inset -7px -7px 0 rgba(15,23,42,.14),0 8px 14px rgba(37,99,235,.18)}.feedback{margin-top:16px;border-radius:20px;padding:14px 16px;font-weight:850;line-height:1.6}.feedback.good{background:#dcfce7;color:#166534}.feedback.bad{background:#fee2e2;color:#991b1b}.feedback.info{background:#e0f2fe;color:#075985}.bottom-actions{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hidden{display:none!important}.finish-card{max-width:680px;margin:42px auto;padding:34px;text-align:center;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:38px;box-shadow:var(--shadow)}.trophy{font-size:86px}.finish-card h2{font-size:38px;margin:10px 0}.finish-card p{color:var(--muted);line-height:1.7}.reward-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.reward-row div{background:#f8fbff;border:1px solid var(--line);border-radius:22px;padding:16px}.reward-row strong{display:block;font-size:30px;color:var(--blue)}.reward-row span{color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;background:#111827;color:#fff;padding:14px 18px;border-radius:18px;box-shadow:var(--shadow);z-index:50}@media(max-width:900px){.game-header,.hero,.game-top,.scene.two,.factory{grid-template-columns:1fr;display:grid}.player-panel{justify-content:flex-start}.map{min-height:auto;display:grid;gap:14px;padding:18px}.island{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%}.shop{grid-template-columns:1fr}}@media(max-width:560px){.game-shell{padding:10px}.hero h2{font-size:30px}.game-board{padding:14px}.reward-row{grid-template-columns:1fr}}