:root{--soft:#8a8496;--line:#ece6f5;--red:#e4572e;--blue:#2d6cdf;--yellow:#f4c20d;--green:#3fa34d;--purple:#8e44ad;--orange:#f2811d;--teal:#1fa6a0;--c0:linear-gradient(160deg,#ff8a8a,#ef4b62);--e0:#c42f47;--c1:linear-gradient(160deg,#6fc3ff,#2f6fe4);--e1:#2251b4;--c2:linear-gradient(160deg,#67e08c,#22a85e);--e2:#17834a;--c3:linear-gradient(160deg,#ffd86b,#f5a61b);--e3:#cb800d;--c4:linear-gradient(160deg,#bca0ff,#7c3aed);--e4:#5d26c1;--c5:linear-gradient(160deg,#ffb067,#f2811d);--e5:#c56411;--c6:linear-gradient(160deg,#5fe8dc,#12a6a0);--e6:#0b7e79;--c7:linear-gradient(160deg,#ffa0d6,#ea3f9c);--e7:#be2c7c;--radius-card:28px;--font-round:ui-rounded,"SF Pro Rounded","Segoe UI Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Nunito",Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%}body{background:#fffdf7;background-attachment:fixed;overflow-x:hidden}#mara-root{color:var(--ink);font-family:var(--font-round);display:flex;flex-direction:column;min-height:100vh}.bgdeco{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bgdeco:after,.bgdeco:before{content:"";position:absolute;border-radius:50%;filter:blur(46px)}.bgdeco:before{width:60vw;height:60vw;max-width:420px;max-height:420px;top:-12%;left:-18%;background:radial-gradient(circle,rgba(120,231,164,.55),transparent 70%)}.bgdeco:after{width:70vw;height:70vw;max-width:480px;max-height:480px;bottom:-14%;right:-22%;background:radial-gradient(circle,rgba(255,196,120,.45),transparent 70%)}.bgdeco span{position:absolute;opacity:.16;line-height:1;filter:saturate(1.1)}.bgdeco .f{font-size:38px;animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-16px) rotate(7deg)}}#bottombar,#delbar,#starwrap,.prompt,.warn,header,main{position:relative;z-index:1}header{padding:10px 14px;text-align:center;position:relative}.hchrome{display:flex;gap:8px;min-height:42px;margin-bottom:2px}.brand,.hchrome{align-items:center}.brand{display:inline-flex;gap:10px}.brand .leaf{width:44px;height:44px;flex:0 0 auto;filter:drop-shadow(0 3px 6px rgba(46,139,67,.3));animation:bob 3.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(4deg)}}.brand .wm{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand .wm b{font-size:27px;font-weight:900;letter-spacing:1.5px;background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand .wm small{font-size:10.5px;font-weight:800;color:var(--brand2);letter-spacing:.3px;margin-top:4px;opacity:.85}.agebadge{display:block;width:-moz-fit-content;width:fit-content;margin:9px auto 0;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:11.5px;letter-spacing:.6px;border-radius:999px;padding:4px 13px;box-shadow:0 4px 10px rgba(46,139,67,.3)}.agebadge,h1{font-weight:900}h1{margin:0;font-size:23px}.gear{width:42px;height:42px;border:none;border-radius:50%;font-size:20px;cursor:pointer}.gear,.langsw{flex:0 0 auto;background:#fff;box-shadow:0 4px 12px rgba(90,70,120,.14)}.langsw{display:flex;gap:2px;border-radius:14px;padding:3px;z-index:3}.langsw button{border:none;background:transparent;color:var(--soft);font-weight:900;font-size:11px;padding:5px 7px;border-radius:10px;line-height:1;cursor:pointer}.langsw button.on{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.prompt{min-height:28px;text-align:center;font-weight:900;font-size:20px;color:var(--brand2);opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s}.prompt.show{opacity:1;transform:scale(1)}main{flex:1 1;padding:6px 14px 140px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;max-width:520px;margin:0 auto}.card{position:relative;border:none;border-radius:var(--radius-card);aspect-ratio:1/1;color:#fff;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--c0);box-shadow:0 7px 0 var(--e0),0 12px 22px rgba(80,60,110,.16);transition:transform .12s,box-shadow .12s;font-size:clamp(38px,13vw,64px);line-height:1;text-align:center;overflow:hidden;text-shadow:0 2px 5px rgba(0,0,0,.16);animation:cardIn .34s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:var(--d,0ms)}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:44%;background:linear-gradient(180deg,hsla(0,0%,100%,.28),hsla(0,0%,100%,0));pointer-events:none}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:none}}.card:active{transform:translateY(5px);box-shadow:0 2px 0 var(--e0),0 5px 10px rgba(80,60,110,.14)}.card.c0{background:var(--c0);box-shadow:0 7px 0 var(--e0),0 12px 22px rgba(80,60,110,.16)}.card.c1{background:var(--c1);box-shadow:0 7px 0 var(--e1),0 12px 22px rgba(80,60,110,.16)}.card.c2{background:var(--c2);box-shadow:0 7px 0 var(--e2),0 12px 22px rgba(80,60,110,.16)}.card.c3{background:var(--c3);box-shadow:0 7px 0 var(--e3),0 12px 22px rgba(80,60,110,.16)}.card.c4{background:var(--c4);box-shadow:0 7px 0 var(--e4),0 12px 22px rgba(80,60,110,.16)}.card.c5{background:var(--c5);box-shadow:0 7px 0 var(--e5),0 12px 22px rgba(80,60,110,.16)}.card.c6{background:var(--c6);box-shadow:0 7px 0 var(--e6),0 12px 22px rgba(80,60,110,.16)}.card.c7{background:var(--c7);box-shadow:0 7px 0 var(--e7),0 12px 22px rgba(80,60,110,.16)}.card.c0:active{box-shadow:0 2px 0 var(--e0)}.card.c1:active{box-shadow:0 2px 0 var(--e1)}.card.c2:active{box-shadow:0 2px 0 var(--e2)}.card.c3:active{box-shadow:0 2px 0 var(--e3)}.card.c4:active{box-shadow:0 2px 0 var(--e4)}.card.c5:active{box-shadow:0 2px 0 var(--e5)}.card.c6:active{box-shadow:0 2px 0 var(--e6)}.card.c7:active{box-shadow:0 2px 0 var(--e7)}.card.lbl-sm{font-size:clamp(24px,8.5vw,40px)}.card.numbered,.card.picture{flex-direction:column;gap:4px;font-size:medium;padding:6px}.card .pic{font-size:clamp(50px,18vw,84px);line-height:1;filter:drop-shadow(0 4px 7px rgba(0,0,0,.22));animation:idle 4.5s ease-in-out infinite;animation-delay:var(--d,0ms)}@keyframes idle{0%,88%,to{transform:translateY(0) rotate(0)}94%{transform:translateY(-5px) rotate(6deg)}}.card.abc{flex-direction:column;gap:2px;font-size:medium;padding:6px}.card.abc .abcL{font-size:clamp(34px,12vw,54px);font-weight:900;line-height:1;color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.22)}.card.abc .pic{font-size:clamp(34px,12vw,52px)}.card.abc .wkz{font-size:16px}.card .big{font-size:clamp(46px,16vw,72px);font-weight:900;line-height:1}.card .wkz{font-size:19px;font-weight:900}.card .wru{font-size:12px;font-weight:700;opacity:.92}.card.dyn{padding:0}.card img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card.dyn .ico{font-size:62px}.card.dyn .name{left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.62));font-size:17px;font-weight:900;padding:14px 6px 9px;z-index:2}.card .del,.card.dyn .name{position:absolute;color:#fff}.card .del{top:6px;left:8px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.45);border:none;font-size:14px;line-height:1;z-index:5;padding:0}.card.speaking{animation:pulse .5s ease infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.06) rotate(1deg)}}.card.wrong{animation:shake .4s}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.reward{position:absolute;top:6px;right:10px;font-size:26px;opacity:0;z-index:4}.reward.show{opacity:1}.reward.show,.reward.show.r0{animation:pop .5s ease}.reward.show.r1{animation:spin .6s ease}.reward.show.r2{animation:rise .7s ease}@keyframes spin{0%{transform:scale(.3) rotate(-90deg)}60%{transform:scale(1.4) rotate(18deg)}to{transform:scale(1) rotate(0)}}@keyframes rise{0%{transform:translateY(12px) scale(.4)}55%{transform:translateY(-10px) scale(1.3)}to{transform:translateY(0) scale(1)}}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.3)}to{transform:scale(1)}}.gameq{grid-column:1/-1;text-align:center;font-weight:900;font-size:22px;color:#4b3a6b;background:#fff;border-radius:22px;padding:14px 12px;margin-bottom:2px;cursor:pointer;box-shadow:0 5px 0 #ebe3f7,0 10px 20px rgba(90,70,120,.1)}.gameq b{color:var(--brand2)}.card.add{background:#fff;color:var(--soft);border:3px dashed #dcd3ec;box-shadow:0 5px 0 #efeaf7;flex-direction:column;text-shadow:none}.card.add:before{display:none}.card.add .plus{font-size:46px;line-height:1;color:var(--brand)}.card.add .t{font-size:13.5px;font-weight:800;margin-top:4px}#confetti{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}#confetti i{position:absolute;font-style:normal;font-size:20px;will-change:transform,opacity;animation:conf 1.15s cubic-bezier(.15,.6,.35,1) forwards}@keyframes conf{0%{opacity:1;transform:translate(0) scale(.5) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.15) rotate(var(--rot))}}.act{background:#fff;border-radius:22px;padding:15px;display:flex;gap:13px;align-items:flex-start;box-shadow:0 4px 14px rgba(90,70,120,.09);margin-bottom:12px;max-width:520px;margin-left:auto;margin-right:auto}.act .e{font-size:36px;line-height:1}.act b{font-size:15.5px}.act p{margin:3px 0 0;font-size:13px;color:#4a4a54;line-height:1.5}.act .cat{display:inline-block;font-size:10.5px;font-weight:800;color:#fff;border-radius:999px;padding:3px 9px;margin-top:7px}.today{max-width:520px;margin:0 auto 14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:24px;padding:16px 18px;box-shadow:0 10px 24px rgba(46,139,67,.28)}.today .lab{font-size:11px;opacity:.9;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.today b{font-size:16.5px}.today p{margin:5px 0 0;font-size:13.5px;line-height:1.5}.nextstep{max-width:520px;margin:18px auto 0;background:#fff;border-radius:24px;padding:16px 18px;box-shadow:0 4px 14px rgba(90,70,120,.09)}.nextstep .nh{font-size:14.5px;font-weight:900;color:var(--ink);margin:0 0 3px}.nextstep .ns{font-size:12.5px;color:var(--soft);margin:0 0 12px;line-height:1.45}.nextstep a{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);border:1.5px solid var(--line);border-radius:18px;padding:11px 13px;margin-top:9px}.nextstep a .ne{font-size:26px;line-height:1}.nextstep a .nt{font-weight:900;font-size:14px}.nextstep a .nd{font-size:11.5px;color:var(--soft);font-weight:700}.nextstep a .go{margin-left:auto;font-weight:900;color:var(--brand2);font-size:18px}#bottombar{position:fixed;left:0;right:0;bottom:0;z-index:15;background:rgba(255,253,247,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}nav{display:flex;gap:10px;padding:11px 12px 5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}nav::-webkit-scrollbar{display:none}#credit{text-align:center;font-size:10px;color:#b5aec4;padding:0 0 8px;letter-spacing:.2px}#delbar{display:none;position:fixed;left:0;right:0;bottom:calc(108px + env(safe-area-inset-bottom));z-index:16;margin:0 12px;background:#fff;border:2px solid var(--red);border-radius:16px;padding:9px 13px;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 6px 18px rgba(0,0,0,.16)}#delbar.show{display:flex}#delbar span{font-size:12.5px;font-weight:900;color:var(--red);line-height:1.2}#delbar button{border:none;background:var(--ink);color:#fff;border-radius:12px;font-size:13px}#delbar button,.pill{padding:9px 13px;font-weight:900;flex:0 0 auto}.pill{border:none;background:#fff;color:var(--ink);font-size:12.5px;border-radius:20px;box-shadow:0 4px 0 #efeaf7;min-width:66px;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.05;transition:transform .14s,box-shadow .14s;cursor:pointer}.pill .ic{font-size:23px;line-height:1}.pill:active{transform:translateY(3px);box-shadow:0 1px 0 #efeaf7}.pill.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;transform:translateY(-4px);box-shadow:0 8px 18px rgba(46,139,67,.4)}.pill.active .ic{animation:bob 2.2s ease-in-out infinite}.sheet{position:fixed;inset:0;background:rgba(35,20,55,.5);display:none;align-items:flex-end;z-index:20}.sheet.open{display:flex}.panel{background:#fff;width:100%;max-height:90%;overflow:auto;border-radius:26px 26px 0 0;padding:20px 18px 30px;animation:sheetUp .3s cubic-bezier(.2,.9,.3,1.1) both}@keyframes sheetUp{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.panel h2{margin:2px 0 10px;font-size:19px;font-weight:900}.panel h3{margin:16px 0 4px;font-size:14px;color:var(--purple);font-weight:900}.panel li,.panel p{font-size:13px;line-height:1.55;color:#3a3a44}.panel label{display:block;font-size:12.5px;font-weight:800;color:var(--soft);margin:12px 0 4px}.panel input[type=text],.panel select{width:100%;padding:13px;border:2px solid var(--line);border-radius:14px;font-size:15px;background:#fff;font-family:inherit}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:none;border-radius:14px;padding:13px 14px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}.btn.dark{background:var(--ink);color:#fff;width:100%;margin-top:14px}.btn.ghost{background:#f5f1fa;color:var(--ink);width:100%;margin-top:8px}.btn.rec{background:var(--red);color:#fff}.btn.rec.on{background:#a51f00}.btn.play{background:var(--green);color:#fff}.thumb{width:64px;height:64px;border-radius:14px;object-fit:cover;display:none;border:1px solid var(--line)}.fileBtn{background:#f5f1fa;color:var(--ink);border-radius:14px;padding:13px 14px;font-weight:800;font-size:14px;display:inline-block}.src{font-size:11.5px;color:var(--soft)}.warn{display:none;color:var(--red);font-size:12.5px;padding:0 16px 6px}.warn,footer{text-align:center}footer{font-size:10px;color:#c8c2d4;padding:0 0 12px}input[type=file]{display:none}#starwrap{display:flex;justify-content:center;padding:8px 12px 2px;flex-wrap:wrap}#starwrap,.starchip{align-items:center;gap:8px}.starchip{display:inline-flex;background:#fff;border:none;border-radius:999px;padding:7px 13px 7px 12px;box-shadow:0 4px 0 #efeaf7,0 8px 16px rgba(90,70,120,.1);cursor:pointer}.starchip .em{font-size:17px;line-height:1}.starchip .st{font-weight:900;font-size:16px;color:var(--brand2);min-width:14px;text-align:center}.starchip .pbar{width:74px;height:9px;border-radius:999px;background:#efeaf7;overflow:hidden}.starchip .pbar i{display:block;height:100%;width:0;transition:width .4s;background:linear-gradient(90deg,var(--brand),var(--brand2))}.starchip .nx{font-size:17px;line-height:1;filter:grayscale(.7);opacity:.6}.starchip.bump{animation:pop .45s ease}.streakchip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:none;border-radius:999px;padding:7px 13px;box-shadow:0 4px 0 #fbe6d2,0 8px 16px rgba(120,80,40,.1);cursor:pointer}.streakchip .em{font-size:17px;line-height:1}.streakchip .sd{font-weight:900;font-size:15px;color:#e07b15}.streakchip .sl{font-weight:800;font-size:11px;color:var(--soft)}.days{gap:7px;margin:10px 0 4px}.days,.days i{display:flex;justify-content:center}.days i{width:30px;height:30px;border-radius:11px;background:#f3eff9;align-items:center;font-style:normal;font-size:14px;font-weight:900;color:#b9b1c9}.days i.on{background:linear-gradient(135deg,#ffc46b,#f08c1b);color:#fff;box-shadow:0 3px 8px rgba(224,123,21,.35)}.mcard{position:relative;border:none;border-radius:24px;aspect-ratio:1/1;cursor:pointer;background:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(34px,12vw,58px);box-shadow:0 6px 0 #efeaf7,0 10px 18px rgba(90,70,120,.12);transition:transform .14s,opacity .2s}.mcard:active{transform:scale(.96)}.mcard.down{background:linear-gradient(150deg,var(--brand),var(--brand2));box-shadow:0 6px 0 rgba(0,0,0,.16)}.mcard.down .em{opacity:0}.mcard .em{transition:opacity .12s}.mcard.down:after{content:"🌱";font-size:36px;opacity:.95;position:absolute;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}.mcard.matched{opacity:.38;box-shadow:none}.heroGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:11px;gap:11px;margin-top:8px}.hero{position:relative;aspect-ratio:1/1;border-radius:20px;background:#f5f1fa;display:flex;align-items:center;justify-content:center;font-size:33px;box-shadow:inset 0 0 0 2px #ebe3f7}.hero:not(.lock){background:linear-gradient(160deg,#fff6df,#ffe7b4);box-shadow:inset 0 0 0 2px #ffd98a,0 4px 10px rgba(230,170,40,.22)}.hero.lock{opacity:.5}.bigprog{height:13px;border-radius:999px;background:#efeaf7;overflow:hidden;margin:8px 0 2px}.bigprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand2));transition:width .4s}#reward{position:fixed;inset:0;background:rgba(30,18,50,.6);display:none;align-items:center;justify-content:center;z-index:40}#reward.open{display:flex}#reward .rcard{position:relative;background:#fff;border-radius:30px;padding:28px 24px;max-width:310px;width:86%;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35);animation:pop .5s ease;overflow:hidden}#reward .rcard:before{content:"";position:absolute;top:-40px;left:50%;width:260px;height:260px;transform:translateX(-50%);border-radius:50%;background:conic-gradient(rgba(255,209,102,.55) 0 12deg,transparent 12deg 30deg);animation:rays 9s linear infinite}@keyframes rays{to{transform:translateX(-50%) rotate(1turn)}}#reward .rhero{position:relative;font-size:92px;line-height:1;animation:float 2.4s ease-in-out infinite}#reward h3{position:relative;margin:8px 0 2px;font-size:22px;color:var(--brand2);font-weight:900}#reward p{position:relative;margin:0 0 16px;font-size:14px;color:var(--soft);font-weight:800}#reward button{position:relative;border:none;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;font-size:16px;border-radius:16px;padding:13px 22px;width:100%;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.14)}#daily{position:fixed;inset:0;background:rgba(30,18,50,.6);display:none;align-items:center;justify-content:center;z-index:44;padding:18px}#daily.open{display:flex}#daily .dcard{background:#fff;border-radius:30px;padding:26px 22px;max-width:320px;width:100%;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35);animation:pop .5s ease}#daily .dgift{font-size:76px;line-height:1;animation:bob 1.6s ease-in-out infinite}#daily h3{margin:10px 0 2px;font-size:21px;font-weight:900;color:#e07b15}#daily p{margin:0 0 14px;font-size:13.5px;color:var(--soft);font-weight:800}#daily button{border:none;background:linear-gradient(135deg,#ffc46b,#f08c1b);color:#fff;font-weight:900;font-size:16px;border-radius:16px;padding:13px 22px;width:100%;cursor:pointer;box-shadow:0 6px 0 rgba(180,100,10,.35)}#onboard{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;padding:22px;overflow:auto;background:linear-gradient(165deg,#ffe9b8,#d6f5dc 45%,#dce9ff)}#onboard.open{display:flex}#onboard .ob{background:#fff;border-radius:30px;padding:24px 20px 26px;max-width:370px;width:100%;box-shadow:0 24px 60px rgba(70,50,110,.24);text-align:center}#onboard .obleaf{font-size:56px;line-height:1;animation:float 3s ease-in-out infinite}#onboard h2{margin:8px 0 0;font-size:23px;color:var(--brand2);font-weight:900}#onboard .obwm{font-size:13px;font-weight:900;letter-spacing:2px;color:var(--brand);margin-bottom:6px}#onboard label{display:block;text-align:left;font-size:12.5px;font-weight:900;color:var(--soft);margin:15px 0 7px}#onboard input{width:100%;padding:14px;border:2.5px solid var(--line);border-radius:16px;font-size:18px;text-align:center;font-weight:800;color:var(--ink);font-family:inherit}#onboard input:focus{outline:none;border-color:var(--brand)}.avatars{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.avatars button{width:50px;height:50px;border-radius:16px;border:2.5px solid var(--line);background:#fff;font-size:26px;line-height:1;cursor:pointer;transition:transform .1s;padding:0}.avatars button:active{transform:scale(.9)}.avatars button.on{border-color:transparent;background:linear-gradient(135deg,#ffe3a6,#ffc46b);box-shadow:0 4px 12px rgba(224,150,20,.35);transform:scale(1.06)}.ages{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ages button{width:50px;height:50px;border-radius:16px;border:2.5px solid var(--line);background:#fff;font-size:19px;font-weight:900;color:var(--ink);cursor:pointer;transition:transform .1s}.ages button:active{transform:scale(.92)}.ages button.on{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent;box-shadow:0 5px 14px rgba(46,139,67,.35)}.oblang{display:inline-flex;gap:6px;background:#f3eff9;border-radius:16px;padding:4px}.oblang button{border:none;background:transparent;font-weight:900;font-size:14px;padding:10px 20px;border-radius:12px;color:var(--soft);cursor:pointer;font-family:inherit}#onboard .start,.oblang button.on{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}#onboard .start{margin-top:22px;border:none;width:100%;cursor:pointer;font-family:inherit;font-weight:900;font-size:18px;border-radius:18px;padding:16px;box-shadow:0 7px 0 rgba(0,0,0,.13),0 12px 24px rgba(46,139,67,.3)}#onboard .start:active{transform:translateY(4px);box-shadow:0 3px 0 rgba(0,0,0,.13)}#onboard .obfree{margin-top:12px;font-size:11.5px;font-weight:800;color:var(--brand2)}.future-head{grid-column:1/-1;text-align:center;margin:2px 0 6px}.future-head .fa{font-size:19px;font-weight:900;color:#4b3a6b}.future-head .fo{display:inline-block;margin-top:7px;background:#fff;border-radius:999px;padding:6px 15px;font-size:12px;font-weight:800;color:var(--soft);box-shadow:0 3px 10px rgba(90,70,120,.09)}.future-head .fo.locked{color:#fff;background:linear-gradient(135deg,#a063d8,#6c3483)}#fposter{position:fixed;inset:0;background:rgba(20,20,40,.65);display:none;align-items:center;justify-content:center;z-index:45;padding:18px}#fposter.open{display:flex}#fposter .fpcard{width:100%;max-width:340px;border-radius:30px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4);animation:pop .4s cubic-bezier(.18,.9,.3,1.3)}#fposter .fptop{padding:24px 20px 26px;text-align:center;color:#fff;position:relative;overflow:hidden}#fposter .fptag{font-size:11px;font-weight:900;letter-spacing:2px;opacity:.92;background:hsla(0,0%,100%,.22);display:inline-block;padding:5px 13px;border-radius:999px}#fposter .fphero{font-size:88px;line-height:1;margin:14px 0 4px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));animation:float 2.6s ease-in-out infinite}#fposter .fpscene{font-size:30px;letter-spacing:6px;margin:2px 0 12px}#fposter .fpname{font-size:15px;font-weight:800;opacity:.95}#fposter .fprole{font-size:26px;font-weight:900;margin:2px 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.25)}#fposter .fpstory{font-size:14px;font-weight:700;line-height:1.45;opacity:.96;max-width:250px;margin:0 auto}#fposter .fpbottom{background:#fff;padding:15px 18px 18px;text-align:center}#fposter .fpnote{font-size:12px;font-weight:800;color:var(--purple);margin:0 0 12px}#fposter .fpbtn{border:none;width:100%;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;font-size:16px;border-radius:16px;padding:14px;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.13)}.card .hasau{position:absolute;top:8px;left:10px;font-size:16px;z-index:4;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.tglink{display:inline-block;margin-top:9px;font-size:12px;font-weight:900;color:var(--brand2);text-decoration:none;background:#fff;border-radius:999px;padding:7px 14px;box-shadow:0 3px 10px rgba(90,70,120,.09)}.talepanel h2{font-size:20px}#taleAudioWrap{margin:4px 0 10px}#taleAudioWrap audio{width:100%}.taletext p{font-size:15px;line-height:1.8;color:#33333c;margin:10px 0}.gameq .qcount{display:block;font-size:clamp(30px,10vw,44px);line-height:1.3;margin-top:8px;letter-spacing:5px;word-break:break-word}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.05ms!important}}