/* Sol – stile di base: palette e font di Español ad Hoc, mappa, giochi, studio e premi */
/* Layout: mappa a mondi verticale (sentiero a zig-zag) con header profilo in alto e barra schede fissa in basso; palette e font dell'app Español ad Hoc */
:root{
  --cream:#FBF3E6;--ink:#2B1B12;--soft:#6B6259;--blue:#7A1F2E;--blue2:#9B3A47;--ochre:#C9A227;--ochre-d:#9C7D12;--ochre-s:#F0E3BC;
  --terra:#5E1622;--err:#D64545;--sage:#3E8E5A;--sage-d:#2C6A43;--card:#FFFDF9;--surface:#F3E7D3;--border:#EAD9BD;--pink:#F6E6E8;
  --okbg:#DFF1E4;--oktx:#1F5C35;--kobg:#F9DCDC;--kotx:#8A2323;--shade:rgba(43,27,18,.45);
  --h:'Baloo 2','Trebuchet MS',system-ui,sans-serif;--b:'Inter',-apple-system,'Segoe UI',system-ui,sans-serif;
  color-scheme:light
}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px)}
*,*:before,*:after{box-sizing:border-box}
body{margin:0;background:var(--paper);transition:background .3s;color:var(--ink);font-family:var(--b);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--paper)}
:root{--paper:#FBF3E6;--acc:#7A1F2E}
:root[data-tab="map"]{--paper:#F7F0DF;--acc:#2C6A43}
:root[data-tab="games"]{--paper:#FBEDE9;--acc:#7A1F2E}
:root[data-tab="study"]{--paper:#F3EAD6;--acc:#5E1622}
:root[data-tab="prizes"]{--paper:#FBF1D8;--acc:#7E6410}
.bgart{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;transition:opacity .35s}
.bgart svg,.bgart img{width:100%;height:100%;display:block;object-fit:cover}
html.raster .bgart{opacity:1}html.raster .bgart.fade{opacity:0}html.raster .focus .bgart{opacity:.3}
.wm{background:var(--wc);-webkit-mask:url(../icons/ui/wash.png?v=05340dd571) center/100% 100% no-repeat;mask:url(../icons/ui/wash.png?v=05340dd571) center/100% 100% no-repeat}
.hsrch{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--card);border:1px solid var(--border)}
.sq{position:sticky;top:-26px;z-index:2;background:var(--cream);padding:4px 0 10px;margin-top:-4px}
.sq input{width:100%;border:2px solid var(--ochre);background:var(--card);border-radius:14px;padding:13px 14px 13px 44px;font-size:1.05rem}
.sq .pico{position:absolute;left:8px;top:11px}
.sg{font-size:.78rem;font-weight:700;color:var(--soft);margin:14px 2px 6px;letter-spacing:.04em;text-transform:uppercase}
.sr{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:9px 12px;margin-bottom:6px}
.sr:active{transform:scale(.98)}.sr .ic{font-size:1.5rem;width:34px;text-align:center}
.sr b{display:block;font-weight:600;line-height:1.2}.sr small{color:var(--soft);font-size:.8rem}.sr mark{background:var(--ochre-s);color:inherit;border-radius:3px;padding:0 1px}
.sr .lk{font-size:.75rem;color:var(--soft)}
.wr.hl{animation:hl 2.2s ease-out}@keyframes hl{0%,40%{background:var(--ochre-s);border-color:var(--ochre)}100%{background:var(--card)}}
.more{margin-top:10px}
.bgart.fade{opacity:0}.focus .bgart{opacity:.16}
#app>.tile,#app>.stage{position:relative;z-index:1}
.pico{display:block;flex-shrink:0;overflow:visible}
.hero{display:flex;align-items:center;gap:14px;margin:6px 0 12px}
.hero h2{color:var(--acc);font-size:1.7rem}.hero .sub{margin:2px 0 0}
.gsec{position:relative;margin:6px 0 18px;padding:12px;border-radius:24px;isolation:isolate}
.gsec>.wash,.path>.wash{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.gsh{display:flex;align-items:center;gap:12px;margin:0 2px 12px}.gsh h3{margin:0;color:var(--acc)}.gsh small{color:var(--soft);display:block;font-size:.8rem}
.h3i{display:flex;align-items:center;gap:10px;margin:20px 0 10px}.h3i h3{margin:0}
.gc .pico{display:inline-block;vertical-align:-7px;margin:-4px 4px -4px -4px}
button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}
button:focus-visible,input:focus-visible{outline:3px solid var(--ochre);outline-offset:2px}
button:disabled{cursor:default}
h2,h3{font-family:var(--h);font-weight:600;text-wrap:balance;margin:0}
h2{font-size:1.55rem;line-height:1.15}h3{font-size:1.2rem;margin:18px 0 10px}
.f1{flex:1;min-width:0}
#app{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}
.tile{height:7px;flex-shrink:0;background:repeating-linear-gradient(45deg,var(--blue) 0 9px,var(--ochre) 9px 18px)}
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:15;background:var(--paper);transition:background .3s;display:flex;align-items:center;gap:8px;padding-block:10px 8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.av{width:46px;height:46px;border-radius:50%;background:var(--card);border:3px solid var(--ochre);display:grid;place-items:center;font-size:1.55rem;flex-shrink:0}
.lvb{flex:1;min-width:0}
.lvb b{font-family:var(--h);font-size:1.08rem;font-weight:700;color:var(--blue);display:block;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lvb small{font-size:.7rem;color:var(--soft);font-variant-numeric:tabular-nums}
.xpb{height:7px;border-radius:9px;background:var(--surface);overflow:hidden;margin:5px 0 2px}.xpb i{display:block;height:100%;background:var(--ochre);border-radius:9px;transition:width .4s}
.hacc{color:var(--blue);max-width:9em;overflow:hidden;text-overflow:ellipsis}.hacc.on{color:var(--sage,#3E8E5A)}
@media (max-width:520px){.hd{gap:6px}.hd .pill{padding:6px 7px}.lvb{min-width:0;flex:1 1 0;overflow:hidden}.hacc{flex-shrink:0;max-width:62px;display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px;padding:3px 7px;font-size:.95rem}.hacc.on span{display:none}.hacc.on{justify-content:center;padding:6px 8px}.hacc span{font-size:.56rem;max-width:4.6em;overflow:hidden;text-overflow:ellipsis}}@media (max-width:370px){.lvb{min-width:58px}.hd{gap:4px}.hd .pill{padding:5px 6px}}
.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 9px;font-size:.82rem;font-weight:700;color:var(--terra);white-space:nowrap;font-variant-numeric:tabular-nums}
.pill.bo{background:var(--ochre-s);border-color:var(--ochre);color:var(--ink)}
.stage{flex:1;display:flex;flex-direction:column;padding-block:6px 104px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.stage.in{animation:stIn .24s ease-out}
@keyframes stIn{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
.focus .tile,.focus .hd,.focus .tb{display:none}.focus .stage{padding-bottom:16px}
.tb{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--card);border-top:1px solid var(--border);padding-block:6px calc(6px + env(safe-area-inset-bottom,0px));padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
.tb .in{max-width:560px;margin:0 auto;display:flex;gap:4px}
.tb button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:14px;font-size:.72rem;font-weight:700;color:var(--soft);transition:background .15s,color .15s}
.tb button .pico{transition:transform .2s}
.tb button.on{color:var(--acc);background:var(--paper)}.tb button.on .pico{transform:translateY(-2px) scale(1.12)}
.sub{color:var(--soft);margin:2px 0 12px;font-size:.88rem}
.row{display:flex;align-items:center;gap:12px}.ic{font-size:1.8rem;flex-shrink:0;line-height:1}
.mini{height:7px;background:var(--surface);border-radius:999px;margin-top:7px;overflow:hidden}.mini i{display:block;height:100%;background:var(--sage);border-radius:999px}
.mini.gold i{background:var(--ochre)}
.goal{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:12px 14px;margin:4px 0 10px}
.goal b{font-family:var(--h);font-weight:600;font-size:1.02rem;display:block;line-height:1.1}.goal small{color:var(--soft);font-size:.8rem}
.cont{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--blue);color:#fff;border-radius:18px;padding:14px 16px;margin:0 0 14px;box-shadow:0 5px 0 var(--terra);transition:transform .1s}
.cont:active{transform:translateY(3px);box-shadow:0 2px 0 var(--terra)}
.cont b{font-family:var(--h);font-size:1.15rem;display:block;font-weight:600;line-height:1.1}.cont small{opacity:.85}.cont .go2{font-size:1.6rem}
.world{margin:4px 0 8px}
.wb{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;text-align:left;color:#fff;background:var(--wc);border-radius:22px;padding:14px 16px;box-shadow:0 5px 0 var(--wd)}
.wb:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 9px,transparent 9px 18px);pointer-events:none}
.wic{position:relative;width:60px;height:60px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center;flex-shrink:0}
.world.lock .wic>:first-child,.cupoff>:first-child{filter:grayscale(.2);opacity:.92}
.wlk{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:grid;place-items:center;font-size:.8rem;box-shadow:0 2px 4px rgba(0,0,0,.15)}
.cupoff .wlk{right:calc(50% - 32px)}
.wb small{opacity:.9;font-size:.78rem;display:block;font-variant-numeric:tabular-nums}
.wb b{font-family:var(--h);font-size:1.32rem;font-weight:600;display:block;line-height:1.1}
.wbar{display:block;height:7px;background:rgba(255,255,255,.25);border-radius:9px;margin:6px 0 4px;overflow:hidden}.wbar i{display:block;height:100%;background:var(--ochre);border-radius:9px}
.chev{font-size:1.3rem;opacity:.85;transition:transform .2s}.world.wx .chev{transform:rotate(90deg)}
.world.lock .wb{filter:saturate(.2);opacity:.7}
.cup{font-size:1.4rem}
.path{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0 18px}
.path:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:3px dashed var(--border);transform:translateX(-50%)}
.pi{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translateX(var(--off,0px))}
.nd{position:relative;width:72px;height:72px;border-radius:50%;font-size:1.9rem;color:#fff;background:var(--blue);box-shadow:0 6px 0 var(--terra);display:grid;place-items:center;transition:transform .1s,box-shadow .1s}
.nd.t-g{background:var(--terra);box-shadow:0 6px 0 #3A0C14}
.nd.t-x{background:var(--sage);box-shadow:0 6px 0 var(--sage-d)}
.nd.t-c{border-radius:24px;background:var(--ochre);box-shadow:0 6px 0 var(--ochre-d)}
.nd.t-b{width:94px;height:94px;font-size:2.4rem;background:var(--wc);box-shadow:0 7px 0 var(--wd)}
.nd.done{background:var(--ochre);color:var(--ink);box-shadow:0 6px 0 var(--ochre-d)}
.nd.lock{background:var(--surface);color:var(--soft);box-shadow:0 6px 0 var(--border);font-size:1.35rem}
.nd:active:not(.lock){transform:translateY(4px);box-shadow:0 2px 0 var(--terra)}
.nd.cur{animation:pulse 1.8s ease-in-out infinite}
.nd.t-c.cur{animation:wig 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{outline:0 solid rgba(201,162,39,.55)}50%{outline:10px solid rgba(201,162,39,0)}}
@keyframes wig{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-9deg)}84%{transform:rotate(9deg)}92%{transform:rotate(-5deg)}}
.bub{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:var(--card);border:2px solid var(--border);color:var(--blue);border-radius:10px;padding:1px 10px;font-weight:800;font-size:.72rem;letter-spacing:.06em;white-space:nowrap;animation:bob 1.6s ease-in-out infinite;z-index:2}
@keyframes bob{0%,100%{margin-top:0}50%{margin-top:-4px}}
.ns{font-size:.9rem;letter-spacing:2px;color:var(--border);line-height:1}.ns .on{color:var(--ochre)}
.pc{font-size:.76rem;color:var(--ink);background:var(--paper);border-radius:8px;padding:1px 7px;max-width:150px;text-align:center;line-height:1.25}
.wl{margin:10px 4px 2px;font-size:.84rem;color:var(--soft)}
.ov{position:fixed;inset:0;z-index:40;background:var(--shade);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.ov.on{opacity:1}.ov.mid{align-items:center;padding:16px}
.sh{position:relative;width:100%;max-width:560px;background:var(--cream);border-radius:26px 26px 0 0;max-height:88vh;overflow:auto;transform:translateY(40px);transition:transform .25s cubic-bezier(.3,.8,.3,1);padding-block:26px calc(20px + env(safe-area-inset-bottom,0px));padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.ov.mid .sh{border-radius:26px;padding-bottom:22px;text-align:center}
.ov.on .sh{transform:none}
.sh:before{content:"";position:absolute;top:9px;left:50%;width:42px;height:5px;border-radius:9px;background:var(--border);transform:translateX(-50%)}
.ov.mid .sh:before{display:none}
.shx{position:absolute;top:10px;right:12px;font-size:1.15rem;color:var(--soft);padding:6px 8px}
.shh{display:flex;align-items:center;gap:14px;margin-bottom:10px}.shh .ic{font-size:2.4rem}
.shh small{color:var(--soft);display:block}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.lc{min-width:40px;height:38px;border-radius:12px;background:var(--card);border:1px solid var(--border);font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums}
.lc.ok{background:var(--ochre);border-color:var(--ochre);color:var(--ink)}
.prz{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.prz span{background:var(--ochre-s);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}
.acts{display:grid;gap:10px;width:100%;margin-top:6px}
.btn{width:100%;background:var(--blue);color:#fff;border-radius:14px;padding:14px 20px;font-weight:700;font-size:.98rem;box-shadow:0 4px 0 var(--terra);transition:transform .1s,opacity .15s}
.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--terra)}
.btn:disabled{opacity:.4;box-shadow:none}
.btn.gh{background:transparent;color:var(--blue);border:2px solid var(--border);box-shadow:none}
.btn.gold{background:var(--ochre);color:var(--ink);box-shadow:0 4px 0 var(--ochre-d)}
.btn.sage{background:var(--sage);box-shadow:0 4px 0 var(--sage-d)}
.seg{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:2px 0 12px;padding-bottom:2px}.seg::-webkit-scrollbar{display:none}
.gc{flex-shrink:0;border:1px solid var(--acc);color:var(--acc);background:var(--card);padding:7px 13px;border-radius:999px;font-size:.82rem;font-weight:600;white-space:nowrap;transition:background .15s,color .15s}
.gc.on{background:var(--acc);color:#fff}
.search{width:100%;border:1px solid var(--border);background:var(--card);border-radius:12px;padding:11px 14px;margin:0 0 10px}
.card{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:13px 16px;margin-bottom:10px;transition:transform .1s,border-color .15s}
.card:active{transform:scale(.98)}.card:hover{border-color:var(--ochre)}
.card b{font-family:var(--h);font-weight:600;font-size:1.05rem;display:block;line-height:1.2}.card small{color:var(--soft);font-size:.82rem}
.back{color:var(--blue);font-weight:700;padding:6px 0;align-self:flex-start;font-size:.92rem}
.gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.gcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;min-height:140px;box-shadow:0 4px 0 var(--border);transition:transform .1s}
.gcard:active{transform:translateY(3px);box-shadow:0 1px 0 var(--border)}
.gcard .ic{font-size:2rem;margin-bottom:2px}.gcard b{font-family:var(--h);font-weight:600;font-size:1.02rem;line-height:1.15}
.gcard small{color:var(--soft);font-size:.76rem;line-height:1.3}.gcard .ns{margin-top:auto;padding-top:4px}
.gcard.new{border-color:var(--ochre)}
.prose p{margin:0 0 10px;line-height:1.55;max-width:65ch}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:.92rem}
td{border:1px solid var(--border);padding:7px 10px;vertical-align:top;background:var(--card)}td:first-child{font-weight:600;width:38%;background:var(--surface)}
.wl2{display:grid;gap:6px;margin-top:6px}
.wr{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 10px}
.wr b{font-weight:600}.wr small{color:var(--soft);display:block}.wr .sp2{font-size:1.1rem;padding:4px 6px}
.lx-top{display:flex;align-items:center;gap:12px;padding:14px 0}
.lx-x{font-size:1.4rem;color:var(--soft);padding:4px 8px}
.pt{flex:1;height:12px;background:var(--surface);border-radius:999px;overflow:hidden}.pf{height:100%;background:var(--sage);border-radius:999px;transition:width .3s}
.hud{font-weight:800;font-size:.92rem;color:var(--terra);white-space:nowrap;font-variant-numeric:tabular-nums}
.lb{flex:1;display:flex;flex-direction:column;gap:14px}
.qc{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px 18px;text-align:center;transition:background .2s}
.qc .w{font-family:var(--h);font-weight:600;font-size:1.9rem;line-height:1.2;overflow-wrap:anywhere}
.qc .w.long{font-family:var(--b);font-size:1.12rem;line-height:1.45}
.qc.ok{background:var(--okbg)}.qc.ko{background:var(--kobg)}
.big{font-size:3.6rem;line-height:1.1;margin-bottom:6px}
.sw{width:96px;height:96px;border-radius:24px;margin:0 auto 8px;border:2px solid var(--border)}
.pre{white-space:pre-line}
.lq{font-size:.86rem;color:var(--soft);text-align:center;margin:0}
.opts{display:grid;gap:10px}.opts.two{grid-template-columns:1fr 1fr}
.option,.chip{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:13px 12px;font-weight:500;text-align:center;box-shadow:0 3px 0 var(--border);transition:transform .1s,background .15s,border-color .15s;overflow-wrap:anywhere}
.option:active:not(:disabled),.chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border)}
.option.sel,.chip.sel{border-color:var(--blue);background:var(--pink)}
.option.correct{background:var(--sage);border-color:var(--sage);color:#fff;box-shadow:0 3px 0 var(--sage-d)}
.option.wrong{background:var(--err);border-color:var(--err);color:#fff;box-shadow:0 3px 0 var(--kotx)}
.spk{align-self:center;width:60px;height:60px;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-size:1.6rem}
.spks{display:flex;gap:14px;justify-content:center}
.line{min-height:58px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;align-items:center}
.bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{padding:10px 13px}.chip.used{visibility:hidden}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cols>div{display:grid;gap:10px;align-content:start}
.pr{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:13px 10px;font-weight:500;text-align:center;box-shadow:0 3px 0 var(--border);overflow-wrap:anywhere}
.pr.sel{border-color:var(--blue);background:var(--pink)}.pr.ok{visibility:hidden}.pr.no{background:var(--err);color:#fff;border-color:var(--err)}
.fb{position:sticky;bottom:0;margin-top:14px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-radius:16px;background:var(--surface)}
.fb.ok{background:var(--okbg);color:var(--oktx)}.fb.ko{background:var(--kobg);color:var(--kotx)}
.fb p{margin:0 0 10px;font-size:.92rem}.fb b{font-size:1.02rem;display:inline-block}.fb.ok b{animation:pop .35s ease-out}.fb.ko b{animation:shake .4s}
.fb .nt{display:block;color:var(--ink);margin-top:4px;opacity:.85}
.fb.ko .btn{background:var(--err);box-shadow:0 4px 0 var(--kotx)}.fb.ok .btn{background:var(--sage);box-shadow:0 4px 0 var(--sage-d)}
@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px 0}
.done{overflow-x:clip;overflow-y:visible}
.acts2>*{min-width:0}.acts2 .btn{padding-left:8px;padding-right:8px;overflow-wrap:anywhere;hyphens:auto}
.trophy{font-size:3.8rem;line-height:1;animation:pop .6s ease-out}
.stars{font-size:2.6rem;letter-spacing:6px;line-height:1}.stars span{color:var(--border);display:inline-block}.stars span.on{color:var(--ochre);animation:pop .5s ease-out both}
.stars span.on:nth-child(2){animation-delay:.15s}.stars span.on:nth-child(3){animation-delay:.3s}
.st{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.st div{border:1px solid var(--ochre);background:var(--card);border-radius:12px;padding:7px 14px;font-weight:700;font-variant-numeric:tabular-nums}
.rws{display:grid;gap:8px;width:100%;margin:4px 0}
.rw{display:flex;align-items:center;gap:12px;background:var(--card);border:2px solid var(--ochre);border-radius:16px;padding:10px 14px;text-align:left;animation:pop .45s both}
.rw .ic{font-size:1.9rem}.rw b{display:block;font-family:var(--h);font-weight:600;line-height:1.15}.rw small{color:var(--soft)}
.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);transform:translate(-50%,-20px);opacity:0;z-index:60;background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:14px;font-weight:600;font-size:.9rem;transition:all .25s;max-width:calc(100% - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.mem{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mc{min-height:84px;border-radius:16px;background:var(--blue);color:#fff;font-family:var(--h);font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:6px;text-align:center;line-height:1.1;box-shadow:0 4px 0 var(--terra);transition:transform .2s,background .2s}
.mc .b{display:none;font-size:.95rem;font-family:var(--b);font-weight:600;overflow-wrap:anywhere}
.mc.up{background:var(--card);color:var(--ink);border:2px solid var(--ochre);box-shadow:none}.mc.up .f{display:none}.mc.up .b{display:block}
.mc.ok{background:var(--sage);color:#fff;border-color:var(--sage)}
.slots,.tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:54px}
.tl{min-width:44px;height:50px;border-radius:12px;background:var(--card);border:1px solid var(--border);font-family:var(--h);font-size:1.4rem;font-weight:600;padding:0 8px;box-shadow:0 3px 0 var(--border)}
.tl.slot{background:var(--ochre-s);border-color:var(--ochre)}.tl.used{visibility:hidden}
.kb{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.kb button{width:36px;height:42px;border-radius:10px;background:var(--surface);font-weight:700}.kb button:disabled{opacity:.3}
.mask{font-family:var(--h);font-size:2rem;letter-spacing:6px;text-align:center;min-height:48px;overflow-wrap:anywhere}
.inp{width:100%;border:2px solid var(--border);border-radius:14px;background:var(--card);padding:13px;font-size:1.2rem;text-align:center}
.shk{animation:shake .4s}
.rain{position:relative;height:300px;border-radius:20px;background:linear-gradient(var(--card),var(--surface));border:1px solid var(--border);overflow:hidden}
.drop{position:absolute;top:0;transform:translateX(-50%);background:var(--blue);color:#fff;font-family:var(--h);font-weight:600;font-size:1.25rem;padding:6px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 0 var(--terra)}
.drop.pop{animation:pop .3s reverse forwards;background:var(--sage)}
.ground{position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(45deg,var(--blue) 0 9px,var(--ochre) 9px 18px)}
.vf{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vf .option{font-size:1.1rem;font-weight:700;padding:18px 10px}
.eq{font-family:var(--h);color:var(--soft);font-size:1.3rem}
.ws{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;user-select:none}
.ws button{aspect-ratio:1;max-width:100%;border-radius:9px;background:var(--card);border:1px solid var(--border);font-family:var(--h);font-weight:700;font-size:1.05rem}
.ws button.sel{background:var(--ochre);border-color:var(--ochre)}.ws button.fd{color:#fff;border-color:transparent}
.clues{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.clues span{border:1px dashed var(--soft);border-radius:999px;padding:5px 11px;font-size:.84rem}
.clues span.fd{border-style:solid;border-color:var(--sage);background:var(--okbg);color:var(--oktx);font-weight:600}
.fc{position:relative;height:230px;perspective:1200px;cursor:pointer}
.fc>div{position:absolute;inset:0;border-radius:22px;background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;backface-visibility:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fc .w{font-family:var(--h);font-weight:600;font-size:2rem;line-height:1.15}
.fc .fcb{transform:rotateY(180deg);background:var(--ochre-s)}.fc.flip .fcf{transform:rotateY(-180deg)}.fc.flip .fcb{transform:rotateY(0)}
.ex{margin:10px 0 0;font-size:.9rem}.ex span{color:var(--soft)}
.acts2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prof{display:flex;align-items:center;gap:16px;background:var(--blue);color:#fff;border-radius:22px;padding:18px;position:relative;overflow:hidden}
.prof:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 9px,transparent 9px 18px);pointer-events:none}
.prof .av{width:74px;height:74px;font-size:2.5rem;border-width:4px}
.prof b{font-family:var(--h);font-size:1.4rem;font-weight:700;display:block;line-height:1.05}.prof small{opacity:.88}
.prof .xpb{background:rgba(255,255,255,.22)}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 4px}
.kp div{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:9px 4px;text-align:center}
.kp b{display:block;font-family:var(--h);font-size:1.25rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.kp small{font-size:.7rem;color:var(--soft)}
.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cupc{border-radius:18px;padding:12px 6px;text-align:center;background:var(--wc);color:#fff;box-shadow:0 4px 0 var(--wd)}
.cupc .ic{font-size:2.2rem;display:block}.cupc b{font-family:var(--h);font-weight:600;display:block}.cupc small{font-size:.72rem;opacity:.9}
.cupc.off{background:var(--surface);color:var(--soft);box-shadow:0 4px 0 var(--border)}
.bdg{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}
.bd{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px 6px;text-align:center}
.bd .ic{font-size:1.8rem;display:block;margin-bottom:2px}.bd b{font-size:.8rem;display:block;line-height:1.2}.bd small{font-size:.68rem;color:var(--soft);display:block;line-height:1.25;margin-top:2px}
.bd.off{opacity:.55}.bd.off .ic{filter:grayscale(1)}
.shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}
.it{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.it .ic{font-size:2rem}.it b{font-size:.82rem}.it.eq2{border:2px solid var(--ochre);background:var(--ochre-s)}
.buy{border-radius:999px;background:var(--blue);color:#fff;font-weight:700;font-size:.78rem;padding:5px 11px}.buy:disabled{opacity:.4}
.buy.gh{background:transparent;color:var(--blue);border:1px solid var(--border)}
.cal{display:flex;gap:6px}.cal div{flex:1;text-align:center;font-size:.72rem;color:var(--soft)}
.cal i{display:block;height:28px;border-radius:9px;background:var(--surface);margin-top:4px}.cal .on i{background:var(--blue2)}.cal .gl i{background:var(--ochre)}
.chart{display:flex;align-items:flex-end;gap:4px;height:130px;padding:6px 0;border-bottom:1px solid var(--border)}
.chart div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0;height:100%}
.chart i{display:block;width:100%;max-width:18px;border-radius:5px 5px 0 0;background:var(--blue)}.chart i.g{background:var(--ochre)}
.chart span{font-size:.6rem;color:var(--soft);font-variant-numeric:tabular-nums}
.box{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px}
.gift{font-size:5rem;line-height:1;display:inline-block;animation:wig .9s ease-in-out infinite}
.empty{text-align:center;color:var(--soft);padding:26px 10px}