.play-wrap{padding-bottom:85px}.play-intro{padding:35px 0 40px;max-width:950px}.play-back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:32px}.play-intro h1,.play-hub-hero h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.6vw,68px);line-height:1.08;letter-spacing:-3px;margin:20px 0}.play-intro>p{font-size:17px;color:var(--muted);max-width:690px}.play-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.play-panel h2{font-family:Manrope,sans-serif;letter-spacing:-1px;font-size:28px;line-height:1.25}.play-panel h3{font-size:20px;line-height:1.3}.play-panel p{color:var(--muted)}.play-wrap input,.play-wrap select{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%;color:var(--ink);font-size:14px}.field-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;margin:24px 0 10px}.field-label:first-child{margin-top:0}.small-copy{font-size:12px;line-height:1.65;color:var(--muted)}.play-status{font-size:12px;min-height:1.7em;color:var(--muted)}.play-wrap button.text-link{border:0;background:transparent;color:var(--ink);padding:6px 0}.play-wrap .text-link{gap:10px}.studio-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:center}.studio-actions .button{padding:12px 18px}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button,.theme-options button,.decor-palette button{background:var(--cream);border:1px solid var(--line);border-radius:11px;padding:10px 12px;font-size:12px;color:var(--ink)}.segmented button[aria-pressed=true],.theme-options button[aria-pressed=true]{background:var(--forest);color:var(--cream);border-color:var(--forest)}
.play-hub-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;padding:45px 0 70px;align-items:center}.play-hub-hero h1{font-size:clamp(55px,5.8vw,83px);letter-spacing:-4px}.play-hub-hero h1 em{font-family:Georgia,serif;font-weight:400}.play-hub-hero p{font-size:17px;color:var(--muted);max-width:480px;margin:25px 0 30px}.hub-illustration{border-radius:140px 22px 22px 22px;overflow:hidden;background:#c4dfcf;aspect-ratio:1.05;position:relative}.hub-illustration svg{width:100%;height:100%}.play-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.play-experience{padding:25px;background:white;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}.play-experience:hover{transform:translateY(-4px);box-shadow:0 10px 25px #173e3010}.play-number{font-size:10px;letter-spacing:2px;color:var(--muted)}.experience-art{height:150px;margin:15px 0 20px;background:#e8efdd;border-radius:14px;overflow:hidden}.experience-art svg{width:100%;height:100%}.play-experience h2{font-family:Manrope,sans-serif;font-size:25px;line-height:1.2;letter-spacing:-.9px;margin:0 0 12px}.play-experience p{font-size:13px;color:var(--muted);margin:0 0 25px}.play-experience .text-link{margin-top:auto}.play-footnote{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:25px;margin-top:45px;font-size:12px;color:var(--muted)}
.studio-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-options button{display:flex;align-items:center;gap:7px;padding:10px 9px}.theme-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0}.decor-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.decor-palette button{font-size:11px;padding:9px 4px}.decor-palette svg{width:45px;height:40px;margin:0 auto 5px}.tank-frame{background:#fff;border-radius:22px;border:1px solid var(--line);overflow:hidden}.tank-toolbar{display:flex;justify-content:space-between;gap:10px;padding:18px 23px;font-size:12px;color:var(--muted)}.tank-toolbar span:first-child{font-weight:700;color:var(--ink)}#tank-stage{padding:0 15px}#tank-stage svg{width:100%;height:auto;touch-action:none;display:block}.tank-prop{cursor:grab;outline:none}.tank-prop:focus .prop-ring{opacity:1}.tank-prop.dragging{cursor:grabbing}.prop-ring{opacity:0}.tank-prop.selected .prop-ring{opacity:1}.selected-decor{padding:15px 23px;display:flex;align-items:center;gap:7px;min-height:66px;font-size:12px;background:#f1f4e8}.selected-decor button{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);min-width:33px;padding:6px}.selected-decor>span{margin-right:auto}.shopping-section{padding-top:65px}.shopping-section h2{margin-top:10px}.shopping-section .section-heading p{max-width:560px}.shopping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:25px}.shopping-card{background:#fff;padding:23px;border:1px solid var(--line);border-radius:17px}.shopping-card .shopping-category{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.shopping-card h3{font-size:18px;font-family:Manrope,sans-serif;letter-spacing:-.5px;line-height:1.3;margin:10px 0 14px}.shopping-card a{display:block;font-size:12px;color:#436d25;margin-top:11px}.shopping-card a:first-of-type{font-weight:700}
.arcade-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px}.game-shell{background:var(--forest);padding:17px;border-radius:24px;color:var(--cream)}.game-scoreboard{display:flex;justify-content:space-between;padding:3px 12px 17px;font-size:11px;color:#ccddca}.game-scoreboard strong{display:block;font-family:Manrope,sans-serif;color:var(--lime);font-size:26px;line-height:1.2}.game-board{position:relative;overflow:hidden;border-radius:14px;background:#b5dbe3}.game-board canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-4px}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:#173e30e8;color:var(--cream);backdrop-filter:blur(5px)}.game-overlay .eyebrow{color:var(--lime);font-size:9px}.game-overlay h2{font-family:Manrope,sans-serif;letter-spacing:-2px;font-size:44px;line-height:1.05;margin:24px 0 13px}.game-overlay p{font-size:13px;max-width:300px;color:#d4e0cb;margin-bottom:26px}.game-bottom{display:flex;align-items:center;gap:14px;margin:18px 0 0}.game-bottom .button{color:var(--cream);border-color:#ffffff40;padding:9px 17px}.game-bottom button.text-link{color:var(--cream)}.game-bottom span{font-size:11px;color:#cad9bf;margin-left:auto}.dpad{text-align:center;margin-top:15px}.dpad>button,.dpad div button{width:45px;height:42px;border-radius:10px;border:1px solid #ffffff30;background:#ffffff10;color:white;font-size:24px;margin:3px}.arcade-aside{align-self:start}.arcade-aside ul{padding-left:19px;font-size:13px;line-height:1.8;color:var(--muted)}.arcade-aside .button{margin-top:26px}.arcade-aside .text-link{font-size:12px}
.quiz-shell{max-width:800px;margin:auto;padding:40px}.quiz-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.progress-track{height:6px;background:#e9eddf;border-radius:9px;margin-top:13px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:#80a244;transition:width .25s}.quiz-question h2{font-family:Manrope,sans-serif;font-size:34px;line-height:1.18;letter-spacing:-1px;margin:35px 0 12px}.quiz-question p{color:var(--muted);font-size:14px}.quiz-options{display:grid;gap:12px;margin-top:26px}.quiz-options button{background:var(--cream);border:1px solid var(--line);border-radius:13px;padding:20px 22px;color:var(--ink);text-align:left;display:flex;align-items:center;gap:18px;font-weight:600}.quiz-options button:hover{border-color:#829863;background:#edf2df}.quiz-choice-dot{width:22px;height:22px;border:1px solid #a5b197;border-radius:50%;flex-shrink:0}.quiz-options button[aria-pressed=true] .quiz-choice-dot{background:var(--forest);box-shadow:inset 0 0 0 5px var(--cream)}.quiz-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px}.quiz-actions .small-copy{font-size:11px}.quiz-results-intro{max-width:750px;margin:10px auto 40px;text-align:center}.quiz-results-intro h2{font-family:Manrope,sans-serif;letter-spacing:-2px;line-height:1.15;font-size:45px;margin:20px 0}.quiz-results-intro p{color:var(--muted)}.quiz-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.quiz-result-card{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:white}.quiz-result-card img{height:220px;object-fit:contain;padding:20px}.quiz-result-card .result-copy{padding:22px}.quiz-result-card h3{margin:0 0 12px;font-family:Manrope,sans-serif;font-size:23px}.quiz-result-card p{color:var(--muted);font-size:13px}.quiz-result-card .button{padding:11px 16px;font-size:12px}.quiz-results-footer{text-align:center;margin-top:32px}
.detective-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.detective-scene-wrap{min-width:0}.detective-score{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;font-size:12px;font-weight:700}.detective-scene{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#e2efe0;aspect-ratio:1.3}.detective-scene>svg{width:100%;height:100%}.detective-hotspot{position:absolute;background:#fff9;border:2px dashed #173e3050;border-radius:15px;color:var(--ink);font-size:10px;font-weight:700;padding:8px;transition:background .2s,box-shadow .2s;min-width:44px;min-height:44px}.detective-hotspot:hover{background:#fff;box-shadow:0 0 0 3px #d7f75b}.detective-hotspot.found{border:2px solid #5f8336;background:#d7f75bdd}.detective-hotspot.found:after{content:'✓';font-size:17px;position:absolute;right:6px;top:4px}.detective-feedback{align-self:start;min-height:350px}.detective-feedback h2{font-size:25px}.detective-feedback p{font-size:13px}.detective-feedback .text-link{font-size:11px;margin-top:22px;line-height:1.5}.detective-feedback .button{margin-top:15px}.found-pill{display:inline-flex;padding:5px 9px;background:#e8efdb;border-radius:20px;font-size:10px;margin:4px 4px 0 0}.play-win{text-align:center;padding:45px;background:var(--forest);color:var(--cream);border-radius:22px;margin-top:32px}.play-win .eyebrow{justify-content:center;color:var(--lime)}.play-win h2{font-size:38px;font-family:Manrope,sans-serif;letter-spacing:-1.4px}.play-win p{color:#d5dfcd}.play-win .studio-actions{justify-content:center}.play-win .button.outline{color:var(--cream);border-color:#ffffff50}
.pet-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.pet-home{border-radius:24px;overflow:hidden;background:#cce4d5;position:relative;border:1px solid var(--line)}.pet-home-top{display:flex;justify-content:space-between;padding:20px 23px;font-size:11px;font-weight:600;background:#ffffff60}#pet-scene svg{width:100%;height:auto;display:block}.pet-character{transform-origin:50% 65%;animation:pet-breathe 3s ease-in-out infinite}.pet-character.bounce{animation:pet-hop .45s ease-in-out 3}.pet-eyes{animation:pet-blink 7s infinite;transform-origin:center}.pet-sparkle{animation:sparkle 1.8s ease-in-out infinite}#pet-bubble{position:relative;background:#fff;border-radius:13px;margin:-12px 25px 24px;padding:17px 20px;font-size:13px;text-align:center;box-shadow:0 5px 18px #173e300c}.pet-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.pet-actions button{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 8px;color:var(--ink);font-size:12px;font-weight:600}.pet-actions button:hover{background:var(--lime)}.pet-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pet-meter-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.5px;margin-bottom:8px}.pet-meter .progress-track{margin:0;height:7px}.pet-customize{align-self:start}.pet-customize .button{margin-top:22px;width:100%}.pet-customize>button.text-link{margin-top:15px}.pet-accessory{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;border:1px solid var(--line);background:var(--cream);border-radius:10px;padding:12px;margin-bottom:8px;color:var(--ink);font-size:12px}.pet-accessory[aria-pressed=true]{background:var(--forest);color:var(--cream)}.pet-accessory span{font-size:10px;opacity:.75}
@keyframes pet-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pet-hop{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-13px) rotate(-3deg)}}@keyframes pet-blink{0%,43%,46%,100%{opacity:1}44%,45%{opacity:.05}}@keyframes sparkle{0%,100%{opacity:.3}50%{opacity:1}}
.home-play-promo{margin:65px 0 0;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:45px;background:#e8efdc;border:1px solid var(--line);border-radius:24px}.home-play-promo h2{font-family:Manrope,sans-serif;font-size:40px;line-height:1.12;letter-spacing:-1.7px;margin:15px 0}.home-play-promo p{color:var(--muted);font-size:14px;max-width:450px}.home-play-links{display:grid;gap:10px}.home-play-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 17px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:600}.home-play-links a:hover{background:var(--lime)}.home-play-promo .button{margin-top:12px}
@media(max-width:1100px){.studio-layout{grid-template-columns:250px minmax(0,1fr)}.arcade-layout{grid-template-columns:minmax(0,1fr) 230px}.detective-layout{grid-template-columns:minmax(0,1fr) 280px}.pet-layout{grid-template-columns:minmax(0,1fr) 260px}.play-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.play-wrap{padding-bottom:50px}.play-intro{padding:22px 0 25px}.play-back{margin-bottom:24px}.play-intro h1{font-size:43px;letter-spacing:-2px}.play-intro>p{font-size:15px}.play-panel{padding:23px}.play-hub-hero{grid-template-columns:1fr;gap:28px;padding:30px 0 40px}.play-hub-hero h1{font-size:58px;letter-spacing:-3px}.play-hub-hero p{font-size:15px}.hub-illustration{max-height:360px}.play-experience-grid{grid-template-columns:1fr}.experience-art{height:180px}.play-footnote{flex-direction:column}.studio-layout,.arcade-layout,.detective-layout,.pet-layout{grid-template-columns:1fr}.studio-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.studio-controls .field-label,.studio-controls .theme-options,.studio-controls .decor-palette,.studio-controls .small-copy,.studio-controls .text-link{grid-column:1/-1}.studio-controls input,.studio-controls select{grid-column:1/-1}.studio-controls .field-label{margin-top:18px}.tank-toolbar{padding:14px 17px}.selected-decor{padding:12px 14px;flex-wrap:wrap}.selected-decor>span{width:100%}.studio-actions{gap:10px}.studio-actions .button{font-size:11px;padding:12px 14px}.shopping-section{padding-top:40px}.shopping-section .section-heading{flex-direction:column;align-items:start}.shopping-grid{grid-template-columns:1fr}.shopping-card{padding:20px}.game-shell{padding:11px}.game-scoreboard{padding:5px 8px 13px}.game-scoreboard strong{font-size:23px}.game-overlay{padding:16px}.game-overlay h2{font-size:34px;margin:15px 0 10px}.game-overlay p{font-size:11px;margin-bottom:15px}.game-overlay .eyebrow{font-size:8px;letter-spacing:1px}.game-bottom{flex-wrap:wrap;gap:12px}.game-bottom span{width:100%;margin-left:0}.quiz-shell{padding:25px}.quiz-question h2{font-size:28px}.quiz-options button{padding:16px;font-size:13px}.quiz-actions .small-copy{display:none}.quiz-result-grid{grid-template-columns:1fr}.quiz-results-intro h2{font-size:35px}.quiz-result-card img{height:230px}.detective-scene{aspect-ratio:1.18}.detective-hotspot{font-size:8px;padding:4px;border-radius:9px}.detective-feedback{min-height:0}.play-win{padding:30px 20px}.play-win h2{font-size:31px}.pet-home-top{padding:15px 17px;font-size:10px}.pet-actions{grid-template-columns:1fr 1fr}.pet-meters{gap:12px}.pet-meter-label{font-size:9px}#pet-bubble{margin:-7px 15px 18px;font-size:12px;padding:13px 15px}.home-play-promo{grid-template-columns:1fr;padding:28px;gap:20px;margin-top:40px}.home-play-promo h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.pet-character,.pet-eyes,.pet-sparkle{animation:none!important}}

.pet-character{transform-box:fill-box;transform-origin:center}

.quiz-result-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1100px;margin:auto}
.detective-hotspot{display:flex;align-items:end;justify-content:center;background:transparent;border-color:#173e3060}
.detective-hotspot:hover{background:#ffffff20}.detective-hotspot.found{background:#d7f75b25}
.hotspot-caption{display:inline-block;background:#ffffffe0;border-radius:20px;padding:4px 8px;line-height:1.25}
@media(max-width:760px){.quiz-result-grid{grid-template-columns:1fr}.hotspot-caption{padding:3px 5px;font-size:8px}}

.tank-toolbar span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pet-home-top{gap:12px}.pet-home-top span:first-child{min-width:0;overflow-wrap:anywhere}.pet-home-top span:last-child{white-space:nowrap;flex-shrink:0}
@media(max-width:760px){.play-hub-hero h1{font-size:clamp(44px,14vw,58px)}}
@media(max-width:380px){.game-overlay{padding:12px}.game-overlay h2{font-size:28px;margin:10px 0}.game-overlay p{font-size:10px;line-height:1.4;margin:0 0 12px}.game-overlay .eyebrow{display:none}.game-overlay .button{padding:11px 17px}}

.shopping-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.shopping-actions select{width:190px}.shopping-actions .field-label{margin-top:0}.shopping-actions .button{white-space:nowrap}