:root{--ink:#222249;--muted:#555673;--violet:#7540db;--lavender:#a779ff;--line:#e4dff1;--paper:#fffefa;--gold:#ffcb55;--shadow:0 14px 40px #26357024;--radius:26px;--world:url('/assets/world.jpg')}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;background:#b0d1f7 var(--world) center 38%/cover fixed;color:var(--ink);font-family:ui-rounded,'SF Pro Rounded','Trebuchet MS',system-ui,sans-serif;font-size:16px;line-height:1.45}body:before{content:'';position:fixed;inset:0;background:#b9d6ff65;backdrop-filter:blur(7px);z-index:-1}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button{border:0;color:inherit}a{color:#5333a5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #5932b5;outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}h1,h2,h3,p{margin:0}h1{font-size:clamp(25px,3vw,36px);line-height:1.12;letter-spacing:-.7px}h2{font-size:24px;line-height:1.2}h3{font-size:18px}p+p{margin-top:10px}small{font-size:13px}img{max-width:100%}svg.icon{width:23px;height:23px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.initial-loader{min-height:100dvh;display:grid;place-items:center;font-weight:bold}.app-shell{max-width:1510px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;padding:24px 28px 36px;min-height:100dvh}.sidebar{position:sticky;top:24px;height:calc(100dvh - 48px);display:flex;flex-direction:column;gap:8px;background:#f9f6ffed;border:1px solid #fff;border-radius:30px;padding:22px 15px;box-shadow:var(--shadow)}.brand{font-size:22px;line-height:1.08;letter-spacing:-.5px;margin:4px 8px 22px;font-weight:900;color:#3b2669}.brand small{display:block;font-size:12px;font-weight:600;letter-spacing:0;margin-top:7px;color:#66617a}.side-nav{display:flex;flex-direction:column;gap:5px}.side-link{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border-radius:17px;padding:13px 14px;font-weight:800;min-height:50px}.side-link.active{background:#e5d9ff;color:#5626b1;box-shadow:inset 0 1px #fff}.side-link:hover{background:#eae1fa}.side-bottom{margin-top:auto;display:grid;gap:8px}.account-mini{display:flex;align-items:center;gap:10px;padding:10px 7px}.account-mini b{display:block;font-size:14px}.account-mini small{color:var(--muted);font-size:12px}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 20px;min-height:60px}.top-title{min-width:0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#533685;margin-bottom:4px}.top-actions,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.top-actions{flex-wrap:nowrap}.balance{display:flex;align-items:center;gap:5px;background:#fff7e9ed;border:1px solid #fff;box-shadow:0 4px 15px #4e42761a;border-radius:20px;padding:5px 12px 5px 4px;font-weight:900;white-space:nowrap}.balance .art{width:33px;height:33px}.icon-btn{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fffef4ed;flex:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px 20px;border:1px solid #7540d0;border-radius:17px;background:linear-gradient(#aa72ff,#7138d6);color:#fff;box-shadow:inset 0 2px 1px #ffffff70,0 4px 0 #52239a,0 8px 15px #582f8a22;font-weight:800;text-decoration:none;line-height:1.25;text-align:center}.btn.secondary{color:#512a9b;background:#eee5ff;border-color:#e0d0fc;box-shadow:inset 0 2px #fff,0 3px 0 #d0bde9}.btn.ghost{color:#443866;background:#fff;border-color:var(--line);box-shadow:none}.btn.small{font-size:14px;min-height:44px;padding:9px 13px;border-radius:13px}.btn.danger{background:#fff0f0;color:#982b3c;border-color:#f1d1d5;box-shadow:none}.wide{width:100%}.panel{background:#fffdf9f0;border:1px solid #fff;border-radius:var(--radius);padding:23px;box-shadow:var(--shadow);min-width:0}.glass-panel{background:#faf6ffdd;backdrop-filter:blur(15px)}.stack{display:grid;gap:18px;align-content:start}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.section-title h2{font-size:21px}.muted{color:var(--muted);font-size:14px}.pill{display:inline-flex;align-items:center;gap:5px;background:#ebe4fa;color:#573796;border-radius:13px;padding:5px 10px;font-size:12px;font-weight:800}.pill.done{background:#e0f2df;color:#285f37}.pill.pending{background:#fff0cb;color:#7c5512}.pill.returned{background:#fff0e7;color:#8c492c}.pill.paused{background:#e6e7ee;color:#52566a}.reward{display:inline-flex;align-items:center;gap:4px;color:#7b4b0c;font-weight:900;white-space:nowrap}.reward .art{width:28px;height:28px}.progress{height:11px;background:#e7e1f1;border-radius:20px;overflow:hidden;margin:10px 0}.progress>span{height:100%;display:block;border-radius:20px;background:linear-gradient(90deg,#8053ec,#b889ff);max-width:100%;transition:width .5s}.art{display:inline-block;flex-shrink:0;width:64px;height:64px;background-image:url('/assets/atlas.jpg');background-size:400% 400%;border-radius:17px;vertical-align:middle;background-repeat:no-repeat;aspect-ratio:1}.art.compass{background-position:0 0}.art.tooth{background-position:33.333% 0}.art.bed{background-position:66.667% 0}.art.book{background-position:100% 0}.art.shoe{background-position:0 33.333%}.art.backpack{background-position:33.333% 33.333%}.art.gamepad{background-position:66.667% 33.333%}.art.help{background-position:100% 33.333%}.art.trophy{background-position:0 66.667%}.art.chest{background-position:33.333% 66.667%}.art.piggy{background-position:66.667% 66.667%}.art.gift{background-position:100% 66.667%}.art.brush{background-position:0 100%}.art.pillow{background-position:33.333% 100%}.art.camera{background-position:66.667% 100%}.art.star{background-position:100% 100%}.avatar{display:inline-block;width:52px;height:52px;border-radius:50%;background:url('/assets/characters.jpg') no-repeat;background-size:200% 200%;border:3px solid #fff;box-shadow:0 3px 12px #4e427631;flex:none;aspect-ratio:1}.avatar.marianna{background-position:0 0}.avatar.varvara{background-position:100% 0}.avatar.david{background-position:0 100%}.avatar.large{width:92px;height:92px}.avatar.small{width:37px;height:37px;border-width:2px}.parent-avatar{background:#e3d6fa;display:grid;place-items:center;color:#623baa;font-size:21px;font-weight:900}.daily-layout{display:grid;grid-template-columns:minmax(300px,1.22fr) minmax(270px,.8fr);gap:20px;align-items:start}.adventure-map{position:relative;isolation:isolate;min-height:790px;aspect-ratio:2/3;border-radius:32px;overflow:hidden;background:var(--world) center/cover;box-shadow:0 15px 50px #335ba245;border:2px solid #e0ecff;max-width:610px}.map-top{position:absolute;top:20px;left:18px;right:18px;color:#fff;text-shadow:0 1px 5px #163e62;display:flex;align-items:center;justify-content:space-between;gap:9px;z-index:2}.map-top .row{flex-wrap:nowrap}.map-top strong{font-size:22px}.map-top small{display:block;color:#fff}.map-dream{position:absolute;right:4%;top:23%;width:39%;padding:13px 13px 9px;border-radius:12px;background:#e4b67c;border:3px solid #9b632e;box-shadow:inset 0 2px #ffdda4,0 6px 0 #84532a,0 12px 15px #2645224a;transform:rotate(3deg);text-align:center;font-size:12px;color:#512e16;font-weight:900;cursor:pointer}.map-dream .progress{height:8px;background:#f4dab0}.map-dream .dream-scene{height:42px;border-radius:6px;background:var(--world) center top/cover;margin:5px 0}.map-dream strong{font-size:16px}.map-node{position:absolute;z-index:3;background:transparent;padding:0;display:grid;justify-items:center;width:42%;max-width:190px;isolation:isolate}.map-node .art{width:80px;height:80px;border-radius:50%;border:4px solid #d9c5ff;box-shadow:0 5px 0 #773fc1,0 8px 0 #c6a7ee,0 12px 19px #523b5755;transition:transform .2s}.map-node:hover .art{transform:translateY(-5px)}.map-node.done .art{border-color:#bcf0b3;box-shadow:0 5px 0 #338957,0 8px 0 #8cc997,0 12px 19px #523b5755}.map-node.paused .art{filter:grayscale(1)}.map-node .node-label{background:#fffcf4;border:1px solid #fff;border-radius:13px;padding:6px 10px;box-shadow:0 4px 10px #34345b30;font-size:12px;font-weight:900;max-width:185px;line-height:1.15;margin-top:10px;color:#27294d}.map-node .node-label small{display:block;font-size:12px;margin-top:4px}.map-node .node-status{position:absolute;top:-6px;right:18%;background:#fff;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#6b36b9;box-shadow:0 2px 8px #423e6960}.map-node:nth-of-type(1){left:7%;top:43%}.map-node:nth-of-type(2){left:48%;top:51%}.map-node:nth-of-type(3){left:19%;top:64%}.map-node:nth-of-type(4){left:53%;top:75%}.map-node:nth-of-type(5){left:5%;top:83%}.map-caption{position:absolute;bottom:20px;right:15px;font-size:12px;font-weight:900;background:#f3cb8e;max-width:43%;border:3px solid #ad7642;border-radius:9px;padding:9px;transform:rotate(-5deg);box-shadow:0 4px 0 #956134}.task-list{display:grid;gap:10px}.task-row{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #e8e0f2}.task-row:last-child{border-bottom:0}.task-row .art{width:55px;height:55px}.task-row .task-copy{flex:1;min-width:0}.task-row strong{font-size:15px;display:block}.task-row small{display:block;font-size:12px;color:var(--muted)}.side-dream{display:flex;align-items:center;gap:12px}.side-dream .art{width:90px;height:90px}.family-mini{display:flex;align-items:center;gap:9px;margin-top:13px}.family-mini .progress{flex:1}.family-mini strong{font-size:13px;min-width:70px}.family-mini button{background:transparent;padding:0;display:flex;align-items:center;gap:7px;min-height:48px}.hint{padding:13px 15px;background:#f1eaff;border-radius:16px;color:#51406f;font-size:14px}.collection-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.filter-tabs{display:flex;gap:8px;overflow:auto;padding:3px 2px 8px;margin-bottom:17px}.filter-tabs button{background:#fff8fc;padding:9px 13px;border-radius:15px;display:grid;justify-items:center;gap:3px;min-width:75px;min-height:65px;font-size:12px;font-weight:800;white-space:nowrap;border:1px solid #eee5fb}.filter-tabs button .art{width:31px;height:31px;border-radius:9px}.filter-tabs button.active{background:#e9ddff;color:#5126a3;border-color:#b58ae8}.medal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.medal-card{display:flex;flex-direction:column;min-width:0;text-align:center;border-radius:24px;overflow:hidden;background:#fffcfa;box-shadow:0 5px 19px #684d8c18;border:2px solid #fff;padding:7px;cursor:pointer;color:#222249}.medal-art{width:100%;height:auto;border-radius:19px;box-shadow:inset 0 0 0 1px #fff8;position:relative}.medal-art:after{content:attr(data-level);position:absolute;bottom:-4px;right:-2px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#bd7d3e;border:4px ridge #f9d4a2;color:white;font-size:20px;font-weight:900;text-shadow:0 2px #754923}.medal-card.silver .medal-art:after{background:#a9a8b3;border-color:#e0e1e9}.medal-card.gold .medal-art:after{background:#eca12e;border-color:#ffe17a}.medal-card.locked .medal-art{filter:grayscale(.8);opacity:.7}.medal-card strong{display:block;margin:12px 0 3px;font-size:15px;line-height:1.15}.medal-card small{font-size:12px;display:block;color:#55516d;min-height:33px}.medal-progress{display:flex;align-items:center;gap:7px;padding:0 5px 3px}.medal-progress .progress{flex:1;margin:9px 0}.medal-progress small{min-height:0;white-space:nowrap;font-size:11px}.special-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.special-medal{border:0;background:transparent;text-align:center;padding:4px;font-size:12px;font-weight:800;display:grid;justify-items:center;gap:6px}.special-medal .art{width:80px;height:80px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 16px #6952a340}.family-hero{min-height:260px;border-radius:27px;background:var(--world) center 18%/cover;position:relative;padding:20px;margin-bottom:20px;border:2px solid white;display:flex;align-items:flex-end;justify-content:center}.family-hero .family-portraits{display:flex;align-items:end;gap:15px}.family-person{padding:9px;background:#fffcf7ed;border-radius:20px;min-width:105px;text-align:center;box-shadow:0 8px 18px #33507e2b;font-size:13px;border:1px solid white}.family-person .avatar{width:64px;height:64px;margin-top:-42px}.family-person strong{display:block;font-size:17px}.race-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.race-track{border:2px solid #fff;background:#f7f0ffc9;border-radius:24px;padding:15px 10px;text-align:center;position:relative;overflow:hidden;min-width:0}.race-track h3{font-size:16px;word-break:break-word}.race-rail{height:250px;margin:15px auto;position:relative;width:68px;background:#e5d5b9;box-shadow:inset 3px 0 4px #8f795430;border-radius:25px;border:3px solid #fff1cd;background-image:repeating-linear-gradient(0deg,transparent 0 32px,#fff0ce 32px 35px);display:flex;flex-direction:column;align-items:center;justify-content:space-around}.race-step{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#eee7fa;color:#67567c;border:3px solid white;box-shadow:0 3px 0 #bca9ce}.race-step.reached{background:#e7c5ff;color:#5624a3}.race-step .icon{width:20px;height:20px}.race-tracker{position:absolute;left:50%;transform:translateX(-50%);z-index:2}.race-tracker .avatar{width:48px;height:48px;box-shadow:0 0 0 5px #b383f3,0 8px 12px #54475b5a}.profile-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.dream-showcase{text-align:center;padding:26px;background:#fffaf0;border-radius:25px}.dream-showcase .art{width:165px;height:165px;border-radius:35px}.dream-total{font-size:36px;font-weight:900;color:#533285;margin:12px 0}.record{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #e7dfef;align-items:center}.record-copy{flex:1;min-width:0}.record .art{width:48px;height:48px}.record small{color:var(--muted);display:block}.empty{display:grid;justify-items:center;text-align:center;padding:30px 20px;gap:13px}.empty .art{width:100px;height:100px}.field{display:grid;gap:7px;font-size:14px;font-weight:700;margin:13px 0}.input{width:100%;min-height:49px;border:1px solid #cfc4df;border-radius:13px;padding:12px;background:#fff;color:var(--ink);font-weight:500}.input:disabled{background:#eee9f2}textarea.input{resize:vertical;min-height:100px}.field-inline{display:flex;gap:10px;align-items:center;padding:10px 0;font-size:14px}.field-inline input{width:20px;height:20px;accent-color:var(--violet)}.mobile-nav{display:none}.modal-back{position:fixed;inset:0;z-index:100;background:#15284f9e;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;overflow:auto}.modal{background:#fffcfa;border:2px solid white;border-radius:30px;width:min(100%,550px);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #12234880;position:relative;padding:26px;overscroll-behavior:contain}.modal>.close{position:sticky;top:0;float:right;z-index:8;margin:-10px -10px 0 0}.close{width:44px;height:44px;background:#fff9fcf0;border:1px solid #ded5eb;border-radius:50%;display:grid;place-items:center;color:#4f3775;flex:none}.modal h2{padding-right:28px;margin-bottom:12px}.modal p{margin-bottom:14px}.modal .btn{margin-top:10px}.modal-error{border-radius:13px;padding:12px;background:#fff0f1;color:#912b3e;margin-top:12px;font-size:14px}.task-dialog{padding:0;overflow:auto}.task-dialog>.close{margin:12px 12px -56px 0}.task-hero{height:270px;background-image:url('/assets/characters.jpg');background-size:200% 200%;background-position:100% 100%;position:relative}.task-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#19382e80,transparent 65%)}.task-hero h2{position:absolute;bottom:22px;left:22px;right:22px;color:white;z-index:1;font-size:29px;text-shadow:0 2px 10px #123a44}.task-body{padding:23px}.photo-preview{width:100%;max-height:260px;object-fit:contain;border-radius:16px;background:#ebe5f2}.photo-drop{padding:25px 15px;border:2px dashed #c5b6df;border-radius:20px;display:grid;justify-items:center;text-align:center;gap:9px;background:#faf8ff;margin:16px 0}.photo-drop .art{width:68px;height:68px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:200;background:#282044;color:#fff;padding:12px 20px;border-radius:18px;box-shadow:0 5px 25px #25204130;max-width:min(90vw,500px);font-weight:700;pointer-events:none;opacity:0;transition:opacity .15s}#toast.show{opacity:1}.landing{max-width:1100px;min-height:100dvh;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:40px 25px}.landing-copy{padding:30px;border-radius:30px;background:#fffcf2eb;box-shadow:var(--shadow)}.landing-copy h1{font-size:43px;margin:10px 0 20px}.landing-copy .btn{margin-top:22px}.landing-scene{height:min(83dvh,820px);border-radius:40px;background:var(--world) center/cover;border:3px solid #fff;box-shadow:0 25px 75px #244a8670}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#453d60;margin:0 4px 10px}.demo-banner button{font-size:11px;background:#fffcf7c9;border-radius:8px;padding:6px 9px;min-height:32px}.account-options{display:grid;gap:10px;margin-top:20px}.account-option{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #e3daee;background:#faf6ff;border-radius:18px;text-align:left;min-height:70px}.account-option small{display:block;color:var(--muted)}.celebration{padding:0;overflow:hidden;text-align:center;background:#e8d7fc;width:min(100%,610px)}.celebrate-scene{height:350px;background:var(--world) center 25%/cover;position:relative;display:grid;place-items:center;overflow:hidden}.celebrate-scene:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#fff8be00 25%,#7a4aaa40)}.celebrate-scene .art{width:210px;height:210px;border-radius:50%;border:8px solid #ffe3a0;box-shadow:0 0 70px 25px #fff4b4b0;position:relative;z-index:2;animation:reveal 1.1s cubic-bezier(.16,1,.3,1) both}.celebrate-scene .spark{position:absolute;color:#fff9ad;animation:particle 4s ease-out both;font-size:32px;z-index:3}.celebrate-body{padding:27px;background:#fffaf6}.celebrate-body h2{padding:0;font-size:30px}.celebrate-body .muted{margin:12px 0}.celebration .close{position:absolute;right:14px;top:14px;z-index:9}.celebration.day .celebrate-scene{height:230px}.celebration.day .celebrate-scene .art{width:140px;height:140px}.celebration.medal .celebrate-scene{background-position:center 65%}.celebration.month .celebrate-scene{background-position:center 20%}.celebration.dream .celebrate-scene{height:410px;background-position:center bottom}.celebration.dream .art{width:240px;height:240px;animation-duration:2s}.celebration.bonus .celebrate-scene{height:260px;background-position:center 38%}.celebration.bonus .art{width:160px;height:160px}.event-details{background:#f0e7fc;border-radius:16px;text-align:left;padding:14px;margin:15px 0;font-size:14px}.checklist{display:grid;gap:12px}.state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.state-grid .btn{margin:0}.readable-text{max-width:65ch;line-height:1.6}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-option{background:var(--world) center 20%/cover;border-radius:24px;min-height:190px;display:flex;align-items:end;padding:12px;box-shadow:inset 0 0 0 3px #fff}.theme-option span{padding:10px;background:#fffaf3ed;border-radius:13px;font-weight:800}.theme-option.night{filter:hue-rotate(24deg)}.motion-reduced *, .motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes reveal{from{transform:translateY(60px) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes particle{from{transform:translateY(70px) scale(0);opacity:0}30%{opacity:1}to{transform:translateY(-120px) rotate(60deg);opacity:0}}@media(min-width:1500px){.adventure-map{min-height:850px}}@media(max-width:1150px){.app-shell{grid-template-columns:190px minmax(0,1fr);padding:18px;gap:17px}.sidebar{padding:18px 9px;top:18px;height:calc(100dvh - 36px)}.brand{font-size:20px}.side-link{font-size:14px;padding:12px 9px}.daily-layout{grid-template-columns:minmax(280px,1fr) minmax(230px,.8fr)}.panel{padding:19px}.medal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.adventure-map{min-height:720px}.map-node .art{width:66px;height:66px}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;max-width:780px;padding:18px 18px 110px}.sidebar{display:none}.mobile-nav{position:fixed;z-index:40;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 22px));display:flex;align-items:center;justify-content:space-around;background:#fffdf4ee;border:2px solid #fff;border-radius:25px;box-shadow:0 6px 30px #495b8f3b;backdrop-filter:blur(15px);padding:5px;min-height:68px}.mobile-nav button{display:grid;justify-items:center;gap:3px;min-width:54px;min-height:52px;background:transparent;font-size:10px;color:#62587b;font-weight:800;border-radius:17px;padding:5px 8px}.mobile-nav button.active{background:#e9dcff;color:#5d25bf}.mobile-nav button.compass-nav{width:65px;height:65px;border-radius:50%;padding:0;margin:-29px 4px 0;box-shadow:0 4px 0 #b26b26,0 8px 18px #61504550;border:3px solid #ffd763;background:#ffdc79}.compass-nav .art{width:57px;height:57px;border-radius:50%}.topbar{margin-top:2px}.daily-layout{grid-template-columns:minmax(280px,1.1fr) minmax(230px,.8fr);gap:15px}.topbar h1{font-size:29px}.adventure-map{min-height:720px}.modal-back{padding:14px}.demo-banner{margin-bottom:8px}.medal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#toast{bottom:100px}.landing-copy h1{font-size:35px}.landing{gap:18px}}@media(max-width:620px){body{background:#bdd6fa}.app-shell{padding:13px 12px 110px;gap:0}.topbar{margin:0 2px 14px;min-height:54px}.topbar h1{font-size:25px}.eyebrow{font-size:10px}.balance{font-size:13px;padding:4px 9px 4px 2px}.balance .art{width:28px;height:28px}.top-actions{gap:6px}.top-actions>.balance:nth-child(2){display:none}.icon-btn{width:42px;height:42px}.daily-layout{display:block}.daily-layout>.stack{margin-top:17px}.adventure-map{min-height:710px;aspect-ratio:1/1.9;border-radius:27px;max-width:none}.page-today .topbar{display:none}.page-today .demo-banner{position:relative;font-size:10px;margin-bottom:7px}.map-top{top:18px;left:13px;right:13px}.map-top strong{font-size:20px}.map-top .avatar{width:45px;height:45px}.map-top .balance{color:#62431c;text-shadow:none;gap:1px}.map-dream{top:23%;right:4%;padding:9px;font-size:11px}.map-dream strong{font-size:15px}.map-node .art{width:67px;height:67px}.map-node .node-label{max-width:145px;font-size:11px;padding:6px 7px;margin-top:9px}.map-node .node-label small{font-size:11px}.map-caption{font-size:11px;max-width:41%;bottom:19px}.collection-head{display:block}.collection-head .muted{margin-top:9px}.medal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.medal-card{border-radius:21px;padding:6px}.medal-card strong{font-size:14px}.medal-card small{font-size:11px}.medal-art:after{width:31px;height:31px;font-size:16px}.panel{padding:18px;border-radius:24px}.special-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.special-medal{font-size:10px}.special-medal .art{width:58px;height:58px}.family-hero{min-height:270px;padding:15px 6px}.family-hero .family-portraits{gap:7px}.family-person{min-width:85px;padding:8px;font-size:11px}.family-person strong{font-size:15px}.family-person .avatar{width:58px;height:58px}.race-tracks{gap:7px}.race-track{padding:13px 5px;border-radius:20px}.race-track h3{font-size:13px}.race-track .avatar{width:43px;height:43px}.race-track .muted{font-size:11px}.race-rail{height:220px;width:49px}.race-step{width:39px;height:39px}.race-track>.btn{font-size:11px;padding:8px 5px;min-height:46px}.grid2{grid-template-columns:1fr}.modal{padding:22px;max-height:calc(100dvh - 28px);border-radius:27px}.task-dialog{padding:0}.task-hero{height:250px}.task-body{padding:22px}.modal-back{padding:12px}.modal h2{font-size:25px}.celebration{padding:0}.celebrate-scene{height:290px}.celebration.dream .celebrate-scene{height:330px}.celebrate-body{padding:23px}.celebrate-body h2{font-size:27px}.landing{grid-template-columns:1fr;padding:20px 15px;gap:16px}.landing-copy{padding:25px;order:2}.landing-copy h1{font-size:34px}.landing-scene{height:55dvh;min-height:350px;order:1;background-position:center 30%}.state-grid{grid-template-columns:1fr}.profile-heading{gap:12px}.profile-heading .avatar.large{width:72px;height:72px}.demo-banner span{max-width:66%}.task-row{gap:9px}.task-row .art{width:45px;height:45px}.task-row .btn{padding:9px;font-size:12px}.task-row strong{font-size:14px}.family-mini strong{min-width:67px}.theme-options{gap:10px}.theme-option{min-height:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:360px){.map-node .art{width:60px;height:60px}.map-top .balance{padding-right:6px}.map-top .avatar{width:39px;height:39px}.map-top strong{font-size:18px}.map-dream{width:41%}.family-person{min-width:77px}.mobile-nav button{min-width:48px;padding:4px 6px}.map-node .node-label{font-size:10px;max-width:130px}}
.detail-medal.art{display:block;margin:0 auto 22px;width:180px;height:180px;border-radius:30px}.map-nodes{position:absolute;inset:0;pointer-events:none}.map-nodes .map-node{pointer-events:auto}.map-nodes .map-node:nth-of-type(1){left:9%;top:36%}.map-nodes .map-node:nth-of-type(2){left:47%;top:46%}.map-nodes .map-node:nth-of-type(3){left:18%;top:56%}.map-nodes .map-node:nth-of-type(4){left:47%;top:69%}.map-nodes .map-node:nth-of-type(5){left:14%;top:81%}
.adventure-map{width:100%}.grade-frame{position:absolute;right:-7px;bottom:-10px;width:52px;height:52px;background-image:url('/assets/grades.png');background-size:300% 100%;background-repeat:no-repeat;z-index:2}.grade-1{background-position:0 0}.grade-2{background-position:50% 0}.grade-3{background-position:100% 0}.medal-art:after{display:none}.grade-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:20px 0}.grade-levels>div{display:grid;gap:5px;justify-items:center;font-size:13px}.grade-example{display:block;width:100%;max-width:110px;aspect-ratio:1;background-image:url('/assets/grades.png');background-size:300% 100%;background-repeat:no-repeat}.hero-sprite{display:inline-block;width:105px;height:105px;background:url('/assets/hero-states.png') no-repeat;background-size:300% 200%;flex:none}.hero-sprite.greeting{background-position:0 0}.hero-sprite.hint{background-position:50% 0}.hero-sprite.waiting{background-position:100% 0}.hero-sprite.support{background-position:0 100%}.hero-sprite.success{background-position:50% 100%}.hero-sprite.grand{background-position:100% 100%}.task-status-row{display:flex;align-items:center;gap:8px}.task-status-row .hero-sprite{width:82px;height:82px}.celebrate-scene .hero-sprite{position:absolute;left:3%;bottom:5%;width:150px;height:150px;z-index:3}.celebrate-family{position:absolute;z-index:4;top:14px;left:20px;right:20px;display:flex;justify-content:center;gap:17px}.celebrate-family>span{display:grid;justify-items:center;font-size:12px;color:#fff;text-shadow:0 2px 5px #26374f;font-weight:bold}.celebrate-family b{display:block}.celebrate-family .avatar{width:58px;height:58px}.celebration.family-month .celebrate-scene{height:440px;background-position:center 30%}.celebration.family-month .celebrate-scene>.art{margin-top:90px}.celebration.personal-month .celebrate-scene{height:400px;background-position:center 20%}.celebration.personal-month .art{width:240px;height:240px}.celebration.personal-month,.celebration.family-month,.celebration.dream{width:min(100%,750px)}.celebration.day .hero-sprite{width:100px;height:100px;left:8%;bottom:13px}.celebration.medal .celebrate-scene{background:#c6b4f1 url('/assets/world.jpg') center 10%/cover}.celebration.medal .celebrate-scene>.art{border-radius:25px;border:6px ridge #e7d2a9}.celebration.bonus .hero-sprite{width:100px;height:100px}.medal-card small{overflow-wrap:anywhere}@media(max-width:620px){.adventure-map{aspect-ratio:auto;width:100%;height:calc((100vw - 24px)*1.9);min-height:640px}.celebration.family-month .celebrate-scene{height:350px}.celebration.personal-month .celebrate-scene{height:330px}.celebrate-scene .hero-sprite{width:110px;height:110px}.celebrate-family{gap:12px}.celebrate-family .avatar{width:50px;height:50px}.celebrate-family>span{font-size:10px}.grade-frame{width:44px;height:44px}.grade-example{height:85px;width:85px}.modal .grade-example{height:78px;width:78px}.task-body .muted{font-size:16px}}

/* Route progress reuses the existing island's illustrations and materials. */
.route-panel{min-width:0}.route-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.route-compass{width:64px!important;height:64px!important;flex-shrink:0}.route-heading h2{margin:0}.route-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.route-milestone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:70px;border:1px solid #c3d6df;border-radius:16px;background:#f2f7fa;color:#466078;font-weight:800;font:inherit;cursor:pointer}.route-milestone .art{width:36px;height:36px;filter:grayscale(.7);opacity:.65}.route-milestone.earned{background:#fff6dc;border-color:#cba459;color:#66501c}.route-milestone.earned .art{filter:none;opacity:1}.route-status{font-weight:700;color:#30566a}.route-rules{font-size:13px;line-height:1.55}.route-pause{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid #dce5e9;padding-top:12px;margin-top:12px;overflow-wrap:anywhere}.route-pause p{margin:4px 0}.route-family-progress{font-size:13px;font-weight:700;color:#466078}.parent-app .route-panel{margin:20px 0;background:#f7fbfc}.route-milestone:focus-visible{outline:3px solid #316fbe;outline-offset:3px}@media(max-width:420px){.route-heading h2{font-size:22px}.route-pause{align-items:stretch;flex-direction:column}}