:root{--bg:#efe3d1;--frame:#fbf4ea;--ink:#3b2a1f;--ink2:#7a6352;--ink3:#a89380;--line:#e6d5c0;--cell:#f1e2cc;--cell2:#ead8bf;--accent:#e8743b;--teal:#2f9e8f;--gold:#f0c35a;--pink:#ef6b8a;--sky:#5aa7e0;--red:#d9534f;--purple:#8b5cf6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}body{min-height:100vh;display:flex;justify-content:center;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .25 0 0 0 0 .17 0 0 0 0 .1 0 0 0 .08 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}.hand{font-family:Jua,Pretendard,sans-serif}svg.use{display:block;width:100%;height:100%}.inl{display:inline-block;width:16px;height:16px;vertical-align:-3px}.inl svg{width:100%;height:100%}.app{position:relative;z-index:1;width:100%;max-width:430px;min-height:100vh;background:var(--frame);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line),0 20px 60px #3b2a1f24;transition:background .4s}.app.fever{background:#fff1dc}.app.shake{animation:shake .35s ease}.app.shake2{animation:shake2 .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(4px,2px)}}@keyframes shake2{0%,to{transform:translate(0)}15%{transform:translate(-9px,5px) rotate(-.6deg)}30%{transform:translate(9px,-5px) rotate(.6deg)}45%{transform:translate(-7px,-4px)}60%{transform:translate(7px,4px)}80%{transform:translate(-3px,1px)}}.flash{position:fixed;inset:0;background:#fff;pointer-events:none;opacity:0;z-index:60}.flash.on{animation:flash .5s ease}@keyframes flash{0%{opacity:.9}to{opacity:0}}.hud{display:flex;gap:6px;align-items:center;padding:10px 12px 6px}.res{display:flex;align-items:center;gap:5px;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:3px 10px 3px 6px;font-weight:900;font-size:14px;box-shadow:0 2px 0 var(--ink);cursor:pointer}.res svg{width:20px;height:20px;flex:none}.res.grow{flex:1}.res small{font-size:10px;color:var(--ink3);font-weight:700}.res.icon{padding:3px 8px;font-size:16px;line-height:22px}.res.off{color:var(--ink3)}.pages{flex:1;display:flex;flex-direction:column;padding-bottom:78px}.page{display:none;flex:1;flex-direction:column}.page.on{display:flex}nav.bn{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#fff;border-top:2px solid var(--ink);display:flex;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:40}nav.bn button{flex:1;border:0;background:none;font:inherit;font-size:11px;font-weight:800;color:var(--ink3);display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border-radius:14px;cursor:pointer;position:relative}nav.bn button svg{width:26px;height:26px;opacity:.5;filter:grayscale(.6)}nav.bn button.on{color:var(--ink);background:var(--cell)}nav.bn button.on svg{opacity:1;filter:none}nav.bn .dot{position:absolute;top:2px;right:22%;width:9px;height:9px;border-radius:50%;background:var(--pink);border:2px solid #fff;display:none}nav.bn .dot.on{display:block}.sec{padding:8px 14px 0}.sec h2{font-size:26px;margin:6px 0 2px}.sub{font-size:13px;color:var(--ink2);margin:0 0 12px}.card{background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px;position:relative}.card.ink{border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.hdr{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:15px}.pill{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--cell);font-weight:800}.pill.teal{background:#dff5ef;color:var(--teal)}.pill.pink{background:#ffe1e8;color:#c2185b}.pill.gold{background:#fff1c9;color:#9a6b00}.btn{border:2px solid var(--ink);border-radius:14px;padding:11px 10px;font:inherit;font-weight:900;font-size:14px;background:#fff;box-shadow:0 3px 0 var(--ink);cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;gap:5px}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--accent);color:#fff}.btn.teal{background:var(--teal);color:#fff}.btn.gold{background:var(--gold)}.btn.purple{background:var(--purple);color:#fff}.btn.sm{padding:7px 10px;font-size:12px;flex:none}.btn:disabled{opacity:.45;box-shadow:none;transform:none}.btn svg{width:18px;height:18px;flex:none}.row{display:flex;gap:8px;margin-top:12px}.scene{border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 3px 0 var(--ink);background:#cfe3ee}.scene svg{display:block;width:100%}.tag{display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;border-radius:99px;background:var(--cell);margin-right:3px}.tag.new{background:#ffe1cc;color:#b4501f}ul.cl{margin:0;padding-left:18px;font-size:13px;color:var(--ink2)}ul.cl li{margin:4px 0}ul.cl b{color:var(--ink)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:11px;color:var(--ink3)}.bar{height:10px;background:var(--line);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:99px;transition:width .4s}.hero{margin:0 12px;border:2px solid var(--ink);border-radius:22px;background:linear-gradient(160deg,#fff3dc,#ffe0c4);box-shadow:0 3px 0 var(--ink);padding:14px;display:flex;gap:12px;align-items:center}.hero .av{width:66px;height:66px;border-radius:50%;border:2.5px solid var(--ink);background:#fff;overflow:hidden;flex:none;cursor:pointer;display:grid}.hero .av svg{width:100%;height:100%}.hero .nm{font-size:22px;line-height:1.1}.hero .ttl{font-size:11px;color:var(--ink2);font-weight:800}.hero .lv{font-size:12px;color:var(--ink2);margin-top:2px}.hero .lvbar{height:7px;margin-top:5px}.playbig{margin:12px;border:2.5px solid var(--ink);border-radius:22px;background:var(--accent);color:#fff;box-shadow:0 5px 0 var(--ink);padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;position:relative;overflow:hidden}.playbig:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.playbig .big{font-size:28px;line-height:1.1}.playbig .sm{font-size:12px;opacity:.9;font-weight:700}.playbig .ic{width:54px;height:54px;flex:none;background:#fff;border-radius:16px;border:2px solid var(--ink);display:grid;place-items:center;padding:6px}.playbig .ic svg{width:100%;height:100%}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px}.tile{border:2px solid var(--ink);border-radius:18px;background:#fff;box-shadow:0 3px 0 var(--ink);padding:12px;cursor:pointer;position:relative;min-height:96px;display:flex;flex-direction:column;justify-content:space-between}.tile:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.tile b{font-size:15px}.tile span{font-size:11px;color:var(--ink2);font-weight:700}.tile .ic{position:absolute;right:10px;top:10px;width:38px;height:38px}.tile .ic svg{width:100%;height:100%}.tile.ready{background:#fff6dc}.tile .badge{position:absolute;right:-6px;top:-6px;background:var(--pink);color:#fff;font-size:10px;font-weight:900;border-radius:99px;padding:2px 7px;border:2px solid #fff;animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.12)}}.event{margin:12px;border:2px solid var(--ink);border-radius:18px;background:linear-gradient(135deg,#2f9e8f,#5aa7e0);color:#fff;padding:14px;box-shadow:0 3px 0 var(--ink);cursor:pointer}.event .t{font-size:20px}.event .d{font-size:12px;opacity:.95;font-weight:700}.event .bar{background:#ffffff4d;margin-top:8px}.event .bar i{background:#fff}.missions{margin:12px}.mission{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.mission:last-child{border:0}.mission .tx{flex:1;font-size:13px;font-weight:700}.mission .tx .bar{height:6px;margin-top:4px}.mission button{border:2px solid var(--ink);border-radius:10px;padding:5px 10px;font:inherit;font-size:12px;font-weight:900;background:var(--line);color:var(--ink3);cursor:default;display:flex;align-items:center;gap:3px}.mission button svg{width:16px;height:16px}.mission button.ready{background:var(--teal);color:#fff;cursor:pointer;box-shadow:0 2px 0 var(--ink)}.mission button.done{background:#fff;color:var(--teal)}.mapwrap{padding:0 12px}.chapter{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 6px}.chapter h2{margin:0;font-size:24px}.chapter .seg{display:flex;gap:4px}.chapter .seg button{border:2px solid var(--ink);background:#fff;border-radius:99px;padding:3px 10px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.chapter .seg button.on{background:var(--ink);color:#fff}.node{display:flex;align-items:center;gap:12px;padding:8px 10px;margin:6px 0;border-radius:16px;background:#fff;border:2px solid var(--line);position:relative}.node.cur{border-color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fffdf8}.node.lock{opacity:.55}.node .no{width:40px;height:40px;border-radius:50%;background:var(--cell);border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:16px;flex:none;overflow:hidden}.node .no svg{width:24px;height:24px}.node.done .no{background:var(--gold)}.node.cur .no{background:var(--accent);color:#fff}.node .tx{flex:1;min-width:0}.node .tx b{font-size:14px;display:flex;align-items:center;gap:6px}.node .tx div{font-size:11px;color:var(--ink2);display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:2px}.node .goal{display:inline-flex;align-items:center;gap:2px;background:var(--cell);border-radius:8px;padding:1px 6px 1px 2px;font-weight:800}.node .goal svg{width:20px;height:20px;flex:none}.node .stars{display:inline-flex;gap:1px}.node .stars svg{width:15px;height:15px}.node .stars svg.off{opacity:.2;filter:grayscale(1)}.node .play{border:2px solid var(--ink);background:var(--accent);color:#fff;border-radius:12px;padding:8px 14px;font:inherit;font-weight:900;font-size:14px;box-shadow:0 3px 0 var(--ink);cursor:pointer}.node .play.re{background:#fff;color:var(--ink)}.node .reward{font-size:11px;color:var(--teal);font-weight:800}.node .best{font-size:10px;color:var(--ink3)}.stagebar{display:flex;align-items:center;gap:8px;padding:2px 12px 6px}.stagebar .st{font-size:21px;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score{font-size:12px;font-weight:900;color:var(--ink2);text-align:right;line-height:1.1}.score b{display:block;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}.spoon{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:4px 10px;box-shadow:0 2px 0 var(--ink)}.spoon svg{width:22px;height:22px}.spoon b{font-size:20px;font-variant-numeric:tabular-nums}.spoon.low b{color:var(--red);animation:pulse .7s infinite}.goals{display:flex;gap:8px;padding:0 12px 6px;overflow-x:auto;scrollbar-width:none}.goals::-webkit-scrollbar{display:none}.goal-c{flex:0 0 auto;display:flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--line);border-radius:16px;padding:6px 10px 6px 6px;cursor:pointer;transition:transform .15s;position:relative}.goal-c .im{width:40px;height:40px;border-radius:12px;background:var(--cell);display:grid;place-items:center;position:relative}.goal-c .im svg{position:absolute;left:4px;top:4px;width:32px;height:32px}.goal-c .n{font-weight:900;font-size:15px;line-height:1.1}.goal-c .n small{display:block;font-size:10px;color:var(--ink3);font-weight:700;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-c.ready{border-color:var(--teal);background:#eefbf7;box-shadow:0 0 0 3px #2f9e8f33;animation:ready 1s infinite}@keyframes ready{50%{transform:translateY(-3px)}}.goal-c.done{opacity:.55;border-color:var(--gold)}.goal-c.done .im:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-weight:900;color:#fff;background:#2f9e8fd9;border-radius:10px;font-size:20px}.combo{margin:0 12px 6px;height:10px;border:2px solid var(--ink);border-radius:99px;background:#fff;position:relative;overflow:hidden}.combo i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--accent),var(--pink));transition:width .2s}.combo.fever i{background:repeating-linear-gradient(45deg,var(--accent) 0 8px,var(--gold) 8px 16px);animation:stripes .6s linear infinite}@keyframes stripes{to{background-position:32px 0}}.combo span{position:absolute;right:8px;top:-3px;font-size:10px;font-weight:900;color:var(--ink2);line-height:12px}.boardwrap{padding:0 10px;position:relative}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;background:var(--boardbg,#d9c4a6);border:2px solid var(--ink);padding:6px;border-radius:18px;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 3px 0 var(--ink);transition:background .4s}.fever .board{background:#e8b67a}.cell{aspect-ratio:1;min-width:0;background:var(--cell);border-radius:11px;position:relative}.cell:nth-child(odd){background:var(--cell2)}.cell.drop-ok{box-shadow:inset 0 0 0 3px var(--teal)}.cell.drop-merge{box-shadow:inset 0 0 0 3px var(--accent);background:#ffe4d0}.it{position:absolute;inset:0;cursor:grab}.it svg{position:absolute;left:8%;top:8%;width:84%;height:84%;filter:url(#wob) drop-shadow(0 2px 0 rgba(59,42,31,.18))}.it .lv{position:absolute;right:3px;bottom:2px;font-size:10px;font-weight:900;color:#fff;background:var(--ink);border-radius:7px;padding:0 5px;line-height:15px}.it.max .lv{background:var(--gold);color:var(--ink)}.it.gen:before{content:"";position:absolute;inset:2px;border-radius:9px;border:2px dashed var(--gold);animation:spin 10s linear infinite}.it.gen.dry:before{border-color:var(--ink3)}.it.gold svg{animation:glow 1.2s ease-in-out infinite}@keyframes glow{50%{filter:url(#wob) drop-shadow(0 0 8px #f7c843)}}.it.sel{transform:scale(1.1)}.it.sel svg{filter:url(#wob) drop-shadow(0 0 0 3px var(--accent))}.it.src{opacity:.25}.it.hint{animation:wob .7s ease-in-out infinite}.it.pop{animation:pop .4s cubic-bezier(.2,1.6,.4,1)}.it.pop2{animation:pop2 .5s cubic-bezier(.2,1.6,.4,1)}.it.box{cursor:default}@keyframes pop{0%{transform:scale(.3) rotate(-20deg)}to{transform:scale(1)}}@keyframes pop2{0%{transform:scale(.3)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes wob{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes spin{to{transform:rotate(360deg)}}.ghost{position:fixed;pointer-events:none;z-index:80;width:60px;height:60px;transform:translate(-50%,-62%) scale(1.15);filter:drop-shadow(0 10px 10px rgba(0,0,0,.3))}.ghost svg{width:100%;height:100%}.fly{position:fixed;z-index:85;width:44px;height:44px;pointer-events:none;transition:all .55s cubic-bezier(.3,.8,.3,1)}.fly svg{width:100%;height:100%}.banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;font-size:40px;font-weight:700;color:#fff6d8;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink),0 5px 0 var(--ink);white-space:nowrap;z-index:5}.banner.on{animation:ban .9s ease forwards}@keyframes ban{0%{opacity:0;transform:translate(-50%,-30%) scale(.5) rotate(-6deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(2deg)}70%{opacity:1;transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(-50%,-90%) scale(1)}}.ring{position:fixed;border:4px solid var(--accent);border-radius:50%;pointer-events:none;z-index:75;animation:ring .6s ease-out forwards}@keyframes ring{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.float{position:fixed;pointer-events:none;z-index:85;font-weight:900;font-size:15px;color:#fff;text-shadow:1px 0 0 var(--ink),-1px 0 0 var(--ink),0 1px 0 var(--ink),0 -1px 0 var(--ink),0 2px 0 var(--ink);animation:fl 1s ease forwards}@keyframes fl{to{transform:translateY(-44px);opacity:0}}canvas.fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:70}.tools{display:flex;gap:5px;padding:8px 10px 0;align-items:center}.slot{width:40px;height:40px;flex:none;border-radius:13px;background:var(--cell);border:2px dashed var(--ink3);display:grid;place-items:center;cursor:pointer;position:relative}.slot.full{border-style:solid;border-color:var(--ink);background:#fff}.slot svg{width:32px;height:32px}.tools button{border:2px solid var(--ink);border-radius:12px;padding:0 6px;height:40px;flex:none;font:inherit;font-weight:900;font-size:12px;background:#fff;box-shadow:0 2px 0 var(--ink);cursor:pointer;display:flex;align-items:center;gap:3px;position:relative}.tools button:disabled{opacity:.4;box-shadow:none}.tools button svg{width:22px;height:22px;flex:none}.tools button .cnt{position:absolute;right:-6px;top:-7px;background:var(--pink);color:#fff;font-size:10px;border-radius:99px;padding:0 5px;border:2px solid #fff;line-height:14px}.panel{margin:10px 12px 0;background:#fff;border:2px solid var(--line);border-radius:18px;overflow:hidden}.ptabs{display:flex;border-bottom:2px solid var(--line);background:var(--cell)}.ptabs button{flex:1;border:0;background:none;font:inherit;font-size:12px;font-weight:800;color:var(--ink3);padding:9px 2px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}.ptabs button.on{color:var(--ink);background:#fff;border-bottom-color:var(--accent)}.pbody{padding:12px;font-size:13px;color:var(--ink2);min-height:150px}.pinfo{display:flex;gap:12px;align-items:center}.pinfo .big{width:72px;height:72px;border-radius:18px;background:var(--cell);border:2px solid var(--ink);display:grid;place-items:center;flex:none;position:relative}.pinfo .big svg{position:absolute;left:10%;top:10%;width:80%;height:80%}.pinfo b{font-size:16px;color:var(--ink);display:block}.pinfo .meta{font-size:11px;color:var(--ink3);font-weight:700;margin:2px 0 6px}.ladder{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:6px 0;scrollbar-width:none}.ladder::-webkit-scrollbar{display:none}.ladder .st{flex:none;width:46px;text-align:center;font-size:9px;font-weight:800;color:var(--ink2)}.ladder .st .ic{width:44px;height:44px;border-radius:12px;background:var(--cell);border:2px solid var(--line);display:grid;place-items:center;position:relative;margin:0 auto 2px}.ladder .st .ic svg{position:absolute;left:10%;top:10%;width:80%;height:80%}.ladder .st.got .ic{border-color:var(--teal);background:#eefbf7}.ladder .st.goal .ic{border-color:var(--accent);box-shadow:0 0 0 3px #e8743b40}.ladder .st.cur .ic{border-color:var(--ink);background:#fff6dc}.ladder .arr{flex:none;color:var(--ink3);font-weight:900;font-size:12px}.chainrow{margin-bottom:6px}.chainrow .nm{font-size:12px;font-weight:900;color:var(--ink);display:flex;align-items:center;gap:6px}.chainrow .nm svg{width:18px;height:18px}.sprow{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px dashed var(--line);font-size:12px}.sprow .ic{width:34px;height:34px;flex:none;border-radius:10px;background:var(--cell);display:grid;place-items:center;position:relative}.sprow .ic svg{position:absolute;left:10%;top:10%;width:80%;height:80%}.sprow b{color:var(--ink)}.sprow small{color:var(--ink3)}.irow{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed var(--line)}.irow:last-child{border:0}.irow .ic{width:38px;height:38px;flex:none;border-radius:11px;background:var(--cell);border:2px solid var(--line);display:grid;place-items:center;position:relative}.irow .ic svg{position:absolute;left:10%;top:10%;width:80%;height:80%}.irow b{color:var(--ink);display:block;font-size:13px}.irow .cnt{margin-left:auto;font-weight:900;color:var(--ink);white-space:nowrap;font-size:12px}.howto{display:grid;gap:8px}.howto div{display:flex;gap:10px;align-items:flex-start}.howto .n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:12px;display:grid;place-items:center}.howto b{color:var(--ink)}.recgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.recgrid .stat{padding:8px 4px}.recgrid .stat b{font-size:18px}.tip{display:none}.coll{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.coll div{aspect-ratio:1;border-radius:12px;background:var(--cell);display:grid;place-items:center;position:relative}.coll div svg{position:absolute;left:14%;top:10%;width:72%;height:72%}.coll div.lock svg{opacity:.25;filter:grayscale(1)}.coll small{position:absolute;bottom:2px;font-size:8px;font-weight:800;color:var(--ink2)}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--cell);border-radius:14px;padding:10px 6px;text-align:center}.stat b{font-size:20px;display:block}.stat span{font-size:11px;color:var(--ink2);font-weight:700}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.bd{text-align:center;font-size:10px;font-weight:800;color:var(--ink2)}.bd .ic{width:52px;height:52px;margin:0 auto 4px;border-radius:50%;background:var(--cell);border:2px solid var(--ink);display:grid;place-items:center;padding:8px}.bd .ic svg{width:100%;height:100%}.bd.lock .ic{opacity:.35;filter:grayscale(1);border-style:dashed}.avs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.avs div{aspect-ratio:1;border-radius:50%;border:2px solid var(--line);overflow:hidden;cursor:pointer;display:grid;background:#fff}.avs div.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--gold)}.avs div svg{width:100%;height:100%}.titles{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.titles button{border:2px solid var(--line);border-radius:99px;background:#fff;padding:4px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.titles button.on{border-color:var(--ink);background:var(--gold)}.titles button:disabled{opacity:.4;cursor:default}.rk{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.rk:last-child{border:0}.rk.me{background:#fff6dc;border-radius:12px;padding:8px 10px;border:2px solid var(--gold)}.rk .no{width:28px;font-weight:900;text-align:center;font-size:15px}.rk .no.g{color:#c99a00}.rk .av{width:36px;height:36px;border-radius:50%;border:2px solid var(--ink);overflow:hidden;display:grid;background:#fff}.rk .av svg{width:100%;height:100%}.rk .nm{flex:1;font-weight:800;font-size:13px}.rk .nm small{display:block;font-size:10px;color:var(--ink3)}.rk .sc{font-weight:900;font-variant-numeric:tabular-nums}.wheelwrap{position:relative;width:260px;height:260px;margin:10px auto}.wheel{width:100%;height:100%;border-radius:50%;transition:transform 4s cubic-bezier(.15,.8,.2,1);position:relative}.wheel .seg{position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;display:flex;align-items:flex-start;justify-content:center}.wheel .seg span{transform:rotate(22.5deg) translateY(22px);font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4);display:block;transform-origin:center}.pin{position:absolute;left:50%;top:-10px;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid var(--red);filter:drop-shadow(0 2px 0 var(--ink));z-index:2}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid var(--ink);z-index:2}.mbg{position:fixed;inset:0;background:#3b2a1f80;display:none;align-items:center;justify-content:center;z-index:90;padding:18px}.mbg.on{display:flex}.modal{background:var(--frame);border:2.5px solid var(--ink);border-radius:26px;width:100%;max-width:370px;max-height:88vh;overflow:auto;padding:22px;animation:mpop .3s cubic-bezier(.2,1.4,.4,1);box-shadow:0 6px 0 var(--ink)}@keyframes mpop{0%{transform:scale(.8);opacity:0}}.modal h3{margin:0 0 6px;font-size:28px;text-align:center}.modal p{margin:0 0 12px;color:var(--ink2);font-size:14px;line-height:1.6;text-align:center}.story{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.story .av{width:48px;height:48px;border-radius:50%;border:2px solid var(--ink);flex:none;overflow:hidden;background:#fff;display:grid}.story .av svg{width:100%;height:100%}.story .bub{background:#fff;border:2px solid var(--ink);border-radius:4px 16px 16px;padding:9px 12px;font-size:14px;line-height:1.55}.bigstars{display:flex;justify-content:center;gap:6px;margin:6px 0 10px}.bigstars svg{width:58px;height:58px;opacity:.15;filter:grayscale(1);transform:scale(.5)}.bigstars svg.on{opacity:1;filter:none;animation:starin .5s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes starin{0%{transform:scale(.2) rotate(-40deg)}to{transform:scale(1)}}.statrow{display:flex;justify-content:space-around;margin:8px 0}.statrow div{text-align:center}.statrow b{font-size:22px;display:block}.statrow span{font-size:11px;color:var(--ink3);font-weight:700}.rewards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0}.rw{width:64px;text-align:center;font-size:11px;font-weight:800;color:var(--ink2)}.rw .ic{width:54px;height:54px;margin:0 auto 2px;border-radius:14px;border:2px solid var(--ink);background:#fff;display:grid;place-items:center;padding:8px}.rw .ic svg{width:100%;height:100%}.rw.on .ic{background:var(--gold);animation:pop2 .5s}.shop{display:grid;gap:8px}.itemrow{display:flex;align-items:center;gap:10px;border:2px solid var(--line);border-radius:14px;padding:10px;background:#fff}.itemrow .em{width:40px;height:40px;flex:none}.itemrow .em svg{width:100%;height:100%}.itemrow .tx{flex:1;font-size:12px;color:var(--ink2)}.itemrow .tx b{display:block;font-size:14px;color:var(--ink)}.streak{display:flex;gap:6px;justify-content:space-between;margin:8px 0}.streak div{flex:1;text-align:center;font-size:10px;font-weight:800;color:var(--ink3)}.streak .d{width:100%;aspect-ratio:1;border-radius:12px;background:var(--cell);border:2px solid var(--line);display:grid;place-items:center;padding:6px;margin-bottom:2px}.streak .d svg{width:100%;height:100%}.streak .got .d{background:#dff5ef;border-color:var(--teal)}.streak .today .d{border-color:var(--ink);box-shadow:0 0 0 3px var(--gold)}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:9px 16px;border-radius:99px;font-size:13px;font-weight:700;opacity:0;transition:.25s;z-index:95;pointer-events:none;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}.toast.on{opacity:1;transform:translate(-50%)}.ending{background:linear-gradient(#2b3356,#5b4a6e);color:#fff;border-radius:18px;padding:18px;text-align:center}.ending h3{color:#fff}.feverbadge{position:absolute;left:50%;top:6px;transform:translate(-50%);background:var(--accent);color:#fff;border:2px solid var(--ink);border-radius:99px;padding:2px 12px;font-weight:900;font-size:12px;display:none;z-index:6;box-shadow:0 2px 0 var(--ink)}.fever .feverbadge{display:block;animation:pulse .5s infinite}.auth{font:inherit;font-size:16px;font-weight:900;border:0;border-bottom:2px dashed var(--ink3);border-radius:0;background:none;width:100%;color:var(--ink);padding:6px 0;appearance:none;-webkit-appearance:none}.auth:focus{outline:none;border-bottom:2px solid var(--accent)}.auth.bad{border-bottom-color:var(--pink)}.auth-f{margin-top:12px}.auth-f:first-child{margin-top:0}.auth-f .hdr{font-size:13px}.sub.err{margin:4px 0 0;color:var(--pink);font-weight:700}.sub.err:empty{display:none}.sub.err.fe{margin-top:12px}.app.noauth .hud,.app.noauth nav.bn{display:none}.app.noauth .pages{padding-bottom:18px}.set-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.set-row:last-child{border:0;padding-bottom:0}.set-tx{flex:1;min-width:0}.set-tx b{display:block;font-size:14px}.set-tx span{display:block;font-size:12px;line-height:1.5;color:var(--ink2);font-weight:700;margin-top:2px}.set-tx span:first-child{margin-top:0}.set-sw{display:flex;gap:6px;flex:none}.set-sw .btn.sm{min-width:44px}.set-diag{padding-top:8px;font-size:12px}.set-diag summary{cursor:pointer;color:var(--ink2);font-weight:800}.set-diag table{margin-top:6px}.set-diag th{white-space:nowrap;width:1%}.set-ver{text-align:center;margin:4px 0 12px}.linkbtn{display:inline;padding:0;border:0;background:none;color:var(--ink2);font:inherit;font-size:12px;font-weight:800;text-decoration:underline;cursor:pointer}.set-tx .linkbtn{margin-top:4px}select.auth{padding-right:22px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%237a6352' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 2px center}.auth.area{display:block;margin-top:6px;padding:8px 10px;border:2px dashed var(--ink3);border-radius:12px;font-weight:700;line-height:1.55;min-height:110px;resize:vertical}.auth.area:focus{border:2px solid var(--accent)}.auth.area.bad{border-color:var(--pink)}#iqList{margin-top:6px}.iq{padding:10px 0;border-bottom:1px solid var(--line)}.iq:first-child{padding-top:2px}.iq:last-child{border:0;padding-bottom:0}.iq-h{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:900}.iq-h .d{margin-left:auto;font-size:11px;color:var(--ink3);font-weight:700}.iq-b{margin:6px 0 0;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.iq .story{margin:8px 0 0}.iq .pill.gold{display:inline-block;margin-top:8px}.iq-empty{padding:14px 0;text-align:center;font-size:13px;color:var(--ink3);font-weight:700}.iq-rate{display:flex;align-items:center;gap:2px;margin-top:8px;font-size:12px;color:var(--ink2);font-weight:800}.iq-rate span{margin-right:4px}.iq-rate button{border:0;background:none;padding:2px 3px;font:inherit;font-size:22px;line-height:1;color:var(--ink3);cursor:pointer}.iq-rate button.on{color:var(--gold)}.modal p.pwa-note{color:var(--ink);font-weight:900}.modal p.pwa-hint{padding:10px 12px;border-radius:12px;background:var(--cell);color:var(--ink);font-weight:800}.pwa-banner{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(100% - 24px);max-width:406px;z-index:45;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;background:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:0 3px 0 var(--ink);animation:pwain .3s cubic-bezier(.2,1.4,.4,1)}@keyframes pwain{0%{transform:translate(-50%) translateY(14px);opacity:0}}.pwa-banner-icon{flex:none;border-radius:12px}.pwa-banner-tx{flex:1;min-width:0}.pwa-banner-tx b{display:block;font-size:15px;line-height:1.25}.pwa-banner-tx span{display:block;margin-top:2px;font-size:11px;line-height:1.35;color:var(--ink2);font-weight:700}.pwa-banner-x{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:none;color:var(--ink3);font:inherit;font-size:14px;font-weight:900;cursor:pointer}@media(prefers-reduced-motion:reduce){.pwa-banner{animation:none}}html.nopaper body:before{display:none}