:root{--ink:#382c58;--muted:#786d91;--purple:#8256a8;--lavender:#eee2ff;--pink:#f07da8;--coral:#ff9b8c;--cream:#fff9ef;--mint:#d9f2d8;--line:#eadcf2;--shadow:0 18px 45px rgba(72,45,100,.14)}
*{box-sizing:border-box}body{margin:0;background:#fbf6ff;color:var(--ink);font-family:'Nunito',sans-serif;min-height:100vh;background-image:radial-gradient(#eadcf7 1px,transparent 1px),linear-gradient(135deg,#fffafd,#f4f8ff 58%,#fff7ef);background-size:22px 22px,100% 100%}button{font:inherit;border:0;cursor:pointer;color:inherit}.app-shell{max-width:1440px;margin:auto;padding:28px 42px 18px}.topbar,.top-actions,.brand,.day-pill,.map-toolbar,.controls-row,.panel-heading,.section-label,.journal-button,.next-card{display:flex;align-items:center}.topbar{justify-content:space-between;margin-bottom:27px}.brand{gap:12px;text-decoration:none;color:var(--ink)}.brand-crown{background:var(--purple);color:#ffe99d;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;font-size:25px;box-shadow:0 7px 15px #bca4d5}.brand strong{font:800 24px 'Baloo 2';display:block;line-height:.9}.brand small{font-size:11px;color:var(--muted);letter-spacing:.05em}.top-actions{gap:10px}.day-pill{gap:8px;background:#fff;border:1px solid var(--line);padding:8px 13px;border-radius:13px;font-size:13px;box-shadow:0 4px 13px #e9dff4}.day-pill span:first-child{font-size:19px;color:#f4a650}.day-pill b{background:#fff1b7;color:#b96f37;border-radius:8px;padding:3px 7px;font-size:11px}.icon-button,.small-icon{width:38px;height:38px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:18px;box-shadow:0 4px 13px #e9dff4}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:25px}.map-toolbar{justify-content:space-between;align-items:end;margin-bottom:14px}.eyebrow{color:#a08eaf;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.map-toolbar h1,.status-panel h2{font:800 30px 'Baloo 2';margin:0;line-height:1}.map-tabs{display:flex;gap:7px}.map-tab{padding:8px 11px;background:transparent;border-radius:10px;font-size:11px;font-weight:800;color:#9588a4}.map-tab.active{background:#fff;color:var(--purple);box-shadow:0 4px 12px #e8dcef}.game-frame{background:#fff;border:8px solid #fff;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.game-world{height:clamp(430px,56vw,650px);position:relative;overflow:hidden;background:linear-gradient(#a8d7f2 0%,#d6e9dc 44%,#8ac19b 44.2%,#acd99d 100%);outline:0}.game-world.night{background:linear-gradient(#38436e,#5d6494 48%,#708f86 48.2%,#87b29b 100%)}.sky-glow{position:absolute;inset:0;background:radial-gradient(circle at 77% 22%,#fff6c7 0 4%,transparent 4.5%),radial-gradient(circle at 77% 22%,rgba(255,231,149,.35) 0 14%,transparent 28%)}.night .sky-glow{background:radial-gradient(circle at 77% 21%,#fff7ca 0 3%,transparent 3.5%),radial-gradient(circle at 12% 18%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 28% 12%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 53% 24%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 91% 13%,#fff 0 1px,transparent 1.5px)}.distant-hills{position:absolute;left:-5%;right:-5%;bottom:50%;height:25%;background:#84bc9d;clip-path:polygon(0 75%,8% 35%,18% 62%,27% 25%,38% 65%,50% 30%,61% 62%,72% 22%,83% 55%,92% 30%,100% 64%,100% 100%,0 100%);opacity:.75}.path{position:absolute;background:#f5d3a4;opacity:.8;border-radius:50%}.path-main{width:110%;height:32%;left:-6%;bottom:4%;transform:rotate(-5deg)}.path-branch{width:20%;height:65%;left:38%;bottom:-18%;transform:rotate(25deg)}.world-decor{position:absolute;color:#fff4cb;font-size:35px;text-shadow:0 2px 0 #d48e93}.decor-one{left:13%;top:18%}.decor-two{left:61%;top:30%}.decor-three{right:16%;top:42%;color:#fff}.game-objects{position:absolute;inset:0}.world-object{position:absolute;transform:translate(-50%,-50%);width:96px;display:grid;place-items:center;transition:filter .2s,transform .2s;z-index:4}.world-object:hover{filter:brightness(1.08);transform:translate(-50%,-54%) scale(1.05)}.world-object img{width:100%;height:100px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 7px 3px rgba(71,74,74,.22))}.world-object.tree img{height:145px}.world-object.house img{height:180px;width:170px}.world-object.chest img{height:80px}.world-object.item{width:46px;font-size:32px;text-shadow:0 2px 2px #87648c;animation:float 2.2s ease-in-out infinite}.object-label{position:absolute;bottom:-8px;background:#fffaf1dd;color:#684b75;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:900;white-space:nowrap}.player{position:absolute;width:116px;height:155px;left:50%;top:57%;transform:translate(-50%,-50%);z-index:8;transition:left .1s linear,top .1s linear;pointer-events:none}.player-sprite{position:absolute;inset:0;background:url('mailly-walk-sheet.png') no-repeat 0 0 / 400% 100%;animation:walk 1s steps(4) infinite;filter:drop-shadow(0 10px 4px rgba(55,59,70,.28))}.player-shadow{position:absolute;width:72px;height:17px;bottom:9px;left:22px;background:#507c75aa;border-radius:50%}.toast{position:absolute;left:50%;top:15%;transform:translateX(-50%) translateY(-20px);opacity:0;background:#fffaf3;color:#624478;padding:12px 20px;border-radius:20px;font-size:14px;font-weight:900;box-shadow:0 8px 25px #5c48703d;z-index:15;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.action-hint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);background:#ffffffb8;padding:8px 13px;border-radius:12px;font-size:11px;font-weight:800;color:#705f78;z-index:9}.fade-screen{position:absolute;inset:0;background:#2c254d;opacity:0;pointer-events:none;transition:opacity .6s;z-index:20}.fade-screen.on{opacity:1}.world-caption{display:flex;justify-content:space-between;padding:10px 13px;font-size:11px;color:#a08f9d;background:#fffdf9}.world-coordinates{font-weight:900;color:#9a80ad;text-transform:uppercase;letter-spacing:.08em}.controls-row{justify-content:space-between;gap:20px;padding:20px 4px}.dpad{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,32px);gap:3px}.dpad button{background:#e8ddf3;color:#6f5488;font-size:12px;border-radius:8px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.control-copy{flex:1;margin-left:3px}.control-copy p{margin:5px 0 0;color:#857997;font-size:11px;font-weight:700}.control-copy kbd{background:#fff;border:1px solid #e4d8ed;border-radius:5px;padding:2px 5px;color:#6e5584;font-size:10px}.control-copy p span{color:#e8acc2;padding:0 4px}.action-buttons{display:flex;gap:10px}.round-action{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:7px 11px 7px 7px;font-size:11px;font-weight:900;box-shadow:0 4px 10px #e9dff4}.round-action b{border-radius:10px;width:30px;height:30px;display:grid;place-items:center;color:#fff}.action-b b{background:var(--coral)}.action-a b{background:var(--purple)}.status-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px;box-shadow:0 12px 36px #6c4b8514}.panel-heading{justify-content:space-between;margin-bottom:17px}.status-panel h2{font-size:26px;margin-top:1px}.small-icon{width:32px;height:32px;font-size:18px}.score-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#8760ad,#ad80c4);border-radius:15px;padding:14px 16px;color:#fff;box-shadow:0 7px 20px #9d78b650}.score-card span:first-child{display:block;font-size:10px;opacity:.8}.score-card strong{font:800 29px 'Baloo 2';letter-spacing:.04em;line-height:1.1}.score-star{font-size:34px;color:#ffe3a0}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 19px}.collection-item{display:flex;gap:8px;align-items:center;background:#fbf9fc;border:1px solid #f0e9f3;padding:7px 9px;border-radius:11px}.collection-item>span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:17px}.flower>span{background:#ffe1e4;color:#df7099}.apple>span{background:#ffe7d6;color:#e97957}.wood>span{background:#f8e1c6;color:#a56a42}.crystal>span{background:#d9eef2;color:#4e9caa}.collection-item b,.collection-item small{display:block}.collection-item b{font-size:16px;line-height:1}.collection-item small{font-size:9px;color:#9d91a9;margin-top:2px}.progress-section{border-top:1px solid #f0e8f2;padding-top:15px}.section-label{justify-content:space-between;color:#746183;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.section-label b{color:#b291be;font-size:10px}.progress-bar{height:7px;background:#f0e8f4;border-radius:9px;margin:9px 0}.progress-bar span{display:block;height:100%;width:12%;background:linear-gradient(90deg,#f29bb5,#b78bd1);border-radius:9px;transition:width .4s}.progress-section p{font-size:10px;line-height:1.4;color:#a295aa;margin:0}.next-card{gap:10px;background:#fff8e4;border:1px solid #f8edc8;border-radius:12px;padding:10px;margin:17px 0}.next-icon{width:35px;height:35px;display:grid;place-items:center;background:#f6e4b3;color:#b48c51;border-radius:10px;font-size:21px}.next-card span,.next-card strong,.next-card small{display:block}.next-card span{font-size:9px;color:#b39872;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.next-card strong{font-size:11px}.next-card small{font-size:9px;color:#9f8d82;margin-top:2px}.discovery-list{margin-bottom:16px}.discovery-dots{display:flex;gap:6px;margin-top:9px}.discovery-dots i{width:16px;height:6px;border-radius:5px;background:#efe7f2}.discovery-dots i.found{background:#e98cae}.journal-button{width:100%;justify-content:space-between;background:#f8f1fb;color:#77528e;padding:10px 12px;border-radius:11px;font-size:11px;font-weight:900}.journal-button span{font-size:18px;color:#d28daf}.journal-button b{font-size:18px}.night .action-hint{background:#ffffffc2}.modal-backdrop{position:fixed;inset:0;background:#382c5870;display:grid;place-items:center;padding:20px;z-index:40}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(410px,100%);background:#fffaf2;border:7px solid #fff;border-radius:24px;padding:32px;text-align:center;box-shadow:0 25px 80px #31214255}.modal-close{position:absolute;right:13px;top:8px;background:none;font-size:27px;color:#9b86a5}.modal-sparkle{color:#ef9cb3;font-size:28px}.modal h2{font:800 31px 'Baloo 2';margin:4px}.modal p{color:#81738b;font-size:13px;line-height:1.5}.modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal-stats div{background:#f7edfa;border-radius:12px;padding:10px}.modal-stats b{display:block;font-size:20px}.modal-stats span{font-size:10px;color:#9a86a3}footer{display:flex;justify-content:space-between;color:#ae9db8;font-size:10px;padding:3px 3px 0}footer span:first-child{font-weight:900;color:#846493}@keyframes walk{from{background-position:0 0}to{background-position:133.333% 0}}@keyframes float{50%{transform:translate(-50%,-58%) rotate(3deg)}}
@media(max-width:940px){.app-shell{padding:20px}.game-layout{grid-template-columns:1fr}.status-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-heading,.score-card,.progress-section,.next-card,.discovery-list,.journal-button{margin:0}.panel-heading{grid-column:1/-1}.score-card{grid-column:1/-1}.collection-grid{margin:0}.journal-button{grid-column:1/-1}.game-world{height:58vw;min-height:390px}}
@media(max-width:620px){
	body{overflow-x:hidden}
	.app-shell{padding:12px 10px 16px}
	.topbar{align-items:flex-start;margin-bottom:15px;gap:8px}
	.brand{gap:8px;min-width:0}
	.brand-crown{width:36px;height:36px;border-radius:12px;font-size:21px;flex:0 0 auto}
	.brand strong{font-size:19px;white-space:nowrap}
	.brand small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
	.top-actions{gap:6px;flex:0 0 auto}
	.day-pill{gap:5px;padding:6px 7px;font-size:11px}
	.day-pill span:first-child{font-size:16px}
	.day-pill b{display:none}
	.icon-button{width:34px;height:34px;border-radius:10px;font-size:16px}
	.map-toolbar{display:block;margin-bottom:10px}
	.map-toolbar h1{font-size:26px;margin:3px 0 8px}
	.map-tabs{width:calc(100vw - 20px);overflow-x:auto;padding:2px 0 5px;scrollbar-width:none}
	.map-tabs::-webkit-scrollbar{display:none}
	.map-tab{white-space:nowrap;padding:7px 10px;font-size:10px}
	.game-frame{border-radius:18px}
	.game-world{height:clamp(360px,92vw,470px);min-height:0}
	.world-caption{gap:6px;padding:8px 10px;font-size:10px;line-height:1.2}
	.world-coordinates{white-space:nowrap}
	.world-object{width:66px}
	.world-object.tree img{height:98px}
	.world-object.house{width:72px}
	.world-object.house img{height:118px;width:114px}
	.player{transform:translate(-50%,-50%) scale(.68)}
	.action-hint{right:8px;bottom:8px;left:8px;padding:6px 8px;font-size:9px;text-align:center}
	.controls-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;margin-top:11px}
	.dpad{width:118px;height:106px;grid-row:span 2;justify-self:start}
	.control-copy{order:initial;min-width:0;text-align:left;align-self:end}
	.control-copy .eyebrow{font-size:9px}
	.control-copy p{font-size:10px;line-height:1.35;margin:4px 0 0}
	.action-buttons{margin:0;justify-content:flex-start;gap:8px}
	.round-action{width:52px;height:52px}
	.round-action b{font-size:20px}
	.round-action span{display:none}
	.status-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
	.status-panel>*{margin:0!important;min-width:0}
	.panel-heading,.score-card,.progress-section,.next-card,.discovery-list,.journal-button{grid-column:1/-1}
	.panel-heading h2{font-size:24px}
	.score-card{padding:12px 14px}
	.collection-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.collection-item{padding:10px}
	.collection-item small{font-size:10px}
	.next-card{padding:12px}
	.next-card strong{font-size:13px}
	.journal-button{min-height:44px}
	footer{display:none}
}
@media(max-width:380px){
	.brand strong{font-size:17px}
	.brand small{max-width:125px}
	.day-pill{display:none}
	.controls-row{grid-template-columns:108px minmax(0,1fr)}
	.dpad{width:108px}
	.control-copy p{font-size:9px}
}