:root{--ink:#332257;--muted:#6d5c8f;--pink:#ff6b9d;--purple:#8b5cf6;--mint:#4ecdc4;--yellow:#ffd93d;--sky:#71d7ff;--card:#fffffff0;--line:#ffd0e1;--shadow:0 18px 45px #52307e24;--focus:#71d7ff99}*{box-sizing:border-box}[hidden],.parent-modal[hidden]{display:none!important}html{min-height:100%;background:#fff6fb}body{margin:0;min-height:100%;font-family:Arial,Tahoma,sans-serif;color:var(--ink);background:radial-gradient(circle at 14% 8%,#ffd93d55 0 95px,transparent 97px),radial-gradient(circle at 86% 14%,#4ecdc43d 0 110px,transparent 112px),linear-gradient(180deg,#fff6fb,#f2fffe 58%,#fff9ef);overflow-x:hidden}button,a{font:inherit}button{border:0;cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{width:min(100%,1100px);margin:auto;padding:calc(12px + env(safe-area-inset-top)) 12px 28px}.topbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}.pill-btn,.primary,.secondary,.danger{min-height:52px;border-radius:999px;padding:12px 18px;font-weight:1000;border:3px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 7px 0 #33225718}.primary{background:linear-gradient(135deg,var(--pink),#a78bfa);border-color:#ff8fba;color:white}.start-play{min-width:min(100%,260px);font-size:clamp(20px,4vw,28px);min-height:68px;box-shadow:0 10px 0 #7b3dbb33,0 18px 38px #ff6b9d33}.hold{touch-action:none;user-select:none}.reset-confirm{display:grid;gap:10px;margin-top:12px;padding:12px;border:2px dashed #ffb4b4;border-radius:22px;background:#fff7f7}.reset-confirm[hidden]{display:none}.secondary{background:#fffaf0}.danger{background:#fff0f0;border-color:#ffb4b4;color:#9f1239}.pill-btn:active,.primary:active,.secondary:active,.danger:active,.room-card:active,.choice:active{transform:translateY(3px);box-shadow:0 3px 0 #33225718}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.screen{display:none}.screen.active{display:block}.welcome-card,.section-head,.room-stage,.garden-panel,.guide-card{background:var(--card);border:3px solid var(--line);border-radius:34px;box-shadow:var(--shadow);padding:clamp(18px,4vw,34px)}.splash{min-height:calc(100vh - 100px);place-items:center}.splash.active{display:grid}.welcome-card{text-align:center;max-width:760px}.rawabi-mascot{width:150px;margin:auto}.rawabi-mascot.big{width:min(260px,60vw)}.rawabi-mascot svg{width:100%;filter:drop-shadow(0 16px 12px #52307e24)}.eyebrow{display:inline-flex;margin:0 0 10px;padding:6px 14px;border:2px solid var(--line);border-radius:999px;background:#fff;color:#7b3dbb;font-weight:1000;font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,9vw,84px);line-height:1;color:var(--pink);text-shadow:0 5px 0 #fff}h1 span,h2{color:#7b3dbb}.lead,.section-head p,.safe-note{color:var(--muted);font-weight:800;line-height:1.7}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.map-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:16px}.guide-card{display:grid;gap:10px;align-content:start;text-align:center}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.room-card{display:grid;gap:8px;min-height:170px;padding:18px;border-radius:28px;border:3px solid #fff;background:linear-gradient(145deg,#fff,#fff0f7);box-shadow:0 12px 28px #52307e18;text-align:right;color:var(--ink);cursor:pointer}.room-card .icon{font-size:42px}.room-card strong{font-size:21px;color:#ff4f91}.room-card small{color:var(--muted);font-weight:800}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.stars-chip{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;border-radius:999px;background:#fff8cf;border:3px solid #ffe979;font-weight:1000}.activity-grid{display:grid;gap:16px}.board{background:#fff;border:3px dashed #d8c9ff;border-radius:26px;min-height:260px;padding:14px}.draw-canvas{width:100%;height:360px;display:block;background:#fff;border-radius:20px;touch-action:none}.toolbar,.palette,.choices,.targets{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.swatch,.choice,.target{min-width:64px;min-height:58px;border-radius:20px;border:3px solid #fff;background:#fff;box-shadow:0 7px 0 #33225712;font-weight:1000;display:grid;place-items:center}.swatch{color:transparent}.choice.selected{outline:5px solid var(--yellow)}.target{border-style:dashed;border-color:#bba7ff;color:#6d5c8f;min-width:110px}.target.done{background:#e7fff2;border-color:#78d98f}.shape{font-size:40px}.letter{font-size:44px;color:#7b3dbb}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:10px}.memory-card{min-height:78px;border-radius:20px;border:3px solid #d8c9ff;background:#fff0f7;font-size:34px;font-weight:1000}.memory-card.open,.memory-card.done{background:#fff}.dress-preview{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.avatar-box{border-radius:28px;background:#fff6fb;border:3px solid var(--line);padding:18px;text-align:center}.avatar-body{width:120px;height:150px;border-radius:50px 50px 30px 30px;background:var(--outfit,#7ddfcf);margin:0 auto}.avatar-bow{width:80px;height:38px;margin:0 auto -4px;background:var(--bow,#ff6b9d);clip-path:polygon(0 10%,45% 35%,50% 0,55% 35%,100% 10%,80% 90%,55% 65%,50% 100%,45% 65%,20% 90%)}.avatar-face{width:96px;height:92px;border-radius:50%;background:#ffd8b8;margin:0 auto -8px;display:grid;place-items:center;font-size:30px}.garden-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.star-field{min-height:260px;border-radius:28px;background:linear-gradient(180deg,#f5f0ff,#e9fffb);border:3px solid #d8c9ff;padding:18px;font-size:34px;line-height:1.8}.achievement-list{padding:0;list-style:none;display:grid;gap:10px}.achievement-list li{padding:12px;border-radius:18px;background:#fff;border:2px solid #dcfce7;font-weight:900}.parent-modal{position:fixed;inset:0;display:grid;place-items:center;background:#33225799;padding:16px;z-index:10}.parent-card{width:min(560px,100%);background:#fff;border-radius:30px;border:3px solid var(--line);padding:24px;box-shadow:var(--shadow);position:relative}.modal-close{position:absolute;left:14px;top:14px;width:46px;height:46px;border-radius:50%;background:#fff0f6;border:2px solid var(--line);font-size:28px}.parent-links{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.parent-links a{padding:10px 14px;border-radius:999px;background:#f4f0ff;font-weight:900}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#332257;color:white;padding:14px 18px;border-radius:20px;font-weight:1000;z-index:20}@media(max-width:760px){.topbar,.room-toolbar{flex-wrap:wrap}.map-layout,.dress-preview,.garden-panel{grid-template-columns:1fr}.guide-card{order:2}.memory-grid{grid-template-columns:repeat(3,1fr)}.draw-canvas{height:310px}.pill-btn,.primary,.secondary,.danger{width:auto;flex:1}}@media(prefers-reduced-motion:no-preference){.rawabi-mascot{animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}}.defs{position:absolute}