:root{--ink:#214e43;--muted:#657a72;--paper:#fffaf0;--line:#dfd3b2;--green:#3b9b75;--coral:#e97b63;--shadow:0 15px 34px rgba(54,73,55,.13)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:radial-gradient(circle at 15% 0,#fff8e7,transparent 38%),#eef3df;color:var(--ink);font-family:"Trebuchet MS","Segoe UI",sans-serif}.app{width:min(1120px,calc(100% - 32px));margin:24px auto 46px}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;background:#fffaf0;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 20px rgba(50,70,55,.08)}.game-home-link{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;border-radius:13px}.game-home-link:hover strong{color:#b75c48}.game-home-link:focus-visible,button:focus-visible{outline:3px solid #e8b94d;outline-offset:3px}.game-home-link>span:last-child{display:grid}.game-home-link strong{font-size:18px}.game-home-link small{font-size:12px;color:var(--muted)}.game-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e7f2df}.game-icon svg{width:34px;height:34px;fill:#e8b94d;stroke:#376653;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.age-pill,.hero-facts span{padding:9px 13px;border:1px solid #d6dec5;border-radius:99px;background:#f5fae9;font-size:13px;font-weight:900}.screen{display:none}.screen.is-active{display:block}.hero-card,.play-card,.result-card{margin-top:18px;border:1px solid var(--line);border-radius:29px;background:#fffaf0;box-shadow:var(--shadow)}.hero-card{display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden}.hero-art{min-height:480px}.hero-art img{display:block;width:100%;height:100%;object-fit:cover}.hero-copy{display:grid;align-content:center;padding:48px;background:linear-gradient(135deg,#fffaf0,#edf4df)}.eyebrow{color:#bd604d;font-size:12px;font-weight:900;letter-spacing:.1em}.hero-copy h1{margin:10px 0 20px;font:700 clamp(42px,5vw,66px)/.98 Georgia,serif}.hero-copy p{margin:0;color:var(--muted);font-size:19px;line-height:1.55}.hero-facts{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.primary-button,.hint-button,.quiet-button,.back-button{border:0;border-radius:14px;font:inherit;font-weight:900;cursor:pointer}.primary-button{padding:15px 22px;color:white;background:var(--green);box-shadow:0 7px 15px rgba(34,130,94,.2)}.hint-button,.quiet-button{padding:13px 18px;background:#f3ead1;color:var(--ink)}.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 0;padding:0;list-style:none}.hero-steps li{display:flex;align-items:center;gap:13px;min-height:112px;padding:18px;background:#fffaf3;border:1px solid var(--line);border-radius:21px;box-shadow:0 9px 22px rgba(55,73,54,.08)}.hero-steps b{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:16px;background:var(--coral);color:white;font-size:23px}.hero-steps span{display:grid;gap:5px}.hero-steps small{color:var(--muted)}.routes-section{padding-top:40px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{margin:6px 0 0;font:700 34px Georgia,serif}.section-heading p{color:var(--muted);font-weight:800}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.route-card{display:grid;grid-template-rows:95px 1fr auto;min-height:292px;padding:20px;text-align:left;color:var(--ink);background:#fffaf0;border:1px solid var(--line);border-radius:22px;box-shadow:0 9px 20px rgba(55,72,53,.08);cursor:pointer}.route-card:hover{transform:translateY(-3px)}.route-visual{display:flex;align-items:center;justify-content:center;gap:8px}.route-visual i{width:67px;height:55px;border-radius:16px;background:var(--route);box-shadow:inset 0 0 0 9px rgba(255,255,255,.46)}.route-visual i:last-child{filter:saturate(.55);transform:rotate(4deg)}.route-visual span{font-size:28px;color:var(--route)}.route-copy{display:grid;align-content:start;gap:6px}.route-copy small{color:#bc614f;font-weight:900}.route-copy strong{font:700 25px Georgia,serif}.route-copy>span{color:var(--muted)}.route-foot{display:grid;gap:8px;margin-top:18px;color:var(--muted);font-size:13px;font-weight:800}.route-foot>i,.progress-track{height:7px;border-radius:99px;background:#e3ead7;overflow:hidden}.route-foot b,.progress-track i{display:block;height:100%;background:var(--route,var(--green));border-radius:inherit}.play-card{padding:20px}.play-head{display:flex;align-items:center;gap:14px}.play-head>div{flex:1}.play-head small{color:#bd604d;font-weight:900}.play-head h2{margin:3px 0 0;font:700 31px Georgia,serif}.play-head>span{padding:9px 13px;border:1px solid #dce3d0;border-radius:99px;font-weight:900}.back-button{width:44px;height:44px;background:#e5f1df;color:var(--ink);font-size:20px}.progress-track{margin:14px 0 18px}.story-now{position:relative;display:grid;place-items:center;max-width:500px;margin:0 auto 20px;padding:14px;border-radius:24px;background:#e6f1df}.now-label{position:absolute;z-index:4;left:24px;top:24px;padding:7px 10px;border-radius:99px;background:#285f4e;color:white;font-size:11px;font-weight:900}.next-arrow{position:absolute;right:-31px;top:50%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e97b63;color:white;font-size:28px;box-shadow:0 7px 15px rgba(120,60,45,.18)}.start-card{width:100%;border:0;border-radius:18px;overflow:hidden;background:#fff}.scene-art{position:relative;display:block;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;overflow:hidden}.scene-caption{display:block;min-height:50px;padding:12px 14px;color:var(--ink);font-size:14px;font-weight:800;line-height:1.3}.scene-item{position:absolute;z-index:2;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(39,54,38,.2));transform:translate(-50%,-50%)}.scene-item.left{left:27%;top:60%}.scene-item.center{left:50%;top:58%}.scene-item.right{left:74%;top:60%}.scene-item.top-right{left:78%;top:25%}.scene-item.right-high{left:73%;top:43%}.scene-item.tiny{width:14%;height:23%}.scene-item.small{width:23%;height:37%}.scene-item.medium{width:34%;height:55%}.scene-item.large{width:46%;height:70%}.scene-item.flip{transform:translate(-50%,-50%) scaleX(-1)}.question-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:12px 0}.question-head h3{margin:5px 0 0;font:700 27px Georgia,serif}.question-head p{margin:0;color:var(--muted);font-weight:900}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice-card{padding:0;overflow:hidden;text-align:left;color:var(--ink);background:#fff;border:2px solid #ddd3b6;border-radius:20px;cursor:pointer;box-shadow:0 8px 18px rgba(55,70,50,.08)}.choice-card:hover{border-color:#70ad8a;transform:translateY(-2px)}.choice-card.is-error{border-color:#e2725d;animation:shake .4s}.choice-card.is-hint{border-color:#e3b640;box-shadow:0 0 0 5px #fff0a6}.choice-card.is-correct{border-color:#4da477;box-shadow:0 0 0 5px #ccebd5}.feedback{display:grid;gap:5px;max-width:830px;min-height:75px;margin:16px auto;padding:14px 18px;border-radius:16px;background:#f4eedb}.feedback span{color:var(--muted);line-height:1.4}.feedback[data-tone=error]{background:#ffefea;border:1px solid #efb3a7}.feedback[data-tone=hint]{background:#fff6d8;border:1px solid #e7ce76}.feedback[data-tone=success]{background:#e2f3e6;border:1px solid #9ccdac}.play-actions{display:flex;justify-content:center;gap:9px}.task-tabs{display:flex;justify-content:center;gap:8px;margin-top:15px}.task-tabs button{width:36px;height:36px;border:0;border-radius:12px;background:#e7ecd8;color:var(--ink);font-weight:900;cursor:pointer}.task-tabs button.is-active{background:#285f4e;color:white}.task-tabs button.is-done{box-shadow:inset 0 0 0 3px #65ad82}.result-card{text-align:center;padding:56px 24px}.result-card h2{max-width:700px;margin:10px auto 15px;font:700 clamp(35px,5vw,56px) Georgia,serif}.result-card>p{max-width:650px;margin:0 auto 22px;color:var(--muted);font-size:18px;line-height:1.5}.result-chain{display:flex;justify-content:center;align-items:center;gap:14px}.result-chain i{width:90px;height:70px;border-radius:18px;background:#e97b63;box-shadow:inset 0 0 0 10px rgba(255,255,255,.45)}.result-chain i:last-child{background:#68a482}.result-chain span{font-size:30px}.result-stats{display:flex;justify-content:center;gap:12px;margin:20px}.result-stats span{display:grid;gap:4px;padding:12px 20px;border-radius:15px;background:#eef4e3}.result-card .quiet-button{margin-left:8px}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:850px){.hero-card{grid-template-columns:1fr}.hero-art{min-height:330px}.route-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.choice-card{display:grid;grid-template-columns:45% 1fr}.choice-card .scene-art{aspect-ratio:4/3}.choice-card .scene-caption{align-self:center}.next-arrow{right:8px}.section-heading{align-items:start}}@media(max-width:700px){.app{width:min(1120px,calc(100% - 20px));margin-top:10px}.age-pill{display:none}.hero-copy{padding:34px 22px}.hero-copy h1{font-size:39px}.hero-steps{grid-template-columns:1fr}.hero-steps li{min-height:78px}.play-card{padding:12px;border-radius:22px}.play-head h2{font-size:23px}.story-now{margin-right:0}.question-head{align-items:start}.question-head h3{font-size:24px}.question-head p{font-size:13px}.scene-caption{font-size:12px}.result-stats{flex-direction:column}.result-card .quiet-button{display:block;margin:10px auto 0}}@media(max-width:420px){.game-home-link strong{font-size:15px}.game-icon{width:42px;height:42px}.hero-art{min-height:250px}.choice-card{grid-template-columns:43% 1fr}.story-now{padding:9px}.now-label{left:17px;top:17px}.play-actions{display:grid}.result-card{padding-inline:16px}}