/* System fonts only; no external requests required for child-facing prototype. */
:root{font-family:'PingFang SC','Microsoft Yahei',system-ui,sans-serif;background:#f5f8ff;color:#253557}body{background:radial-gradient(circle at 20% 0%,#e6e4ff 0,transparent 40%),linear-gradient(#f2f8ff,#fff9f0);min-height:100vh}button{transition:transform .18s,box-shadow .18s}button:active{transform:scale(.97)}button:focus-visible{outline:3px solid #ffbb4c;outline-offset:3px}.app{max-width:1050px}.logo{color:#6045ba;font-size:24px;letter-spacing:.5px}.pill{border:2px solid #e9e5ff;box-shadow:0 3px 0 #d7d1f5;color:#6045ba}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#6654d8,#9476e9 55%,#ee9cc7);border:3px solid #ffffffa6;box-shadow:0 16px 32px #6d5bd032}.hero:after{content:'✦  ✨  ✦';position:absolute;right:18px;top:18px;color:#fff9;font-size:28px;pointer-events:none}.hero h1{font-weight:900}.section{color:#3a426b}.world,.card{border:2px solid #eaeafa;box-shadow:0 8px 0 #e4e8f7,0 14px 22px #5361a00d}.world{background:linear-gradient(160deg,#fff,#f9f9ff);position:relative;overflow:hidden}.world:hover{box-shadow:0 11px 0 #e4e8f7,0 18px 25px #5361a014}.world h3{font-weight:900;color:#344270}.world .emoji{filter:drop-shadow(0 5px 3px #4b40742b)}.action{background:linear-gradient(#7969ee,#5e50cb);border-bottom:4px solid #4838b5;box-shadow:0 5px 10px #6654d830}.action.secondary{background:#eeeaff;border-bottom:4px solid #d6d0fb;box-shadow:none}.option{border:2px solid #e0e5fa;background:#f8faff;font-weight:800}.option.selected{border-color:#8269ef;background:#ede7ff}.nav{border-top:2px solid #e7e8f7;gap:10px}.nav button.active{background:#e9e5ff;color:#6046bc}.grade-button{background:linear-gradient(145deg,#fff,#eae6ff);border:2px solid #ded6ff;box-shadow:0 5px 0 #d5ccf5}.grade-button:hover{transform:translateY(-3px)}.game-scene{position:relative;isolation:isolate;border-radius:28px;overflow:hidden;min-height:290px;background:linear-gradient(#7cd5fb 0%,#b8ebff 54%,#f3f9ff 55%,#d3f6d1 100%);border:4px solid #fff;box-shadow:0 12px 28px #4c7cad2c}.scene-sun{position:absolute;width:75px;height:75px;right:12%;top:9%;background:#fff0a3;border-radius:50%;box-shadow:0 0 0 15px #fff7c54a,0 0 45px #fff6bb}.scene-cloud{position:absolute;top:16%;left:10%;font-size:45px;opacity:.9;animation:float 6s ease-in-out infinite}.scene-cloud.two{left:68%;top:35%;font-size:30px;animation-delay:-2s}.island{position:absolute;left:8%;right:8%;bottom:12%;height:45%;border-radius:48% 52% 42% 45% / 58% 58% 42% 42%;background:linear-gradient(#76d98d 0 25%,#3aa86e 26% 43%,#af875f 44% 100%);box-shadow:inset 0 10px 0 #b6f1a2,0 20px 0 -7px #83644c,0 30px 20px #526d8966;transform:rotate(-2deg)}.island:after{content:'🌷  🌿  🌼  🌳';position:absolute;bottom:48%;left:8%;font-size:clamp(24px,4vw,38px);letter-spacing:18px}.castle{position:absolute;bottom:34%;left:43%;font-size:clamp(68px,12vw,118px);filter:drop-shadow(0 8px 3px #325b5077);animation:bob 4s ease-in-out infinite}.pet{position:absolute;bottom:19%;left:20%;font-size:clamp(52px,9vw,82px);filter:drop-shadow(0 7px 4px #3c625677);animation:bob 3s ease-in-out infinite;cursor:pointer;background:none;z-index:2}.scene-bubble{position:absolute;bottom:54%;left:6%;max-width:200px;padding:10px 14px;border-radius:18px 18px 18px 4px;background:#fff;color:#6053aa;font-weight:900;box-shadow:0 6px 0 #ffffff7d;z-index:3}.scene-decor{position:absolute;bottom:20%;right:12%;font-size:30px;z-index:2}.world-art{height:112px;border-radius:16px;display:grid;place-items:center;font-size:65px;margin-bottom:12px;position:relative;overflow:hidden}.world-art:before{content:'✦';position:absolute;top:6px;right:20px;font-size:24px;color:#fff}.world-art.math{background:linear-gradient(140deg,#9b87ff,#d5caff)}.world-art.read{background:linear-gradient(140deg,#65d3a0,#c2f4cc)}.world-art.science{background:linear-gradient(140deg,#66c7f0,#c4efff)}.world-art span{filter:drop-shadow(0 8px 2px #25365b33)}.quest-story{background:linear-gradient(120deg,#fff7dc,#fff);border:2px solid #ffe5a1;border-radius:20px;padding:16px 18px;margin:12px 0;color:#775d30;line-height:1.8}.pet-card{display:flex;gap:15px;align-items:center;background:linear-gradient(115deg,#fff0cf,#ffe2ec);border-radius:20px;padding:16px;margin:16px 0}.pet-face{font-size:70px;animation:bob 3s ease-in-out infinite}.confetti{position:fixed;inset:0;pointer-events:none;z-index:99;overflow:hidden}.confetti i{position:absolute;top:-20px;width:12px;height:18px;border-radius:3px;animation:fall 1.6s ease-in forwards}.quest-progress{display:flex;gap:7px;align-items:center;margin-top:14px}.quest-progress i{flex:1;height:9px;border-radius:10px;background:#e2e5f5}.quest-progress i.on{background:#f5c653}.mini-badge{background:#fff1bd;color:#8c5e12;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:900}.world-card-tag{position:absolute;top:15px;right:15px;background:#fff;padding:5px 10px;border-radius:14px;font-size:12px;font-weight:800;color:#6a5b9b}.empty{line-height:1.8}@keyframes bob{50%{transform:translateY(-9px)}}@keyframes float{50%{transform:translateX(18px)}}@keyframes fall{to{transform:translateY(110vh) rotate(660deg);opacity:0}}@media(max-width:650px){.game-scene{min-height:255px}.island{left:4%;right:4%}.scene-bubble{font-size:12px;max-width:130px}.scene-decor{right:7%}.nav{gap:0}.nav button{padding:9px 10px}.world-art{height:95px}.pet-card{align-items:flex-start}.pet-face{font-size:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Scene art polish & exploratory map (no external assets) */
.game-scene{isolation:isolate;box-shadow:0 18px 44px #5188bc33,inset 0 0 0 4px #ffffffa6;overflow:hidden}
.scene-sun{box-shadow:0 0 0 14px #fff4a44d,0 0 0 30px #fff4a422;animation:sunbreath 5s ease-in-out infinite}
.castle{filter:drop-shadow(0 12px 8px #2d604955);animation:castlefloat 5s ease-in-out infinite}
.pet{transform-origin:center bottom;animation:petidle 2.7s ease-in-out infinite;filter:drop-shadow(0 10px 5px #2c614755);transition:filter .2s}
.pet:hover,.pet:focus-visible{filter:drop-shadow(0 10px 12px #fff7b3);animation:petjump .6s ease-in-out infinite}
.scene-cloud{filter:drop-shadow(0 5px 8px #ffffff88)}
.explore-map{height:clamp(420px,70vw,620px);position:relative;overflow:hidden;isolation:isolate;border:5px solid white;border-radius:30px;background:linear-gradient(180deg,#75c8fa 0%,#b4e7ff 40%,#91dca3 40%,#4fbc83 100%);box-shadow:0 16px 40px #3a7f9c33;cursor:crosshair;outline-offset:4px}
.explore-map:before{content:"";position:absolute;inset:42% 0 0;background:repeating-radial-gradient(ellipse at 30% 80%,transparent 0 34px,#ffffff15 35px 37px);pointer-events:none}
.explore-sky{position:absolute;top:7%;left:12%;font-size:clamp(25px,4vw,44px);letter-spacing:8vw;animation:cloudDrift 8s ease-in-out infinite}
.explore-hill{position:absolute;background:linear-gradient(140deg,#a5e48d,#45a86b);border-radius:50% 50% 0 0;box-shadow:inset 0 10px 0 #ffffff18}
.hill-a{width:95%;height:33%;left:-24%;top:38%;transform:rotate(-7deg)}.hill-b{width:90%;height:38%;right:-24%;top:42%;transform:rotate(8deg)}
.explore-path{position:absolute;width:75%;height:48%;top:46%;left:15%;border:18px dashed #f6dc9c;border-left:0;border-bottom:0;border-radius:50%;transform:rotate(-13deg);opacity:.9}
.explore-lake{position:absolute;width:27%;height:14%;left:3%;bottom:5%;border-radius:50%;background:linear-gradient(130deg,#82edff,#3baad8);border:5px solid #c7f8fa;box-shadow:0 5px 0 #1b8db555}
.explore-flora{position:absolute;bottom:6%;left:23%;font-size:clamp(23px,4vw,44px);letter-spacing:1.5vw;pointer-events:none}
.explore-location{position:absolute;z-index:3;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:5px;background:#ffffffdf;border:3px solid #fff;border-radius:20px;padding:9px 12px;box-shadow:0 9px 0 #245f5e22,0 12px 20px #244b4c24;color:#305268;cursor:pointer;transition:transform .2s,box-shadow .2s;max-width:30%}
.explore-location:hover,.explore-location:focus-visible{transform:translate(-50%,-55%) scale(1.06);box-shadow:0 14px 25px #244b4c36}
.explore-location span{font-size:clamp(30px,6vw,65px);line-height:1.1;filter:drop-shadow(0 4px 3px #0002)}.explore-location b{font-size:clamp(10px,2.1vw,15px);white-space:nowrap}
.explore-avatar{position:absolute;z-index:5;font-size:clamp(36px,7vw,65px);transform:translate(-50%,-65%);transition:left .85s ease-in-out,top .85s ease-in-out;pointer-events:none;filter:drop-shadow(0 8px 4px #1b5b4655);animation:petidle 2.7s ease-in-out infinite}
.avatar-shadow{position:absolute;width:40px;height:9px;border-radius:50%;background:#164d4930;bottom:-10px;left:20%;z-index:-1}
.explore-avatar.walking{animation:petjump .35s ease-in-out infinite}
.explore-tooltip{position:absolute;z-index:6;bottom:10px;right:10px;background:#183e50cc;color:white;padding:9px 12px;border-radius:12px;font-size:12px;pointer-events:none}
@keyframes petidle{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes petjump{0%,100%{translate:0 0}50%{translate:0 -17px}}
@keyframes castlefloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes sunbreath{0%,100%{opacity:1}50%{opacity:.8}}
@keyframes cloudDrift{0%,100%{translate:0 0}50%{translate:15px 0}}
@media(max-width:520px){.explore-map{height:470px}.explore-location{padding:8px 6px}.explore-tooltip{left:10px;right:10px;text-align:center;font-size:11px}.explore-location b{white-space:normal;line-height:1.2}}
@media(prefers-reduced-motion:reduce){.scene-sun,.castle,.pet,.explore-sky,.explore-avatar{animation:none}.explore-avatar{transition:none}}

/* Hand-painted style vector avatar drawn on a pixel-ratio-aware canvas */
.explore-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.explore-map{background:linear-gradient(180deg,#6bbdec 0%,#c6edff 40%,#99d98c 40%,#54b77a 100%)}
.explore-location{z-index:6}.explore-location span{filter:drop-shadow(0 4px 3px #0002)}
.explore-lake{z-index:2}.explore-flora{z-index:3}
@media(prefers-reduced-motion:reduce){.explore-avatar{animation:none}}

/* ========= 探索体验精修：统一场景资源、地图镜头与移动端输入 ========= */
:root{--deep-green:#236957;--pine:#3a856b;--cream:#fff8e8;--berry:#6a53ad;--light-border:#e9ecd9}
.world-art span{transition:transform .28s}.world:hover .world-art span{transform:scale(1.09) rotate(-5deg)}
.home-castle{position:absolute;bottom:31%;left:43%;height:46%;max-width:48%;filter:drop-shadow(0 14px 13px #3a5f6365);animation:castlefloat 4s ease-in-out infinite}
.pet-portrait{width:clamp(70px,12vw,111px);height:clamp(70px,12vw,111px);padding:0;background:transparent;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 15px #163b5b33}
.pet-portrait img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px #243b6044)}
.pet-face{display:inline-flex;width:80px;height:80px;flex-shrink:0}.pet-face img{width:100%;height:100%;object-fit:contain}
.map-title{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:22px 0 14px}.map-title .section{margin:7px 0 9px}.map-title .muted{margin:0;font-size:14px;max-width:650px;line-height:1.7}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.7px;color:#4aa184}.map-count{background:#fff;border:2px solid #d5ecd8;border-radius:16px;padding:13px 15px;font-size:14px;color:#47836c;white-space:nowrap;box-shadow:0 5px 0 #dceade}.map-count b{font-size:22px;color:#4c9d7e}
.explore-viewport{position:relative;isolation:isolate;border-radius:28px;background:#68c295;border:6px solid #fff;box-shadow:0 10px 0 #d6e7dc,0 24px 48px #306d6840;overflow:hidden;min-height:555px}
.explore-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;height:550px;scrollbar-width:thin;scrollbar-color:#ffffff94 transparent}
.explore-map{cursor:crosshair;width:100%;min-width:840px;height:550px;min-height:0;max-height:none;position:relative;overflow:hidden;border:0;border-radius:0;background:#84d3ac;box-shadow:none;isolation:isolate;outline-offset:-6px}
.explore-map::before{display:none}
.world-map-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;user-select:none}
.explore-location{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;width:21%;max-width:205px;min-height:0;border:0;padding:0;background:none;border-radius:20px;box-shadow:none;color:#2a655a;transform:translate(-50%,-78%);transition:transform .22s,filter .22s;filter:drop-shadow(0 7px 5px #255e4944);cursor:pointer}
.explore-location img{display:block;width:100%;height:155px;object-fit:contain;pointer-events:none}
.explore-location b{white-space:nowrap;font-size:13px;font-weight:900;letter-spacing:.2px;line-height:1.2;background:#fffaf0;border:2px solid white;border-radius:18px;padding:7px 13px;box-shadow:0 4px 0 #5aa17f,0 7px 11px #2a725f30;pointer-events:none}
.explore-location b span{font-size:12px;color:#559d80}
.explore-location:hover,.explore-location:focus-visible{transform:translate(-50%,-82%) scale(1.07);box-shadow:none;filter:drop-shadow(0 10px 9px #1b584b55)}
.explore-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.discovery-spot{position:absolute;transform:translate(-50%,-60%);z-index:3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:27px;background:#fffcef;border:3px solid #fff;box-shadow:0 5px 0 #6dba87,0 8px 20px #207e5344;animation:discovery-glow 2.4s ease-in-out infinite;cursor:pointer}
.discovery-spot:hover,.discovery-spot:focus-visible{transform:translate(-50%,-65%) scale(1.1)}
.discovery-spot.collected{background:#e2f5e9;box-shadow:0 5px 0 #9bc9a4;animation:none;opacity:.81}
.map-location-caption{position:absolute;z-index:2;top:15px;left:17px;background:#ffffffdc;color:#35866d;border:2px solid #ffffffba;font-size:13px;font-weight:900;padding:8px 14px;border-radius:20px;pointer-events:none}
.map-hud{position:absolute;z-index:7;pointer-events:none;inset:0}
.map-help{pointer-events:none;position:absolute;bottom:16px;left:16px;max-width:65%;padding:12px 14px;background:#245d57d9;color:#fff;border-radius:16px;font-size:13px;font-weight:800;text-shadow:0 1px 0 #0003;box-shadow:0 5px 16px #183b3740}
.direction-pad{position:absolute;bottom:15px;right:16px;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:auto;touch-action:none}
.direction-pad>div{display:flex;gap:5px}.direction-pad button{width:48px;height:44px;border:2px solid #fff;border-radius:14px;background:#fff9e9ed;color:#458a71;font-size:17px;font-weight:900;box-shadow:0 4px 0 #2b8566;touch-action:none;user-select:none}
.direction-pad button:active{background:#cceee0;transform:translateY(3px);box-shadow:0 1px 0 #2b8566}
.discovery-panel{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 40px));z-index:9;display:flex;align-items:center;gap:19px;padding:22px 24px;border:4px solid white;border-radius:24px;background:linear-gradient(135deg,#fffbdf,#fffdf5 48%,#e9faf0);box-shadow:0 16px 45px #245f5266}
.discovery-panel[hidden]{display:none}
.discovery-illustration{font-size:56px;flex:none;filter:drop-shadow(0 5px 3px #22553b2e)}
.discovery-panel strong{color:#3e856b;font-size:21px}.discovery-panel p{font-size:14px;line-height:1.7;color:#557567;margin:8px 0 15px}.discovery-panel .action{padding:9px 17px;font-size:14px}
.map-bottom{display:flex;gap:12px;justify-content:space-between;margin:21px 0 9px;flex-wrap:wrap}.map-bottom p{border:2px solid #e0ecdf;background:#fff;padding:12px 15px;border-radius:13px;font-size:13px;color:#517a68;margin:0;flex:1 1 260px}
.discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.discovery-item{border:2px dashed #d3e3de;background:#f6faf9;border-radius:14px;padding:15px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px}.discovery-item span{font-size:35px}.discovery-item b{font-size:13px;color:#8b9994}.discovery-item.known{border-style:solid;border-color:#bbdfc5;background:#edf9f0}.discovery-item.known b{color:#338064}
@keyframes discovery-glow{0%,100%{filter:drop-shadow(0 0 1px #fff6a9)}50%{filter:drop-shadow(0 0 12px #fff5a9);translate:0 -4px}}
@media (max-width:650px){.map-title{align-items:flex-start;flex-direction:column}.map-title .section{font-size:22px}.map-count{padding:9px 14px}.explore-viewport{min-height:510px;border-width:4px;border-radius:20px}.explore-scroll{height:505px}.explore-map{width:840px;min-width:840px;height:505px}.explore-location img{height:145px}.explore-location b{font-size:12px}.map-help{bottom:111px;left:8px;right:8px;max-width:none;text-align:center;padding:8px 11px;font-size:11px}.direction-pad{bottom:13px;right:12px}.direction-pad button{width:48px;height:43px}.discovery-panel{width:calc(100% - 18px);bottom:136px;gap:10px;padding:15px}.discovery-illustration{font-size:36px}.discovery-panel strong{font-size:16px}.discovery-panel p{font-size:12px}.map-location-caption{top:10px;left:10px;font-size:11px}.discovery-grid{gap:7px}.discovery-item{padding:9px 5px}.discovery-item b{font-size:11px}.pet-face{width:64px;height:64px}.home-castle{left:38%;max-width:53%}}
@media (prefers-reduced-motion:reduce){.discovery-spot{animation:none}.home-castle{animation:none}.world-art span{transition:none}}

@media(max-width:650px){.top{flex-wrap:wrap}.top .logo{font-size:19px}.top .pill{padding:7px 9px;font-size:12px}}

/* Same-art-direction UI: make the world selector match the map buildings. */
.world-art{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.world-art img{display:block;width:min(74%,150px);height:108px;object-fit:contain;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 7px 4px #1d485431)}
.world:hover .world-art img,.world:focus-visible .world-art img{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 9px 6px #1d485444)}
.hero-explore-button{margin-top:15px;padding:13px 21px;color:#433d88;background:#fff9eb;border-radius:16px;font-weight:900;box-shadow:0 5px 0 #392e8470,0 9px 15px #232c4e36;transition:transform .18s,box-shadow .18s}
.hero-explore-button:hover,.hero-explore-button:focus-visible{transform:translateY(-2px);box-shadow:0 8px 0 #392e8470,0 11px 18px #232c4e44}
.hero-explore-button:active{transform:translateY(3px);box-shadow:0 2px 0 #392e8470}
.hero-explore-button span{margin-left:14px}
button:focus-visible,.explore-map:focus-visible{outline:3px solid #ffcb59;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.world-art img,.hero-explore-button{transition:none}}

/* 家庭梦想兑换屋 — independent accessible reward UI */
.reward-header{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(130deg,#effbf0,#fff6df);border:2px solid #d1e9c9;border-radius:22px;padding:18px 22px;margin-top:20px}
.reward-header .section{margin:0 0 7px}.reward-header p{margin:0;color:#678176;font-size:14px;line-height:1.6}
.reward-header strong{white-space:nowrap;background:#fff;border-radius:18px;padding:12px 15px;color:#428264;box-shadow:0 4px 0 #d6eadb}
.reward-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.reward-item{padding:20px;background:#fff;border:2px solid #e3eaf4;border-radius:23px;box-shadow:0 7px 0 #e3eaf4}
.reward-product{display:flex;align-items:center;gap:15px}.reward-product h3{margin:0 0 5px;color:#3a4572}.reward-product p{font-size:13px;color:#74829a;margin:0 0 10px}.reward-emoji{font-size:56px;min-width:82px;min-height:82px;background:linear-gradient(135deg,#f7eefb,#fff0d0);display:grid;place-items:center;border-radius:20px}
.reward-photo{width:90px;height:90px;object-fit:cover;border-radius:18px}.reward-layers{display:grid;gap:14px;margin:21px 0}.reward-layers>div{background:#f9fafc;border:1px solid #e8edf5;border-radius:13px;padding:10px 13px;position:relative}.reward-layers b{font-size:13px}.reward-layers span{float:right;font-weight:900;color:#6b59a6}.reward-layers .progress{height:9px;background:#e4e6f0;margin:7px 0 6px}.reward-layers .progress i{background:linear-gradient(90deg,#82cfa6,#e3bd58)}.reward-layers small{color:#8b93a2;font-size:11px;line-height:1.4}.reward-hint{font-size:13px;line-height:1.6;background:#f0f8f0;border-radius:12px;padding:10px 12px;color:#418466;font-weight:800}
.reward-item .action:disabled{opacity:.54;cursor:not-allowed}.reward-request{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f4f7ff;border-radius:12px;padding:11px 13px;margin:8px 0;font-size:13px;line-height:1.5}.reward-request b{color:#4a8969}.parent-reward-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.parent-reward-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;color:#586789}.parent-reward-fields input,.parent-reward-fields select{width:100%;border:1px solid #d6dced;border-radius:12px;padding:11px;background:white;font:inherit}.parent-reward-fields input[type=file]{font-size:11px;min-width:0}.reward-review{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #e3e7f0;padding:12px;border-radius:14px;margin:8px 0}.reward-review p{margin:4px 0 0;color:#71809a;font-size:12px}
@media(max-width:750px){.reward-list{grid-template-columns:1fr}.reward-header{flex-wrap:wrap}.parent-reward-fields{grid-template-columns:1fr}.reward-review{display:block}.reward-review>div:last-child{margin-top:10px}.reward-request{align-items:start}.reward-request button{flex-shrink:0}}
/* Six navigation tabs: keep touch targets usable on narrow phones. */
@media(max-width:650px){.nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;gap:4px}.nav button{flex:0 0 auto;font-size:12px;padding:10px 12px}}
.reward-home-cta{margin-left:12px;background:#f9e4f2;color:#60468a}@media(max-width:650px){.reward-home-cta{margin-left:0}}