[hidden]{display:none!important}:root{--bg:#4a93c3;--card:#fffaf0;--ink:#1d1a17;--pink:#d9566a;--teal:#2a7f86;--gold:#e8b923;--soft:#ece2cd;--green:#2f8a4a;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--panel-h:170px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font:16px/1.35 ui-rounded,Trebuchet MS,system-ui,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}button{font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation}a{color:var(--ink)}#cv{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.card{background:var(--card);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);-webkit-overflow-scrolling:touch;touch-action:pan-y;border-radius:18px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);padding:18px 18px 16px;animation:.35s cubic-bezier(.2,1.4,.4,1) cardIn;position:relative;overflow:auto}@keyframes cardIn{0%{opacity:0;transform:translateY(26px)scale(.94)}}.card.wide{width:min(720px,100vw - 20px)}.card.center{text-align:center}.card h2{margin:0 0 8px;font-size:24px}.card h3{margin:14px 0 6px;font-size:18px}.lead{margin:0 0 12px;font-size:16px}.lead.small,.small{font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.row.center{justify-content:center}.row.two>*{flex:1 1 0}.screen button,.hud button,.coach button,.sheet button,.panel button,.side button,.turnchip button{border:2.5px solid var(--ink);background:var(--card);min-height:46px;box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:8px 16px;font-size:16px;font-weight:800;transition:transform .1s,background .2s}.screen button:active,.hud button:active,.coach button:active,.sheet button:active,.panel button:active,.side button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--pink);color:#fff}button.big{width:100%;min-height:56px;margin-top:8px;font-size:21px}button.daily{background:#fdf0c4}button.link{font-weight:700;text-decoration:underline;box-shadow:none!important;background:0 0!important;border-color:#0000!important}button small{opacity:.8;font-size:14px;font-weight:700}.x{z-index:2;width:46px;height:46px;position:absolute;top:10px;right:10px;border-radius:50%!important;padding:0!important}.sheethead{min-height:46px;padding-right:54px;position:relative}.sheethead .x{top:-6px;right:-6px}.bar2{border:2px solid var(--ink);background:var(--soft);border-radius:8px;height:12px;overflow:hidden}.bar2 i{background:linear-gradient(90deg, var(--pink), var(--gold));width:0;height:100%;transition:width .3s;display:block}.screen{z-index:30;background:#14283c8c;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.screen.clear{pointer-events:none;background:0 0}.screen.clear .card{pointer-events:auto}.round{place-items:center;width:46px;height:46px;display:grid;border-radius:50%!important;padding:0!important;font-size:20px!important}#title{padding-bottom:calc(16px + var(--safe-b));place-items:end center}.title-card{text-align:center;background:#fffaf0f0;width:min(400px,100vw - 24px);padding:14px 16px 12px}.logo{letter-spacing:-1px;margin:0;font-size:46px;line-height:.9}.logo .l1{color:var(--ink);display:block}.logo .l2{color:var(--teal);text-shadow:3px 3px 0 var(--ink);animation:2.4s ease-in-out infinite alternate bob;display:block}@keyframes bob{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-4px)rotate(2deg)}}.sub{margin:8px 0 4px;font-size:15px}.money{opacity:.85;margin:8px 0 2px;font-size:14px}.bestline{margin:4px 0;font-size:14px}.credit,.backlink{align-items:center;min-height:44px;padding:0 10px;font-size:15px;font-weight:700;display:inline-flex}@media (width>=900px) and (height>=600px){#title{place-items:center start;padding-left:5vw}}.hud{z-index:10;padding:calc(6px + var(--safe-t)) 8px 4px;pointer-events:none;align-items:center;gap:6px;display:flex;position:fixed;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud .round{flex:none}.hud .turn,.hud .res,.hud .skillbtn{justify-content:center;align-items:center;gap:4px;min-height:46px;line-height:1.05;display:flex;padding:2px 10px!important}.hud .turn{flex-direction:column;flex:0 auto;min-width:0}.hud .turn b{white-space:nowrap;font-size:15px}.hud .turn small{white-space:nowrap;font-size:14px;font-weight:700}.hud .res b{font-size:17px}.hud .res small{color:var(--green);font-size:14px;font-weight:800}.hud #h-pl{color:var(--ink);opacity:.75}@media (width<=380px){.hud #h-pl{display:none}}.hud .res img{object-fit:contain;width:20px;height:26px}.hud .skillbtn{background:#fdf0c4;min-width:48px;margin-left:auto}.hud .skillbtn.can{background:#ffe08a;animation:1.1s ease-in-out infinite alternate pulse}.hud .skillbtn .lbl{font-size:15px}@media (width<=400px){.hud .skillbtn .lbl{display:none}.hud{gap:4px;padding-left:6px;padding-right:6px}.hud .turn,.hud .res,.hud .skillbtn{padding:2px 8px!important}}@keyframes pulse{to{transform:scale(1.06)}}.bump{animation:.4s bumpA}@keyframes bumpA{40%{transform:scale(1.18)}}.side{z-index:9;right:8px;top:calc(62px + var(--safe-t));flex-direction:column;gap:8px;display:flex;position:fixed}.turnchip{left:50%;top:calc(62px + var(--safe-t));z-index:11;background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 130px);padding:4px 4px 4px 14px;font-size:15px;font-weight:800;display:flex;position:fixed;transform:translate(-50%)}.turnchip span{text-overflow:ellipsis;overflow:hidden}.turnchip button{min-height:44px;padding:4px 12px;font-size:14px}.panel{z-index:10;border-top:3px solid var(--ink);padding:6px 8px calc(6px + var(--safe-b));background:#fffaf0f7;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.pinfo{align-items:center;gap:10px;min-height:58px;font-size:15px;display:flex}.pinfo .thumb{flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative}.pinfo .thumb img{object-fit:contain;max-width:56px;max-height:56px}.pinfo .thumb .tb{font-size:14px;position:absolute;top:-2px;left:-2px}.pinfo .txt{flex:auto;min-width:0}.pinfo .txt b.h{white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.pinfo .txt .s{font-size:14px;display:block}.nums{flex-wrap:wrap;gap:4px 10px;font-size:14px;font-weight:700;display:flex}.nums span{white-space:nowrap}.hpbar{border:2px solid var(--ink);background:var(--soft);vertical-align:middle;border-radius:6px;width:70px;height:9px;display:inline-block;overflow:hidden}.hpbar u{background:#5cbf5a;height:100%;display:block}.pips{vertical-align:middle;gap:3px;display:inline-flex}.pips i{border:2px solid var(--ink);background:#fff;border-radius:50%;width:12px;height:12px}.pips i.on{background:var(--green)}.pacts{touch-action:pan-x;scrollbar-width:thin;gap:6px;min-height:56px;padding:2px 2px 4px;display:flex;overflow:auto hidden}.pacts button{flex:none;align-items:center;gap:6px;min-height:48px;font-size:15px;display:inline-flex;border-radius:14px!important;padding:4px 12px!important}.pacts button .c{align-items:center;gap:2px;font-size:14px;font-weight:800;display:inline-flex}.pacts button .c img{object-fit:contain;width:14px;height:18px}.pacts button.go{background:#8fd18c}.pacts button.atk{background:#ffb3a8}.pacts button.lock{opacity:.55}.pacts .train{flex-direction:column;gap:0;min-width:84px;line-height:1.1}.pacts .train img{object-fit:contain;width:34px;height:30px}.pacts .train .nm{font-size:14px}.psum{display:none}.pend{gap:6px;display:flex}.pend button{min-height:48px;font-size:15px;padding:4px 10px!important}.pend #p-end{flex:auto;font-size:18px}.pend #p-end.ready{animation:1s ease-in-out infinite alternate pulse}.pred{border:2px solid var(--ink);background:#fff;border-radius:12px;padding:6px 8px;font-size:14px}.pred b{font-size:15px}@media (width>=900px) and (aspect-ratio>=5/4){.panel{left:auto;right:0;top:calc(62px + var(--safe-t));border:3px solid var(--ink);border-bottom:0;border-right:0;border-radius:16px 0 0;gap:10px;width:340px;padding:10px}.pinfo{align-items:flex-start}.pacts{touch-action:pan-y;flex-wrap:wrap;flex:auto;align-content:flex-start;overflow:hidden auto}.pend{flex-wrap:wrap}.psum{border-top:2px dashed #b8ab8f;padding-top:8px;font-size:14px;display:block}.psum h4{margin:0 0 4px;font-size:15px}.psum .rk{align-items:center;gap:8px;padding:2px 0;font-size:15px;display:flex}.psum .rk b{margin-left:auto}.psum .rk.me{font-weight:800}.psum .sk2{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.psum .sk2 span{border:2px solid var(--ink);background:#d6f0cc;border-radius:999px;padding:1px 8px;font-size:14px}.side{right:352px}.coach{left:calc(50% - 170px)!important}.tip{bottom:24px!important;left:calc(50% - 170px)!important}.turnchip{left:calc(50% - 170px)}.credit-foot{bottom:8px!important}}.coach{left:50%;top:calc(62px + var(--safe-t));z-index:11;border:3px solid var(--ink);width:min(440px,100vw - 72px);box-shadow:3px 3px 0 var(--ink);background:#fffaf0;border-radius:16px;padding:10px 12px 6px;font-size:16px;position:fixed;transform:translate(-50%)}.coach .crow{justify-content:space-between;align-items:center;gap:6px;display:flex}.coach .crow button{min-height:44px;font-size:15px}.coach.shake{animation:.35s shake}@keyframes shake{25%{transform:translate(calc(-50% - 6px))}75%{transform:translate(calc(6px - 50%))}}.tip{z-index:13;left:50%;bottom:calc(var(--panel-h) + 10px);background:var(--ink);color:#fff;text-align:center;pointer-events:none;border-radius:14px;width:max-content;max-width:min(420px,100vw - 80px);padding:8px 14px;font-size:15px;font-weight:700;animation:.2s pop;position:fixed;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}}.banner{z-index:14;text-align:center;pointer-events:none;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)}.banner b{color:#fff;text-shadow:3px 3px 0 var(--ink), -1px -1px 0 var(--ink);white-space:nowrap;font-size:34px;display:block}.banner small{color:#fff;text-shadow:2px 2px 0 var(--ink);font-size:18px;font-weight:800;display:block}.banner.show{animation:1.8s forwards bannerA}@keyframes bannerA{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}25%{transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.sheet{z-index:20;background:#14283c59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-card{background:var(--card);border:3px solid var(--ink);width:min(560px,100vw);max-height:78dvh;padding:14px 16px calc(14px + var(--safe-b));touch-action:pan-y;border-bottom:0;border-radius:18px 18px 0 0;animation:.28s cubic-bezier(.2,1.2,.4,1) sheetIn;position:relative;overflow:auto}@media (width<=600px){.sheet-card{padding-left:42px}}@keyframes sheetIn{0%{opacity:0;transform:translateY(40%)}}.sheet-card .x{top:8px;right:8px}.sheet h2{margin:0 54px 6px 0;font-size:22px}.list{flex-direction:column;gap:6px;margin:6px 0;display:flex}.list .item{border:2px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-size:15px;display:flex}.list .item .grow{flex:auto;min-width:0}.real{text-align:left;background:#fff;border:2px dashed #8a8070;border-radius:12px;max-width:460px;margin:12px auto 4px;padding:8px 10px}.real .lbl{opacity:.75;margin-bottom:4px;font-size:14px;display:block}.real .row2{align-items:center;gap:10px;display:flex}.real img{object-fit:contain;flex:none;width:64px;height:64px}.real b{font-size:15px;display:block}.real a{margin-right:10px;font-size:15px;font-weight:800}.seg{gap:6px;margin:4px 0 8px;display:flex}.seg button{flex:1 1 0;padding:6px 8px!important}.seg button.on{background:#ffe08a}.maplist{gap:10px;display:grid}.mapc{border:2.5px solid var(--ink);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.mapc.locked{background:#eee6d6}.mapc h3{margin:0;font-size:18px}.mapc .stars{letter-spacing:2px;font-size:18px}.mapc .stars .off{opacity:.25}.mapc p{grid-column:1/-1;margin:0;font-size:14px}.mapc .who{grid-column:1/-1;font-size:14px;font-weight:700}.mapc .rand{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.mapc .rand button{font-size:15px;padding:4px 10px!important}.mapc .rand button.on{background:#ffe08a}.tree{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tree .br{text-align:center;font-size:14px;font-weight:800}.sk{border:2.5px solid var(--ink);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:6px 4px;font-size:14px;display:flex;box-shadow:2px 2px 0 var(--ink)!important;border-radius:14px!important;padding:6px 4px!important;font-weight:600!important}.sk img{object-fit:contain;width:40px;height:40px}.sk b{font-size:14px;line-height:1.1}.sk .g{font-size:14px;font-weight:500;line-height:1.15}.sk .c{align-items:center;gap:2px;font-weight:800;display:inline-flex}.sk .c img{width:14px;height:18px}.sk.known{background:#d6f0cc}.sk.can{background:#fff3b0}.sk.locked{opacity:.55}.sk.glow{outline:4px solid #f2b84b;animation:.8s ease-in-out infinite alternate pulse}@media (width<=520px){.tree{grid-template-columns:repeat(2,minmax(0,1fr))}.tree .br{text-align:left;grid-column:1/-1;margin-top:4px}}.bigstars{letter-spacing:6px;margin:4px 0;font-size:38px}.bigstars .off{opacity:.25}.ranks{text-align:left;flex-direction:column;gap:6px;max-width:420px;margin:8px auto;display:flex}.ranks .rk{border:2px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-size:15px;display:flex}.ranks .rk.me{background:#ffe8ee}.ranks .rk b{margin-left:auto;font-size:18px}.ranks .sym{text-align:center;width:24px;font-size:20px}.parts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin:8px 0;font-size:14px;display:grid}.parts div{border:2px solid var(--ink);background:#fff;border-radius:10px;justify-content:space-between;gap:6px;padding:4px 8px;display:flex}.chimg{object-fit:contain;max-width:120px;max-height:120px;margin:6px auto;display:block}.tabs2{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tabs2 button.on{background:#ffe08a}.bookgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.bk{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:6px;font-size:14px;display:flex;box-shadow:none!important;border-radius:12px!important;font-weight:600!important}.bk img{object-fit:contain;width:72px;height:72px}.bk .q{background:var(--soft);border-radius:10px;place-items:center;width:72px;height:72px;font-size:34px;display:grid}.bk span{font-size:14px;line-height:1.15}.viewer img{object-fit:contain;max-width:100%;max-height:50dvh}.repgrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin:8px 0;display:grid}.repgrid div{border:2px solid var(--ink);background:#fff;border-radius:12px;padding:6px;font-size:14px}.repgrid b{font-size:20px;display:block}.pic{object-fit:contain;border:2px solid var(--ink);background:#fff;border-radius:6px;max-width:min(280px,70vw);max-height:30dvh;margin:8px auto;padding:6px;display:block;transform:rotate(-2deg)}.howpage{min-height:160px;font-size:16px}.howpage h3{margin-top:2px}.howpage .pics{justify-content:center;gap:10px;margin:8px 0;display:flex}.howpage .pics img{object-fit:contain;width:64px;height:64px}.dots{letter-spacing:4px;font-size:18px}pre.share{white-space:pre-wrap;border:2px solid var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:10px;max-width:340px;margin:8px auto;padding:8px;font:700 16px/1.3 ui-monospace,monospace}.credit-foot{z-index:8;font-size:14px;position:fixed;bottom:8px;left:8px}.credit-foot a{background:#fffaf0cc;border-radius:999px;align-items:center;min-height:44px;padding:0 8px;font-weight:700;display:inline-flex}body.playing .credit-foot,body.title .credit-foot{display:none}@media (width<=600px){.screen .card:not(.title-card){padding-left:40px}}.pinfo .txt .pred{margin-top:4px}.c{align-items:center;gap:2px;font-weight:800;display:inline-flex}.c img{object-fit:contain;width:14px;height:18px}