:root{--bg: #12142a;--panel: #1f2246;--panel2: #2a2e5c;--line: #3b4085;--ink: #f6f2e8;--muted: #a9acd0;--gold: #ffcc4d;--gold2: #e0a419;--green: #39c983;--green2: #22995e;--red: #ff6b6b;--red2: #c94545;--blue: #4da3ff;--blue2: #2f75c9;--purple: #a78bfa;--gray: #6b6f99;--r: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}[data-act]{cursor:pointer}html,body{margin:0;height:100%;background:#07080f;overflow:hidden;overscroll-behavior:none}body{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}button{font-family:inherit;touch-action:manipulation}#frame{position:relative;margin:0 auto;width:min(100vw,56.25vh);width:min(100vw,56.25dvh);height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}@media (min-aspect-ratio: 9/16){#frame{box-shadow:0 0 60px #000}}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}.btn{border:0;border-radius:var(--r);padding:12px 16px;font-size:16px;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(#5a5fa8,#43478a);box-shadow:0 4px #2b2e63,inset 0 2px #ffffff2e;text-shadow:0 2px 0 rgba(0,0,0,.35);transition:transform .06s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #2b2e63}.btn:disabled{filter:grayscale(.8) brightness(.7);cursor:default}.btn.gold{background:linear-gradient(#ffd966,#f0ad1c);color:#4a2d00;text-shadow:none;box-shadow:0 4px #a86f00,inset 0 2px #ffffff80}.btn.green{background:linear-gradient(#4fe09a,#24a866);box-shadow:0 4px #157043,inset 0 2px #ffffff4d}.btn.red{background:linear-gradient(#ff8080,#e04848);box-shadow:0 4px #8f2626}.btn.blue{background:linear-gradient(#66b6ff,#2f80d6);box-shadow:0 4px #1b4f8a}.btn.small{padding:7px 10px;font-size:13px;border-radius:10px;min-height:40px}.btn.big{padding:16px;font-size:22px;width:100%}.btn.wide{width:100%}.ico{width:18px;height:18px;vertical-align:-3px}.video{display:inline-block;width:20px;height:15px;margin-right:6px;vertical-align:-2px;border-radius:3px;background:#fff;position:relative}.video:after{content:"";position:absolute;left:7px;top:3px;border-left:8px solid #e04848;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}.dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid var(--bg)}.muted{color:var(--muted)}.small{font-size:13px}.gold-t{color:var(--gold)}.panel{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:10px}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--panel2)}img.pix{image-rendering:auto}.title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 78% 14%,#fff6c9 0,#ffd36b 9%,#ffd36b00 16%),linear-gradient(#5aa0e6,#8fd0ff 52%,#8fcf7a 53%,#5fa64a);overflow:hidden}.logo{font-size:64px;font-weight:900;letter-spacing:4px;color:#fff;text-shadow:-4px -4px 0 #2b2622,4px -4px 0 #2b2622,-4px 4px 0 #2b2622,4px 4px 0 #2b2622,0 -4px 0 #2b2622,0 4px 0 #2b2622,-4px 0 0 #2b2622,4px 0 0 #2b2622,0 10px 0 #2b2622,0 14px 30px rgba(0,0,0,.4);transform:rotate(-4deg);margin-top:-120px}.logo small{display:block;font-size:18px;letter-spacing:6px;color:#2b2622;text-shadow:none;font-weight:900;transform:rotate(2deg);margin-top:6px}.march{position:absolute;bottom:22%;left:0;width:100%;height:90px}.march img{position:absolute;bottom:0;height:64px;animation:march 7s linear infinite}.march img.foe{height:58px;animation-duration:7s}@keyframes march{0%{left:-15%}to{left:110%}}.march img:nth-child(odd){animation-name:march,bob;animation-duration:7s,.35s;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate}@keyframes bob{0%{margin-bottom:0}to{margin-bottom:6px}}.tap{position:absolute;bottom:9%;font-size:24px;font-weight:900;color:#fff;text-shadow:-2px -2px 0 #2b2622,2px -2px 0 #2b2622,-2px 2px 0 #2b2622,2px 2px 0 #2b2622,0 -2px 0 #2b2622,0 2px 0 #2b2622,-2px 0 0 #2b2622,2px 0 0 #2b2622;animation:blink 1.1s infinite}@keyframes blink{50%{opacity:.35}}.title-btns{position:absolute;top:14px;right:14px;display:flex;gap:8px;z-index:2}.tapzone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;background:transparent;padding:0}.title .logo,.title .march,.title .tap,.title .ver,button img{pointer-events:none}.ver{position:absolute;bottom:8px;left:10px;font-size:11px;color:#1c3a1c}.intro{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1022;display:flex;flex-direction:column;padding:18px 16px;gap:12px;overflow-y:auto}.comic{background:#fff8e7;color:#2b2622;border:4px solid #2b2622;border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(16px);animation:comicIn .4s forwards}.comic:nth-child(2){animation-delay:.5s}.comic:nth-child(3){animation-delay:1s}.comic img{height:70px}.comic b{font-size:18px}@keyframes comicIn{to{opacity:1;transform:none}}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(#1a1d3d,var(--bg))}.topbar{display:flex;align-items:center;gap:6px;padding:calc(10px + env(safe-area-inset-top)) 10px 6px}.res{display:flex;align-items:center;gap:4px;background:#0d0f22;border:2px solid var(--line);border-radius:999px;padding:3px 10px 3px 6px;font-weight:900;font-size:15px;min-width:0}.res .ico{width:20px;height:20px}.iconbtn{position:relative;width:40px;height:40px;border-radius:12px;border:2px solid var(--line);background:var(--panel2);color:#fff;font-size:18px;font-weight:900;cursor:pointer;flex:none}.quick{display:flex;gap:8px;padding:2px 10px 8px;overflow-x:auto}.qbtn{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:62px;height:58px;border-radius:14px;border:2px solid var(--line);background:var(--panel);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer;gap:2px}.qbtn .q-ico{font-size:20px;line-height:1}.content{flex:1;overflow-y:auto;padding:4px 10px 12px;touch-action:pan-y}.nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#0b0d1f;border-top:2px solid var(--line)}.nav button{position:relative;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;padding:6px 0 4px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.nav button .n-ico{font-size:22px;line-height:1;filter:grayscale(.4)}.nav button.on{background:var(--panel2);color:var(--gold)}.nav button.on .n-ico{filter:none;transform:scale(1.12)}.nav button.lock{opacity:.45}.subtabs{display:flex;gap:6px;margin-bottom:10px}.subtabs button{flex:1;border:2px solid var(--line);background:var(--panel);color:var(--muted);padding:8px;border-radius:12px;font-weight:900;font-size:14px;cursor:pointer}.subtabs button.on{background:var(--panel2);color:var(--gold);border-color:var(--gold2)}.chapter{border-radius:var(--r);padding:14px;margin-bottom:10px;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.25)}.chapter h2{margin:0;font-size:24px;text-shadow:0 2px 0 rgba(0,0,0,.45)}.chapter .rule{font-size:13px;opacity:.95;margin-top:2px}.chapter .arrows{position:absolute;top:10px;right:10px;display:flex;gap:6px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.lv{position:relative;aspect-ratio:1;border-radius:16px;border:3px solid var(--line);background:var(--panel);color:#fff;font-weight:900;font-size:17px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.lv .st{font-size:10px;letter-spacing:-1px;color:var(--gold);min-height:12px}.lv.done{background:linear-gradient(#3a3f80,#2a2e5c)}.lv.cur{border-color:var(--gold);box-shadow:0 0 0 3px #ffcc4d4d}.lv.sel{background:linear-gradient(#ffd966,#f0ad1c);color:#4a2d00;border-color:#fff}.lv.sel .st{color:#7a4a00}.lv.boss{border-radius:50%}.lv.lock{opacity:.4;cursor:default}.power{display:flex;justify-content:space-between;align-items:center;font-weight:900}.power .ok{color:var(--green)}.power .bad{color:var(--red)}.foes{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.foes img{height:40px;background:#0d0f22;border-radius:10px;padding:3px;border:2px solid var(--line)}.warn{background:#ff6b6b26;border:2px solid var(--red2);border-radius:12px;padding:8px 10px;font-size:13px;margin:8px 0}.item{display:flex;align-items:center;gap:10px;background:var(--panel);border:2px solid var(--line);border-radius:var(--r);padding:10px;margin-bottom:8px}.item .thumb{width:54px;height:54px;flex:none;border-radius:12px;background:#0d0f22;display:flex;align-items:center;justify-content:center;font-size:26px;border:2px solid var(--line);overflow:hidden}.item .thumb img{max-width:50px;max-height:50px}.item b{font-size:15px}.item .desc{font-size:12px;color:var(--muted)}.item.lockd{opacity:.55}.lvtag{font-size:12px;color:var(--gold);font-weight:900;margin-left:4px}.bar{height:8px;background:#0d0f22;border-radius:99px;overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold))}.cost{display:inline-flex;align-items:center;gap:3px}.paper{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;align-items:center;margin-bottom:10px}.paper .hero{grid-row:1 / 3;grid-column:2;display:flex;justify-content:center}.paper .hero img{width:120px}.slotbox{border:2px dashed var(--line);border-radius:14px;padding:8px;text-align:center;font-size:12px;min-height:64px;background:var(--panel)}.slotbox b{display:block;font-size:13px}.offer{position:relative;display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#3b2a6e,#23264a);border:2px solid var(--purple);border-radius:var(--r);padding:12px;margin-bottom:10px}.offer.hot{background:linear-gradient(135deg,#6e4a12,#2a2346);border-color:var(--gold)}.offer .tag{position:absolute;top:-9px;left:12px;background:var(--red);color:#fff;font-size:11px;font-weight:900;padding:1px 8px;border-radius:99px}.price{min-width:92px}.proto{font-size:12px;color:var(--muted);text-align:center;margin:4px 0 10px}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud .top{position:absolute;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 10px 0;display:flex;gap:8px;align-items:center}#hud .chip{background:#0a0c1eb8;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:5px 10px;font-weight:900;font-size:15px;white-space:nowrap}@media (max-width: 400px){#hud .top{gap:5px;padding:8px 6px 0}#hud .chip{padding:4px 7px;font-size:13px}#hud .eggs .ico{width:13px;height:16px}}#hud .eggs{display:flex;gap:2px;align-items:center}#hud .eggs .ico{width:16px;height:19px}#hud .eggs.many{gap:0;padding-left:6px;padding-right:6px}#hud .eggs.many .ico{width:11px;height:14px}#hud .pause.dev{width:34px;font-size:15px}@media (max-width: 340px){#hud .top{gap:3px;padding:6px 4px 0}#hud .chip{padding:3px 5px;font-size:12px}#hud .eggs.many .ico,#hud .eggs .ico{width:8px;height:11px}#hud .pause{width:32px;height:34px;font-size:14px}#hud .pause.dev{width:28px}}@media (max-width: 400px){#hud .pause{width:36px;height:38px}#hud .pause.dev{width:30px}#hud .eggs.many .ico{width:9px;height:12px}#hud .eggs.many{padding-left:4px;padding-right:4px}}#hud .eggs .lostegg{opacity:.25;filter:grayscale(1)}#hud .eggs .carried{opacity:.6;animation:blink .5s infinite}#hud button{pointer-events:auto}#hud .pause{width:42px;height:42px;border-radius:12px;border:2px solid rgba(255,255,255,.25);background:#0a0c1eb8;color:#fff;font-size:18px;font-weight:900}.bossbar{position:absolute;top:calc(62px + env(safe-area-inset-top));left:14px;right:72px;text-align:center;font-weight:900;font-size:14px;text-shadow:0 2px 0 #000}.bossbar .bar{height:12px;border:2px solid #000;background:#300}.bossbar .bar i{background:linear-gradient(90deg,#ff3b3b,#ff8a3b);transition:width .15s}.windc{position:absolute;top:calc(62px + env(safe-area-inset-top));right:12px;width:50px;height:50px;border-radius:50%;background:#0a0c1eb8;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900}.skills{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:14px}.skill{position:relative;width:74px;height:74px;border-radius:50%;border:3px solid #fff;background:radial-gradient(#5a5fa8,#2a2e5c);color:#fff;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;box-shadow:0 4px #15173a;overflow:hidden}.skill .s-ico{font-size:28px;line-height:1.05}.skill .cdv{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(rgba(0,0,0,.65) var(--p, 0%),transparent 0);display:flex;align-items:center;justify-content:center;font-size:22px}.mode{position:absolute;bottom:calc(96px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:13px;font-weight:900;background:#0a0c1e99;padding:3px 12px;border-radius:99px}.bigmsg{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:42px;font-weight:900;color:#fff;text-shadow:-3px -3px 0 #2b2622,3px -3px 0 #2b2622,-3px 3px 0 #2b2622,3px 3px 0 #2b2622,0 -3px 0 #2b2622,0 3px 0 #2b2622,-3px 0 0 #2b2622,3px 0 0 #2b2622,0 6px 0 #2b2622;opacity:0;pointer-events:none}.bigmsg.show{animation:msg 1.5s forwards}@keyframes msg{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.08)}25%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.newfoe{position:absolute;top:108px;z-index:5;left:12px;right:12px;display:flex;gap:10px;align-items:center;background:#fff8e7f5;color:#2b2622;border:3px solid #2b2622;border-radius:14px;padding:8px 12px;transform:translateY(calc(-100% - 140px));transition:transform .3s}.newfoe.show{transform:none}.newfoe img{height:54px}.newfoe b{font-size:17px}#tut{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bubble{position:absolute;left:16px;right:16px;top:22%;background:#fff8e7;color:#2b2622;border:4px solid #2b2622;border-radius:16px;padding:12px 14px;font-size:18px;font-weight:900;text-align:center;box-shadow:0 6px #0000004d}.bubble small{display:block;font-size:13px;font-weight:700;color:#6b5a45;margin-top:4px}.hand{position:absolute;font-size:54px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.4))}.hand.drag{animation:drag 1.8s ease-in-out infinite;left:45%;top:62%}@keyframes drag{0%{transform:translate(0);opacity:0}15%{opacity:1}70%{transform:translate(-90px,-170px);opacity:1}to{transform:translate(-90px,-170px);opacity:0}}.hand.swipe{animation:swipe 1.1s ease-out infinite;left:40%;top:66%}@keyframes swipe{0%{transform:translate(0);opacity:1}60%{transform:translate(120px,-120px);opacity:1}to{transform:translate(140px,-140px);opacity:0}}.hand.lift{animation:lift 1.2s ease-in-out infinite;left:45%;top:58%}@keyframes lift{0%,40%{transform:translateY(0)}70%,to{transform:translateY(-40px);opacity:.3}}#modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#050610b8;display:flex;align-items:center;justify-content:center;padding:14px;z-index:50}#modal[hidden]{display:none}#modal-box{width:100%;max-height:92%;overflow-y:auto;background:var(--panel);border:3px solid var(--gold2);border-radius:18px;padding:16px;animation:pop .2s forwards;touch-action:pan-y}#modal-box h2{margin:0 0 8px;text-align:center;font-size:24px;color:var(--gold)}.mbtns{display:grid;gap:10px;margin-top:14px}.mbtns.two{grid-template-columns:1fr 1fr}.stars{text-align:center;font-size:46px;letter-spacing:6px;color:#555a8a;margin:4px 0}.stars span.on{color:var(--gold);display:inline-block;animation:star .5s backwards}.stars span.on:nth-child(2){animation-delay:.25s}.stars span.on:nth-child(3){animation-delay:.5s}@keyframes star{0%{transform:scale(2.2) rotate(-30deg);opacity:0}}.reward{display:flex;justify-content:center;gap:14px;font-size:22px;font-weight:900;margin:8px 0;flex-wrap:wrap}.reward .ico{width:26px;height:26px;vertical-align:-5px}.unl{background:var(--panel2);border-radius:12px;padding:8px 10px;margin:6px 0;font-weight:800;font-size:14px}.cards{display:grid;gap:10px}.cardopt{display:flex;gap:12px;align-items:center;text-align:left;border:3px solid var(--line);background:linear-gradient(#2f3470,#23264a);color:#fff;border-radius:16px;padding:12px;cursor:pointer;font-family:inherit;box-shadow:0 4px #15173a}.cardopt .c-ico{font-size:34px}.cardopt b{font-size:18px;color:var(--gold);display:block}.cardopt:active{transform:translateY(3px)}.cardopt.sel{border-color:var(--gold);background:linear-gradient(#4a4f9a,#34387a);box-shadow:0 0 0 3px #ffd96673,0 4px #15173a}.adbox{text-align:center;padding:30px 0}.adbox .count{font-size:64px;font-weight:900;color:var(--gold)}.guide{display:grid;gap:10px}.guide .g{display:flex;gap:10px;align-items:center;background:var(--panel2);border-radius:12px;padding:10px}.guide .g .gi{font-size:30px;width:44px;text-align:center;flex:none}.signin{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.signin div{background:var(--panel2);border:2px solid var(--line);border-radius:12px;padding:6px 4px;text-align:center;font-size:11px;min-height:66px}.signin div.got{opacity:.45}.signin div.today{border-color:var(--gold)}.signin div.d7{grid-column:span 4;font-size:13px}.passrow{display:grid;grid-template-columns:34px 1fr 1fr;gap:6px;align-items:center;margin-bottom:6px;font-size:12px}.passrow .t{font-weight:900;text-align:center}.passrow .rw{background:var(--panel2);border:2px solid var(--line);border-radius:10px;padding:6px;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:4px}.passrow .rw.prem{border-color:var(--gold2);background:#3a2f18}#toast{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:#000000d9;color:#fff;padding:8px 16px;border-radius:16px;font-weight:800;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:60;max-width:90%;width:max-content;text-align:center}#toast.show{opacity:1}.topbar .res{font-size:13px;padding:2px 8px 2px 5px}.plv{flex:none;display:grid;grid-template-columns:auto;gap:1px;background:linear-gradient(#5a5fa8,#3b4085);border:2px solid var(--gold);border-radius:12px;padding:2px 7px;min-width:62px}.plv b{font-size:14px;line-height:1.1;color:var(--gold)}.plv small{font-size:9px;color:var(--muted);line-height:1}.xpbar{height:5px;background:#0d0f22;border-radius:3px;overflow:hidden}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#7ef0a8,#39c983)}.qbtn.locked{opacity:.55;filter:grayscale(.7)}.qbtn .lvneed{font-size:9px;color:var(--gold);line-height:1}.questbar{padding:0 10px 6px}.quest{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#3a2f18,var(--panel));border:2px solid var(--gold2);border-radius:14px;padding:6px 8px}.quest.ok{border-color:var(--gold);box-shadow:0 0 12px #ffcc4d73;animation:questGlow 1.4s ease-in-out infinite}.quest.done{justify-content:center;font-weight:800;color:var(--gold);padding:10px}.quest .qi{font-size:24px}.quest small{display:block;font-size:10px;color:var(--gold)}.quest b{display:block;font-size:14px}.quest .qr{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.quest .qr .ico{width:13px;height:13px}.quest .xp{color:#7ef0a8;font-weight:800}@keyframes questGlow{50%{box-shadow:0 0 22px #ffcc4dcc}}.xpgain{text-align:center;color:#7ef0a8;font-weight:900;margin-top:4px}.lvup{text-align:center;background:#3a2f18;border:2px solid var(--gold);border-radius:12px;padding:6px;margin-top:6px;font-weight:800}.lvupbox{text-align:center}.lvupbox .burst{font-size:56px;animation:pop .6s ease-out}.lvupbox h2{color:var(--gold);font-size:30px;margin:0 0 6px}.lvupbox .unl{text-align:left}@keyframes pop{0%{transform:scale(.2)}70%{transform:scale(1.25)}to{transform:scale(1)}}#guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}#guide .g-spot{position:fixed;box-shadow:0 0 0 9999px #050614ad;border:3px solid var(--gold);border-radius:14px;transition:all .25s ease;pointer-events:none}#guide .g-hand{position:fixed;font-size:40px;pointer-events:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5));animation:tapHand .9s ease-in-out infinite}@keyframes tapHand{50%{transform:translateY(-12px)}}#guide .g-bubble{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(92vw,400px);background:#fffaf0;color:#2b2622;border:4px solid #2b2622;border-radius:18px;padding:10px 14px;box-shadow:0 6px #00000059;font-size:16px;line-height:1.5}#guide .g-bubble.top{bottom:auto;top:20px}#guide .g-who{display:flex;align-items:center;gap:6px;margin-bottom:2px}#guide .g-who img{width:34px;height:34px;object-fit:contain}#guide .g-who b{background:#2b2622;color:var(--gold);border-radius:8px;padding:1px 8px;font-size:13px}#guide .g-text b{color:#c0392b}#guide .g-tip{margin-top:4px;font-size:12px;color:#8a7a66;text-align:right;font-weight:800}#guide .g-skip{position:fixed;right:12px;top:12px;background:#00000080;color:#fff;border:1px solid #fff6;border-radius:99px;padding:4px 12px;font-size:12px;cursor:pointer}#deco,.side{display:none}body.wide{background:radial-gradient(ellipse at 50% 40%,#6fbf55,#4c9a3c 55%,#2f6b2a)}body.wide #deco{display:block;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body.wide #deco img{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 0 rgba(0,0,0,.18))}body.wide #frame{box-shadow:0 0 0 6px #2b2622,0 20px 60px #0000008c;border-radius:18px}body.wide .side{display:grid;gap:12px;position:fixed;top:50%;transform:translateY(-50%);width:270px;max-height:96vh;overflow-y:auto;z-index:5}body.wide #sideL{right:calc(50% + var(--fw) / 2 + 28px)}body.wide #sideR{left:calc(50% + var(--fw) / 2 + 28px)}.side .sp-logo{font-size:34px;font-weight:900;color:#fff7d6;text-align:center;-webkit-text-stroke:0;text-shadow:0 3px 0 #2b2622,2px 0 0 #2b2622,-2px 0 0 #2b2622,0 -2px 0 #2b2622,0 6px 0 rgba(0,0,0,.25);line-height:1.1}.side .sp-logo small{display:block;font-size:12px;letter-spacing:3px;color:var(--gold)}.side .sp-card{background:#fffaf0;color:#2b2622;border:4px solid #2b2622;border-radius:16px;padding:10px 14px;box-shadow:0 5px #00000040;font-size:14px}.side .sp-card h3{margin:0 0 6px;font-size:16px}.side dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center}.side dt{font-weight:800;white-space:nowrap}.side dd{margin:0;color:#5d5246}.side kbd,.skill kbd{display:inline-block;min-width:20px;padding:0 5px;border:2px solid #2b2622;border-bottom-width:4px;border-radius:6px;background:#fff;color:#2b2622;font-family:inherit;font-weight:800;font-size:12px;line-height:16px;text-align:center}.side .sp-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.side .sp-row .ico{width:16px;height:16px;vertical-align:-3px}.side .ok{color:#1e8f4e}.side .bad{color:#c0392b}.side .sp-warn{margin-top:6px;background:#ffe3e0;border:2px solid #c0392b;border-radius:10px;padding:4px 8px;font-weight:800;color:#a5281b}.side .sp-good{margin-top:6px;background:#ddf7e5;border:2px solid #1e8f4e;border-radius:10px;padding:4px 8px;font-weight:800;color:#1e6f3e}.side .xpbar.big{height:10px;border:2px solid #2b2622;background:#e8dcc6}.side .muted{color:#8a7a66}.skill{position:relative}.skill kbd{position:absolute;left:4px;top:4px;font-size:10px;line-height:13px;min-width:16px;padding:0 3px;border-bottom-width:3px}@media (hover: hover) and (pointer: fine){.btn:hover:not(:disabled),.qbtn:hover,.nav button:hover,.lv:hover:not(.lock),.skill:hover{filter:brightness(1.12);transform:translateY(-1px)}.cardopt:hover{border-color:var(--gold)}}#aim{position:fixed;z-index:80;transform:translate(-50%,-50%);border-radius:50%;border:3px dashed rgba(255,255,255,.75);background:#ffffff14;pointer-events:none;display:none}#aim.on{border-color:var(--gold);background:#ffcc4d2e;box-shadow:0 0 18px #ffcc4d99}#aim:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #2b2622}#aim span{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;background:#000000bf;color:#fff;font-size:13px;font-weight:800;padding:2px 8px;border-radius:99px}.mode.rush{background:linear-gradient(90deg,#ff7a2f,#ffb547)!important;color:#3a1500!important;font-weight:900;box-shadow:0 0 14px #ff8c32cc;animation:rushPulse .5s ease-in-out infinite alternate}@keyframes rushPulse{to{transform:scale(1.08)}}