:root{color-scheme:light;--paper:#e2b43c;--paper-hi:#efcb62;--ink:#1d1915;--son:#a3332a;--la:#2f6a4c;--diep:#f2ecde;--display:"Playfair Display","Times New Roman",serif;--body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;--han:"Ma Shan Zheng","KaiTi","STKaiti",serif}[hidden]{display:none!important}html,body{height:100%;margin:0;background:var(--paper);color:var(--ink);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--body);transition:background-color .6s}*{touch-action:manipulation;-webkit-touch-callout:none}#cv{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.ov{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:14px;padding:16px;box-sizing:border-box;text-align:center;z-index:5;overflow-y:auto}.sheet{background:#f2ecdef0;border:3px solid var(--ink);outline:1px solid var(--ink);outline-offset:4px;padding:24px 28px 22px;max-width:min(560px,92vw);box-shadow:6px 6px #1d191540;box-sizing:border-box}.sheet.wide{max-width:min(860px,94vw);width:100%}.sheet h1,.sheet h2{font-family:var(--display);font-weight:900;margin:0;letter-spacing:.02em;line-height:1.05;text-wrap:balance}.sheet h1{font-size:clamp(34px,7vw,56px)}.sheet h2{font-size:clamp(26px,5vw,38px)}.sheet .han{font-family:var(--han);font-size:28px;color:var(--son);margin:4px 0 8px;letter-spacing:.2em}.sheet p{margin:8px auto 0;font-size:15px;line-height:1.55;max-width:46ch}.sheet .how{font-size:13px;color:#4a3f33;margin-top:12px}#instPeek{position:fixed;left:0;bottom:0;z-index:9;display:flex;align-items:flex-end;pointer-events:none}#instPeek canvas{width:120px;height:120px;margin-bottom:calc(-8px + env(safe-area-inset-bottom)*0);flex:none}#instPeek .bub{pointer-events:auto;position:relative;margin:0 10px calc(70px + env(safe-area-inset-bottom)) -18px;max-width:min(250px,62vw);background:#f2ecde;border:2.5px solid var(--ink);border-radius:14px;padding:10px 12px;box-shadow:3px 3px #1d19154d;font-family:var(--body);font-size:14px;line-height:1.4;text-align:left;animation:instIn .4s ease-out}#instPeek .bub:before{content:"";position:absolute;left:-12px;bottom:14px;border:10px solid transparent;border-right-color:var(--ink);border-left:0}#instPeek .bub p{margin:0}#instPeek .bt{display:flex;gap:8px;margin-top:8px}#instPeek .btn{font-size:14px;padding:6px 12px}#instArrow{position:fixed;z-index:10;pointer-events:none;width:44px;height:60px}#instArrow.down{animation:instBobD .8s ease-in-out infinite}#instArrow.up{transform:rotate(180deg);animation:instBobU .8s ease-in-out infinite}@keyframes instBobD{0%,to{translate:0 -10px}50%{translate:0 0}}@keyframes instBobU{0%,to{translate:0 10px}50%{translate:0 0}}@keyframes instIn{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}#bChapTop{position:fixed;z-index:6;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));width:46px;height:46px;border-radius:50%;border:2.5px solid var(--ink);background:#f2ecde;color:var(--ink);font-size:24px;font-weight:700;line-height:1;cursor:pointer;box-shadow:2px 2px #1d191559;display:grid;place-items:center;padding:0}#album{padding-top:calc(66px + env(safe-area-inset-top))}#bChapTop:active{transform:translate(1px,1px);box-shadow:1px 1px #1d191559}#aGroup{display:inline-flex;align-items:center;gap:8px;margin:14px auto 0;align-self:center;font-family:var(--body);font-size:15px;font-weight:700;color:#2f5f8f;text-decoration:none;padding:6px 10px;text-align:left;max-width:min(420px,90vw)}#aGroup svg{flex:none}#aGroup span{text-decoration:underline;text-underline-offset:3px}#install,#cloud{background:#1d19158c;z-index:8}#bCloud,#bInstall{display:inline-flex;align-items:center;justify-content:center;gap:8px}#bInstall img{flex:none;width:26px;height:26px;border-radius:6px;box-shadow:0 0 0 1.5px var(--ink)}#bCloud svg{flex:none}#cloud .code{font-family:var(--body);font-weight:900;font-size:clamp(22px,6.4vw,30px);letter-spacing:.08em;margin:8px auto 0;padding:8px 14px;border:2.5px dashed var(--ink);background:#fff8e6;user-select:all;-webkit-user-select:all}#cloud .sub{margin-top:18px;font-weight:700}#cloud #cloudHave{display:flex;flex-direction:column;align-items:center}#cloud #cloudHave[hidden]{display:none}#cloud .row.in{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#cloudIn{font:700 16px var(--body);letter-spacing:.03em;text-transform:uppercase;padding:9px 10px;border:2.5px solid var(--ink);background:#fff8e6;width:min(250px,64vw);box-sizing:border-box;text-align:center}#cloudMsg:empty{display:none}#install ol{list-style:none;padding:0;margin:14px 0 0;text-align:left;max-width:46ch;align-self:center}#install li{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:15px;line-height:1.45}#install li .n{flex:none;width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--son);color:var(--diep)}#install li .ic{flex:none;width:30px;display:grid;place-items:center}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px}.btn{font-family:var(--display);font-weight:700;font-size:18px;color:var(--diep);background:var(--son);border:2px solid var(--ink);padding:9px 20px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.btn.alt{background:var(--diep);color:var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:focus-visible,.card:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.card{position:relative;border:3px solid var(--ink);padding:14px 12px 12px;cursor:pointer;text-align:center;box-shadow:4px 4px #1d19154d;font-family:var(--body);color:var(--ink);min-width:0}.card .num{font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:600}.card .ch{font-family:var(--han);font-size:44px;line-height:1.1;margin:6px 0 2px}.card b{display:block;font-family:var(--display);font-weight:900;font-size:22px}.card .st{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;border:1.5px solid var(--ink);padding:2px 8px;background:#f2ecdecc}.card .st.done{background:var(--son);color:var(--diep)}.card[disabled]{cursor:not-allowed;filter:grayscale(.85);opacity:.6}.tag{font-family:var(--body);font-weight:600;font-size:13px;background:#f2ecdee6;border:2px solid var(--ink);padding:5px 10px}#toast{position:fixed;left:16px;right:16px;top:20%;text-align:center;z-index:4;pointer-events:none;opacity:0;transition:opacity .4s}#toast span{display:inline-block;font-family:var(--display);font-weight:700;font-size:clamp(16px,2.5vw,21px);background:var(--diep);border:2px solid var(--ink);padding:8px 16px;max-width:38ch}#lvCard{position:fixed;left:0;right:0;top:34%;text-align:center;z-index:3;pointer-events:none;opacity:0;transition:opacity .9s}#lvCard.on{opacity:1}#lvCard .han{font-family:var(--han);font-size:clamp(48px,9vw,86px);line-height:1;color:var(--ink)}#lvCard b{display:inline-block;margin-top:8px;font-family:var(--display);font-weight:900;font-size:clamp(20px,3.4vw,30px);background:var(--diep);border:2px solid var(--ink);padding:4px 14px}#err{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-inline:16px;text-align:center;background:var(--diep);font-size:18px;z-index:9}.sec{grid-column:1/-1;font-family:var(--display);font-weight:900;font-size:18px;text-align:left;border-bottom:2px solid var(--ink);padding-bottom:2px;margin-top:4px}.card .cd{font-size:12px;line-height:1.4;margin:8px 0 0;font-weight:400}@media(max-width:560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:10px 6px 8px}.card .ch{font-size:34px}.card b{font-size:17px}.sheet{padding:18px 16px 16px}.sheet.wide{padding:16px 12px}}@media(prefers-reduced-motion:reduce){#lvCard,#toast{transition:none}}.sheet{display:flex;flex-direction:column;align-items:center}.sheet>*{order:3}.sheet>h1,.sheet>h2{order:1}.sheet>.han{order:2;font-size:18px;margin:6px 0 0;letter-spacing:.15em}.sheet>.grid,.sheet>.row{align-self:stretch}.card{display:flex;flex-direction:column;align-items:center}.card .num{order:1}.card b{order:2;margin-top:6px}.card .ch{order:3;font-size:18px;line-height:1.2;margin:4px 0 0;opacity:.8}.card .cd{order:4}.card .st{order:5}#lvCard{display:flex;flex-direction:column;align-items:center}#lvCard b{order:1;margin-top:0;font-size:clamp(24px,4.6vw,38px)}#lvCard .han{order:2;font-size:clamp(18px,3.2vw,28px);margin-top:8px}#chapters .sheet{position:relative}#langFlags{position:absolute;top:10px;right:12px;order:0;z-index:5}#langFlags .flag{width:34px;height:24px;padding:0;border:2px solid var(--ink);background:none;cursor:pointer;line-height:0;display:block;box-sizing:content-box}#langFlags .flag svg{width:100%;height:100%;display:block}#langFlags>.flag{box-shadow:2px 2px 0 var(--ink)}#langFlags .langMenu{position:absolute;top:32px;right:0;background:#f2ecde;border:2px solid var(--ink);box-shadow:4px 4px #1d19154d;padding:4px;display:flex;flex-direction:column;min-width:150px}#langFlags .langMenu[hidden]{display:none}#langFlags .lang{display:flex;align-items:center;gap:10px;padding:6px 8px;border:0;background:none;font:600 15px var(--body,inherit);color:var(--ink);cursor:pointer;text-align:left}#langFlags .lang:hover,#langFlags .lang.here{background:#a3332a1f}#langFlags .lang .flag{width:28px;height:19px;border-width:1px}@media(max-width:640px){#chapters .sheet{padding-top:46px}#langFlags{top:12px;right:14px}}#hud{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 0;z-index:4;pointer-events:none}#hud .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}#lvName{font-family:var(--display);font-weight:900;font-size:15px;pointer-events:auto;cursor:pointer}#watch{font-family:var(--display);font-weight:900;font-size:16px;padding:5px 12px;border:2px solid var(--ink);background:var(--diep)}#watch.warn{background:var(--paper-hi)}#watch.on{background:var(--son);color:var(--diep)}#abil{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:96vw;z-index:4}#abil button.pl i{display:inline-block;width:12px;height:12px;border:1.5px solid var(--ink);border-radius:50%}#abil button#bRed i{background:#a3332a}#abil button#bGreen i{background:#2f6a4c}#abil button#bYellow i{background:#f2c640}#abil button.pl.on{outline:3px solid var(--ink);outline-offset:1px}#holdTag{background:var(--paper-hi)}#abil button{font-family:var(--display);font-weight:700;font-size:16px;color:var(--ink);background:#f2ecdeeb;border:2px solid var(--ink);padding:8px 14px;cursor:pointer;box-shadow:3px 3px #1d191559;display:flex;align-items:center;gap:8px;touch-action:manipulation}#abil button .k{font-family:var(--body);font-size:11px;font-weight:600;border:1.5px solid var(--ink);padding:0 5px;background:var(--diep)}#abil button.on,#abil button#bOffer{background:var(--son);color:var(--diep)}#hud,#abil,#pad,#pad *{display:none!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important;left:-9999px!important}#c2hud{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 0;z-index:4;pointer-events:none}#c2hud .tag{pointer-events:auto;cursor:pointer;font-family:var(--display);font-weight:900;font-size:14px;color:var(--ink)}#c2hud .tools{display:flex;gap:8px;flex-wrap:wrap}#c2hud .kk{font-family:var(--body);font-size:10px;border:1.5px solid var(--ink);padding:0 4px;margin-left:4px;background:var(--diep)}body.touch #c2hud .kk{display:none}#c2rules{position:fixed;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-inline:16px;z-index:4;pointer-events:none}body.touch #c2rules{bottom:calc(150px + env(safe-area-inset-bottom,0px))}.rule{background:var(--diep);border:2px solid var(--ink);padding:4px 10px;font-family:var(--display);font-weight:900;font-size:15px;box-shadow:2px 2px #1d19154d}#c2pad{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,60px);gap:6px;z-index:4}#c2pad button{border:2px solid var(--ink);background:#f2ecdee6;font-size:22px;color:var(--ink);touch-action:none;box-shadow:3px 3px #1d191559}body.c2 #toast{top:auto;bottom:calc(72px + env(safe-area-inset-bottom,0px))}body.c2.touch #toast{bottom:calc(215px + env(safe-area-inset-bottom,0px))}#c2pad [data-d=up]{grid-column:2;grid-row:1}#c2pad [data-d=left]{grid-column:1;grid-row:2}#c2pad [data-d=down]{grid-column:2;grid-row:2}#c2pad [data-d=right]{grid-column:3;grid-row:2}#c2help{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:safe center;justify-content:center;padding:16px;box-sizing:border-box;background:#1d191559;overflow-y:auto}#c2help .card2{max-width:460px;background:var(--diep);border:3px solid var(--ink);box-shadow:5px 5px #1d191559;padding:14px 18px 16px;text-align:left}#c2help h3{margin:0 0 6px;font-family:var(--display);font-weight:900;font-size:20px;text-align:center}#c2help ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:15px;line-height:1.45}#c2help .w{display:inline-block;border:1.5px solid var(--ink);padding:0 5px;font-family:var(--display);font-weight:900;font-size:13px;line-height:1.5;background:#f2ecde}#c2tip{margin-top:12px;border-top:2px dashed var(--ink);padding-top:8px}#c2tip p{margin:0;font-size:15px;line-height:1.45}#c2help .btn{display:block;margin:14px auto 0}#c2law[hidden]+#c2tip{margin-top:0;border-top:0;padding-top:0}@media(max-width:480px){#c2hud .tools{gap:5px;flex-wrap:nowrap}#c2hud .tools .tag{font-size:12.5px;padding:5px 7px;white-space:nowrap}}#c3hud{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 0;z-index:4;pointer-events:none}#c3hud .tag{pointer-events:auto;cursor:pointer;font-family:var(--display);font-weight:900;font-size:14px;color:var(--ink)}#c3end{position:fixed;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-inline:16px;z-index:5}#c3Time{font-family:var(--display);font-weight:900;font-size:16px;min-width:3.2em;text-align:center}#c3end{flex-direction:column;align-items:center}#c3end .row{margin-top:8px}#c3Stat{margin:0;font-family:var(--display);font-weight:900;font-size:15px}#c3Praise{margin:0 0 8px;font-family:var(--display);font-weight:900;font-size:clamp(18px,4.6vw,26px);color:var(--diep);background:var(--son);border:2px solid var(--ink);padding:6px 16px;text-align:center;box-shadow:3px 3px #1d191559}#c3Praise:empty{display:none}#c3Time.hurry{background:var(--son);color:var(--diep)}#c3Stat:empty{display:none}#c4hud{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 0;z-index:4;pointer-events:none}#c4hud .tag{font-family:var(--display);font-weight:900;font-size:14px;color:var(--ink);white-space:nowrap}#c4hud button.tag{pointer-events:auto;cursor:pointer}#c4hud .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}#c4hud .mid{position:absolute;left:50%;transform:translate(-50%);top:calc(12px + env(safe-area-inset-top,0px))}#c4hud .debt{background:var(--son);color:var(--diep)}#c4Money{font-size:16px}body.touch #c4hud .mid{position:static;transform:none}@media(max-width:520px){#c4hud{flex-wrap:wrap}#c4hud .mid{position:static;transform:none;order:3;width:100%;display:flex;justify-content:center}}.c4sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:safe center;justify-content:center;padding:16px;box-sizing:border-box;background:#1d191559;overflow-y:auto}.c4sheet .card4{max-width:420px;width:100%;background:var(--diep);border:3px solid var(--ink);box-shadow:5px 5px #1d191559;padding:16px 18px;text-align:center;font-family:var(--body)}.card4 h3{margin:0 0 10px;font-family:var(--display);font-weight:900;font-size:22px}.card4 .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.card4 .nums div{border:2px solid var(--ink);padding:8px 4px;background:#f6f0e2;display:flex;flex-direction:column;gap:2px}.card4 .nums b{font-family:var(--display);font-weight:900;font-size:16px}.card4 .nums span{font-size:12px;opacity:.8}.card4 .nums .gain{background:#e3ecd0}.card4 p{margin:6px 0;font-size:15px;line-height:1.45}.card4 .nx{font-size:16px}.card4 .now{opacity:.75}.card4 .row{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}.card4 .btn[disabled]{opacity:.45;cursor:not-allowed}#c4day .btn{margin-top:10px}.card4 h4{margin:12px 0 6px;font-family:var(--display);font-weight:900;font-size:16px}.card4 .wx{font-size:16px}.card4 .goal{background:#2f6a4c1f;border:2px solid #2f6a4c;padding:6px 10px;margin:8px 0}.card4 .ware{border-top:1.5px dashed rgba(29,25,21,.3);padding-top:6px;margin-top:6px}.card4 .ware h5{margin:0 0 4px;font-size:15px}.card4 .ware .step{margin:2px 0}.card4 .ware .cost{margin:2px 0 4px;font-size:13px}.card4 .money{border:2px solid var(--ink);background:#f6f0e2;padding:6px 8px;margin:8px 0;text-align:left}.card4 .money h4{margin:0 0 4px}.card4 .loan{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;margin:4px 0}.card4 .loan .btn{padding:4px 12px;font-size:14px}.card4 .borrow{gap:6px;margin-top:6px}.card4 .borrow .btn{font-size:14px;padding:7px 8px}.card4 .tot{margin:10px 0 8px;font-size:15px}.card4 .go{width:100%}.card4 .back{background:#e3ecd0;border:2px solid var(--ink);padding:6px 8px}.card4 .heard{text-align:left;border-top:2px dashed var(--ink);margin-top:8px;padding-top:6px}.card4 .heard p{margin:3px 0}.card4 .hint{font-size:13px;opacity:.75;margin:0 0 6px}.card4 .step{display:flex;align-items:center;justify-content:center;gap:12px}.card4 .step .btn{padding:6px 12px;font-size:16px}.card4 .step .q{font-family:var(--display);font-weight:900;font-size:20px;min-width:5.5em}.card4 .cost{font-size:14px;margin:6px 0 8px}.card4 .row.col{flex-direction:column;align-items:stretch}.card4 .bad{color:var(--son);font-weight:600}.card4 .nums .loss{background:#f2d6cf}#c4noteB{text-align:left}.c4tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:6px}.c4tabs button{font-family:var(--display);font-weight:900;font-size:14px;padding:5px 8px;border:2px solid var(--ink);background:#f6f0e2;color:var(--ink);cursor:pointer}.c4tabs button.on{background:var(--son);color:var(--diep)}#c4noteB .cnt{text-align:center;font-size:13px;opacity:.75;margin:0 0 6px}.card4 .folk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.card4 .fk{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:2px solid rgba(29,25,21,.35);background:#f6f0e2;font-family:var(--body);color:var(--ink);cursor:pointer;min-width:0}.card4 .fk img{width:52px;height:52px}.card4 .fk b{font-size:13px;line-height:1.2;text-align:center}.card4 .fk span{font-size:11px;opacity:.75}.card4 .fk .bar{width:80%}.card4 .bar{display:inline-block;width:110px;height:7px;border:1.5px solid var(--ink);background:#fff;vertical-align:middle}.card4 .bar i{display:block;height:100%}.card4 .house{border-top:1.5px dashed rgba(29,25,21,.3);padding:6px 0}.card4 .house h5{margin:0 0 6px;font-size:14px}.card4 .house h5 span{font-weight:400;opacity:.7}.card4 .mem{display:flex;flex-wrap:wrap;gap:6px}.card4 .fk.sm{width:76px}.card4 .fk.sm img{width:40px;height:40px}.card4 .fk.unk{cursor:default;opacity:.6}.card4 .fk.unk i{width:40px;height:40px;border-radius:50%;background:#d9cdb2;display:grid;place-items:center;font-style:normal;font-weight:900}.card4 .who{display:flex;gap:10px;align-items:center}.card4 .who img{width:80px;height:80px}.card4 .who h4{margin:0}.card4 .who p{margin:2px 0;font-size:14px}.card4 .ties{list-style:none;padding:0;margin:6px 0;font-size:14px}.card4 .ties li{margin:3px 0}.card4 .ties li>i{display:inline-block;width:14px;height:4px;margin-right:6px;vertical-align:middle}.card4 .ties .unk{opacity:.6}.card4 .bk{margin-bottom:8px}.card4 svg.web{width:100%;height:auto;background:#fbf7ee;border:2px solid rgba(29,25,21,.25)}.card4 svg.web text{font-family:var(--body);font-size:11px;fill:var(--ink)}.card4 svg.web text.q{font-size:9px;opacity:.7}.card4 svg.web .nd{cursor:pointer}.card4 .story{border:2px solid rgba(29,25,21,.25);border-left:6px solid;padding:6px 8px;margin:8px 0;background:#fbf7ee}.card4 .story h5{margin:0 0 4px;font-size:15px;display:flex;align-items:center;gap:6px}.card4 .story .no{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:12px;flex:none}.card4 .story .dots{margin-left:auto;display:flex;gap:3px}.card4 .story .dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid #c98a1c}.card4 .story .dots i.on{background:#c98a1c}.card4 .story p{font-size:14px;margin:3px 0}.card4 .story p.unk{opacity:.5}.card4 .ach{margin:8px 0}.card4 .ach h5{margin:0 0 4px;font-size:15px;display:inline-block;background:#8a5a2a;color:var(--diep);padding:2px 12px}.card4 .ach .a{display:grid;grid-template-columns:18px 1fr;column-gap:8px;align-items:center;padding:3px 0;opacity:.5}.card4 .ach .a.on{opacity:1}.card4 .ach .a i{grid-row:span 2;width:14px;height:14px;border-radius:50%;border:2px solid #8a5a2a}.card4 .ach .a.on i{background:#8a5a2a}.card4 .ach .a b{font-size:14px}.card4 .ach .a span{font-size:12px}.card4 .legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;margin:6px 0}.card4 .legend i{display:inline-block;width:14px;height:4px;margin-right:4px;vertical-align:middle}#c4noteB p{margin:4px 0}#c4Note,#c4Invite{pointer-events:auto;cursor:pointer}#c4Invite{background:#2f6a4c;color:var(--diep)}#c4Note.new{background:var(--son);color:var(--diep)}body.c4 #toast{top:auto;bottom:calc(132px + env(safe-area-inset-bottom,0px))}.card4 .pick{border:2px solid #2f6a4c;background:#e3ecd0;padding:6px 8px;margin:6px 0}.card4 .pick p{margin:2px 0 6px;font-size:14px}.card4 .pick .row{margin-top:4px;flex-wrap:nowrap}.card4 .pick .btn{font-size:15px;padding:6px 12px}.card4 .fk.sel{border-color:#2f6a4c;background:#d6e6c4;box-shadow:inset 0 0 0 2px #2f6a4c}.card4 .fk[disabled]{opacity:.45;cursor:default}.card4 .fk.unk2{cursor:default;opacity:.65}.card4 .loan .pays{display:flex;gap:6px}.card4 .loan .btn{white-space:nowrap}.c4sheet .card4.wide{max-width:min(760px,100%)}.card4 .qhhint{text-align:center;font-size:12px;opacity:.7;margin:2px 0 6px}.card4 .qhwrap{position:relative}#qhCv{display:block;width:100%;height:min(58vh,480px);border:2px solid rgba(29,25,21,.3);background:#fbf7ee;touch-action:none;cursor:grab}.card4 .qhz{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:4px}.card4 .qhz button{width:32px;height:32px;border:2px solid var(--ink);background:#f6f0e2;font:900 17px var(--body);color:var(--ink);cursor:pointer;padding:0}.card4 .legend{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;font-size:12px;margin:6px 0}.card4 .legend span{display:inline-flex;align-items:center;gap:5px}.card4 .legend i{width:16px;height:4px;display:inline-block}.card4 .legend i.q{width:12px;height:12px;border-radius:50%;background:#d9cdb2;border:1.5px dashed #8a7a5a}.card4 .qhc{border-top:2px solid rgba(29,25,21,.25);margin-top:8px;padding-top:8px;text-align:left}.card4 .qhc h5{margin:10px 0 4px;font-family:var(--display);font-weight:900;font-size:15px}.card4 .qhc .sm{font-size:13px;opacity:.85}.card4 .qhc .st{color:#c98a1c;font-size:15px;letter-spacing:1px}.card4 .qhc .st b{color:var(--ink);letter-spacing:0;font-size:13px;margin-left:4px}.card4 .qhc .who i.qq{width:80px;height:80px;border-radius:50%;background:#d9cdb2;display:grid;place-items:center;font:900 34px var(--body);font-style:normal;flex:none}.card4 .badges{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.card4 .badges span{border:1.5px solid;border-radius:12px;padding:1px 8px;font-size:12px;font-weight:700;background:#fffaf0}.card4 .hab{list-style:none;padding:0;margin:0;font-size:14px}.card4 .hab li{margin:2px 0}.card4 .ties .lk{border:0;background:none;padding:0;font:700 14px var(--body);color:#2f5f8f;text-decoration:underline;cursor:pointer}.card4 .ties .lk.unk{color:#8a7a5a}.card4 .ties small{color:#c98a1c}.card4 .facts{margin:0;padding-left:18px;font-size:13px}.card4 .acts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 6px}.card4 .acts .act{border:2px solid var(--ink);color:#fff;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--body);box-shadow:2px 2px #1d19154d}.card4 .acts .act b{font-size:14px}.card4 .acts .act span{font-size:11px;opacity:.9}.card4 .acts .act.g{background:#2f6a4c}.card4 .acts .act.o{background:#c98a1c}.card4 .acts .act.b{background:#2f5f8f}.card4 .acts .act[disabled]{opacity:.45;cursor:default}.card4 .acts:has(.act:only-child){grid-template-columns:1fr}.card4 .qhtop{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.card4 .qhtop button{border:2px solid rgba(29,25,21,.35);background:#f6f0e2;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;cursor:pointer;font-family:var(--body);color:var(--ink)}.card4 .qhtop img{width:46px;height:46px}.card4 .qhtop b{font-size:12px;text-align:center}.card4 .qhtop span{font-size:10px;opacity:.75;text-align:center}.card4 .houses{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.card4 .hz{border:2px solid rgba(29,25,21,.35);background:#f6f0e2;padding:8px;text-align:left;cursor:pointer;font-family:var(--body);color:var(--ink);display:flex;flex-direction:column;gap:3px}.card4 .hz b{font-size:13px}.card4 .hz span{font-size:11px;opacity:.7}.card4 .hz div{display:flex;gap:3px;flex-wrap:wrap}.card4 .hz img,.card4 .hz i{width:26px;height:26px;border-radius:50%}.card4 .hz i{background:#d9cdb2;display:grid;place-items:center;font:900 13px var(--body);font-style:normal}.card4 .tt{text-align:center;margin:8px 0 0}.card4 svg.tree{width:100%;max-width:520px;display:block;margin:0 auto;background:#fbf7ee;border:2px solid rgba(29,25,21,.25)}.card4 svg.tree .tn{cursor:pointer}.card4 svg.tree .nm{font:700 12px var(--body);fill:var(--ink)}.card4 svg.tree .as{font:11px var(--body);fill:#6a5a3a}.card4 svg.tree .qm{font:900 22px var(--body);fill:#5a4a32}@media(max-width:520px){.card4 .qhtop{grid-template-columns:repeat(2,1fr)}.card4 .acts .act b{font-size:12px}}#c4biz .biz{border-top:1.5px dashed rgba(29,25,21,.3);margin-top:8px;padding-top:6px;text-align:left}#c4biz h4{margin:2px 0 4px;font-family:var(--display);font-weight:900;font-size:15px}#c4biz p{margin:3px 0;font-size:13px}#c4biz .hint{opacity:.7;font-size:12px}#c4biz .due{color:#a3332a}#c4biz .offer{border:1.5px solid rgba(29,25,21,.25);background:#fffaf0;padding:6px 8px;margin:6px 0}#c4biz .btn{font-size:14px;padding:6px 10px;margin-top:4px}.card4 .ups{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;text-align:left}.card4 .upc{border:2px solid rgba(29,25,21,.35);background:#f6f0e2;padding:8px;display:flex;flex-direction:column;gap:3px;cursor:pointer;font-family:var(--body);color:var(--ink);text-align:left;box-shadow:2px 2px #1d191533}.card4 .upc b{font-family:var(--display);font-weight:900;font-size:15px}.card4 .upc .lv{font-size:12px;color:#2f5f8f;font-weight:700}.card4 .upc span{font-size:12px}.card4 .upc.empty{opacity:.75;border-style:dashed}.card4 .upc .bar,.card4 .byshop .bar{display:block;height:6px;background:#e3d9c2;border-radius:3px;overflow:hidden}.card4 .upc .bar i,.card4 .byshop .bar i{display:block;height:100%;background:#2f6a4c}.card4 .byshop{text-align:left;margin:0 0 8px}.card4 .byshop .bs{display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;align-items:center;padding:5px 0;border-bottom:1px dashed rgba(29,25,21,.2)}.card4 .byshop .tg{font-size:11px;background:#e9dfc9;padding:1px 6px;border-radius:8px}.card4 .byshop b{font-size:14px}.card4 .byshop .gain{color:#2f6a4c;font-weight:900}.card4 .byshop .bad{color:#a3332a;font-weight:900}.card4 .byshop .bar{grid-column:1 / 3}.card4 .byshop small{font-size:11px;opacity:.7;text-align:right}#c4hud .bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;pointer-events:auto;flex-wrap:wrap;justify-content:center;width:max-content;max-width:96vw}#c4hud .bar .tag{font-size:16px;padding:8px 14px;box-shadow:3px 3px #1d19154d}#c4hud .bar .tag.up{background:#2f6a4c;color:var(--diep)}#c4hud .bar .tag.ic{font-size:24px;padding:4px 14px;line-height:1.2}#c4hud .bar .tag.ic.up{font-size:20px}.ic4{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.22em;background:center/contain no-repeat}.ic4.coin{width:1em;height:1em;margin-left:.12em;vertical-align:-.14em}.ic4.coin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.6' fill='%23f2c640'/%3E%3Ccircle cx='12' cy='12' r='6.8' stroke-width='.8'/%3E%3Crect x='9.6' y='9.6' width='4.8' height='4.8' fill='%23f2ecde' stroke-width='1.3'/%3E%3C/svg%3E")}.ic4.trau{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 21 C4 15 4 7 9 5 C11 4.4 12 6 12 6 C12 6 13 4.4 15 5 C20 7 20 15 12 21Z' fill='%232f6a4c'/%3E%3Cpath d='M12 7 L12 19 M12 11 L9 9 M12 14 L15 12' stroke-width='.9' stroke='%23f2ecde'/%3E%3Ccircle cx='18.5' cy='18.5' r='3' fill='%23f2c640'/%3E%3C/svg%3E")}.ic4.che{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M3.5 11 H20.5 C20 16.5 16.5 19.5 12 19.5 C7.5 19.5 4 16.5 3.5 11Z' fill='%23f2ecde'/%3E%3Cellipse cx='12' cy='11' rx='8.5' ry='2' fill='%232f6a4c'/%3E%3Cpath d='M9 7.5 C8 6 10 5 9 3.5 M14 7.5 C13 6 15 5 14 3.5' stroke-width='1.1'/%3E%3C/svg%3E")}.ic4.xoi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 20 H19 L17.5 10 H6.5Z' fill='%232f6a4c'/%3E%3Cellipse cx='12' cy='10' rx='5.6' ry='2.4' fill='%23f2c640'/%3E%3Cpath d='M12 12.5 V20 M8.5 14 L9 20 M15.5 14 L15 20' stroke-width='.9'/%3E%3C/svg%3E")}.ic4.xen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='5' y='5' width='10' height='3' rx='1' fill='%238a5a2a'/%3E%3Crect x='5' y='16' width='10' height='3' rx='1' fill='%238a5a2a'/%3E%3Crect x='6.5' y='8' width='7' height='8' fill='%23a3332a'/%3E%3Cpath d='M7 10 H13 M7 12 H13 M7 14 H13' stroke-width='.8' stroke='%23f2ecde'/%3E%3Cpath d='M19 3 L19 21' stroke-width='1.3'/%3E%3Ccircle cx='19' cy='5' r='.9'/%3E%3C/svg%3E")}.ic4.bun{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M3 10.5 H21 C20.5 16.5 16.5 20 12 20 C7.5 20 3.5 16.5 3 10.5Z' fill='%23f2ecde'/%3E%3Cellipse cx='12' cy='10.5' rx='9' ry='2.2' fill='%23a3332a'/%3E%3Cpath d='M6.5 10.5 C8 9.6 9.5 11.4 11 10.4 C12.5 9.4 14 11.4 15.5 10.4' stroke-width='.9' stroke='%23f2ecde'/%3E%3Ccircle cx='16.8' cy='9.8' r='1.4' fill='%232f6a4c' stroke-width='.8'/%3E%3Cpath d='M15 4 L19 9 M17 3.5 L20.5 8' stroke-width='1.2' stroke='%238a5a2a'/%3E%3C/svg%3E")}.ic4.book{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 4.5 H18.5 V20.5 H4Z' fill='%23a3332a'/%3E%3Cpath d='M7 4.5 V20.5' stroke-width='1.2'/%3E%3Crect x='9.5' y='7' width='7' height='4.5' fill='%23f2ecde' stroke-width='1.1'/%3E%3Cpath d='M18.5 6 H20 V19 H18.5' fill='%23f2ecde' stroke-width='1.1'/%3E%3Crect x='12' y='14' width='3' height='3' fill='%23f2c640' stroke-width='1'/%3E%3C/svg%3E")}.ic4.task{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 3.5 H19 V20.5 H5Z' fill='%23f2ecde'/%3E%3Cpath d='M8 7.5 H16 M8 11 H16 M8 14.5 H12' stroke-width='1'/%3E%3Cpath d='M12.5 16 L15 18.5 L20.5 12' stroke='%232f6a4c' stroke-width='2.4'/%3E%3C/svg%3E")}.ic4.up{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1915' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3 L20 11.5 H15.5 V20.5 H8.5 V11.5 H4Z' fill='%232f6a4c'/%3E%3Cpath d='M10.5 14 H13.5 M10.5 17 H13.5' stroke='%23f2ecde' stroke-width='1'/%3E%3C/svg%3E")}#c4hud .bar .tag .ic4{width:28px;height:28px;vertical-align:middle}#c4hud .bar .tag.ic{padding:6px 14px}#c4hud .bar .tag.up{background:#f2ecde;color:var(--ink)}#c4up .hands .hand{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;text-align:left}#c4up .hands .hand .btn{padding:4px 12px;font-size:14px}#c4ev .hao{text-align:left;line-height:1.55}.stars{color:#c9961a;letter-spacing:2px}.haolist{display:flex;flex-direction:column;gap:10px;text-align:left}.haoc{border:2px solid var(--ink);padding:8px 12px;background:#ffffff59}.haoc p{margin:2px 0}.haoc .rep{color:#2f6a4c;font-weight:600}.haoc.dop .rep{color:#a3332a}.haoc.lo .rep{color:#6b6157;font-style:italic}.haoc .rep{color:#a3332a}.evtime{position:relative;height:22px;border:2px solid var(--ink);margin-top:8px;background:#f2ecde;overflow:hidden}.evtime i{position:absolute;left:0;top:0;bottom:0;background:#a3332a59}.evtime span{position:relative;display:block;font-size:12px;line-height:18px;text-align:center}.qhc .qback{display:block;margin:0 0 8px auto;padding:4px 12px;font-size:14px}.autof .row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.autof .row .btn{padding:6px 12px;font-size:14px}.autof .auto3{display:flex;flex-direction:column;gap:6px;text-align:left}.autof .auto3 label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px}.autof select{font:inherit;padding:4px 8px;border:2px solid var(--ink);background:#f2ecde;min-width:120px}:root{color-scheme:light;--paper: #e2b43c;--paper-hi: #efcb62;--ink: #1d1915;--son: #a3332a;--la: #2f6a4c;--diep: #f2ecde;--gold: #d4a017;--display: "Playfair Display", "Times New Roman", serif;--body: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--han: "Ma Shan Zheng", "KaiTi", "STKaiti", serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--body);user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:manipulation}#root{width:100%;height:100%;position:relative;overflow:hidden}#cv{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none;z-index:1}.react-hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) 8px calc(12px + var(--safe-left));pointer-events:none}.hud-left,.hud-right{display:flex;align-items:center;gap:8px;pointer-events:auto}.hud-center{pointer-events:none}.hud-btn{display:inline-flex;align-items:center;gap:6px;background:var(--diep);border:2px solid var(--ink);border-radius:20px;padding:6px 12px;font-family:var(--body);font-weight:700;font-size:13px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;transition:transform .1s,box-shadow .1s}.hud-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.seal-mini{display:inline-grid;place-items:center;width:20px;height:20px;background:var(--son);color:var(--diep);border:1.5px solid var(--ink);border-radius:4px;font-family:var(--han);font-size:13px;line-height:1}.hud-tag{background:#f2ecdef2;border:2px solid var(--ink);border-radius:12px;padding:6px 14px;font-family:var(--display);font-weight:900;font-size:14px;color:var(--ink);box-shadow:2px 2px #1d191559;cursor:pointer}.hud-tag:active{transform:translate(1px,1px)}.hud-tool-btn{width:36px;height:36px;border-radius:50%;padding:0;display:grid;place-items:center;font-size:16px}.watch-banner{display:flex;align-items:center;gap:6px;padding:6px 16px;border:2.5px solid var(--ink);border-radius:16px;background:var(--diep);font-family:var(--display);font-weight:900;font-size:14px;box-shadow:3px 3px 0 var(--ink);animation:bannerPulse 1s infinite alternate}.watch-banner.warn{background:#f7d560}.watch-banner.on{background:var(--son);color:var(--diep);border-color:#fff}@keyframes bannerPulse{0%{transform:scale(.98)}to{transform:scale(1.02)}}.joystick-wrapper{position:fixed;bottom:calc(16px + var(--safe-bottom));left:calc(16px + var(--safe-left));z-index:10;pointer-events:auto}.controller-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.ctrl-mode-toggle{display:inline-flex;align-items:center;gap:4px;background:#f2ecdef0;border:1.5px solid var(--ink);border-radius:12px;padding:2px 8px;font-family:var(--body);font-size:11px;font-weight:700;color:var(--ink);box-shadow:1.5px 1.5px 0 var(--ink);cursor:pointer;touch-action:manipulation;transition:transform .08s,background .15s;-webkit-user-select:none;user-select:none}.ctrl-mode-toggle:active{transform:translate(1px,1px);box-shadow:.5px .5px 0 var(--ink)}.mode-icon{font-size:12px;line-height:1}.mode-text{letter-spacing:.02em}.dpad-container{position:relative;border-radius:50%;background:#f2ecdee0;border:3px solid var(--ink);box-shadow:3px 3px #1d191566,inset 0 0 16px #a3332a1f;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.dpad-container.active{border-color:var(--son);box-shadow:0 0 16px #a3332a59,3px 3px 0 var(--ink)}.dpad-base-plate{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.dpad-outer-ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1.5px dashed rgba(29,25,21,.3)}.dpad-inner-ring{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;border:1px solid rgba(29,25,21,.15)}.dpad-cross{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.dpad-btn{position:absolute;background:linear-gradient(135deg,#fff,#ede4d1);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .06s,background .08s,box-shadow .06s;z-index:2}.dpad-btn.btn-up{top:6px;left:50%;transform:translate(-50%);width:44px;height:48px;border-radius:14px 14px 4px 4px}.dpad-btn.btn-down{bottom:6px;left:50%;transform:translate(-50%);width:44px;height:48px;border-radius:4px 4px 14px 14px}.dpad-btn.btn-left{left:6px;top:50%;transform:translateY(-50%);width:48px;height:44px;border-radius:14px 4px 4px 14px}.dpad-btn.btn-right{right:6px;top:50%;transform:translateY(-50%);width:48px;height:44px;border-radius:4px 14px 14px 4px}.dpad-btn.pressed{background:linear-gradient(135deg,#a3332a,#82221b)!important;border-color:var(--ink)!important;box-shadow:inset 0 2px 4px #00000080,0 0 10px #a3332a80!important}.dpad-btn.btn-up.pressed,.dpad-btn.btn-down.pressed{transform:translate(-50%) scale(.94)}.dpad-btn.btn-left.pressed,.dpad-btn.btn-right.pressed{transform:translateY(-50%) scale(.94)}.dpad-arrow{font-size:16px;font-weight:900;line-height:1;color:var(--ink);pointer-events:none;transition:color .08s,transform .06s}.dpad-btn.pressed .dpad-arrow{color:#fff9ea;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dpad-center-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c8392d,#872018);border:2.5px solid var(--ink);box-shadow:2px 2px 4px #1d191566,inset 0 2px 3px #ffffff59;display:grid;place-items:center;z-index:3;pointer-events:none}.dpad-center-hub .seal-emblem{font-family:var(--han);font-size:22px;color:#fff9ea;text-shadow:1px 1px 2px rgba(0,0,0,.6);-webkit-user-select:none;user-select:none;line-height:1}.joystick-container{position:relative;border-radius:50%;overflow:hidden;background:#f2ecdebf;border:3px solid var(--ink);box-shadow:3px 3px #1d191566,inset 0 0 16px #a3332a26;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;transition:border-color .2s,box-shadow .2s}.joystick-container.active{cursor:grabbing;border-color:var(--son);box-shadow:0 0 18px #a3332a66,3px 3px 0 var(--ink)}.joystick-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.joystick-ring-outer{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1.5px dashed rgba(29,25,21,.35)}.joystick-ring-inner{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:50%;border:1px solid rgba(29,25,21,.2)}.joystick-direction{position:absolute;font-size:11px;color:#1d191580;font-weight:700;line-height:1}.joystick-direction.d-up{top:6px;left:50%;transform:translate(-50%)}.joystick-direction.d-down{bottom:6px;left:50%;transform:translate(-50%)}.joystick-direction.d-left{left:6px;top:50%;transform:translateY(-50%)}.joystick-direction.d-right{right:6px;top:50%;transform:translateY(-50%)}.joystick-knob{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c8392d,#872018);border:3px solid var(--ink);box-shadow:3px 3px 6px #1d191580,inset 0 2px 4px #ffffff59;display:grid;place-items:center;pointer-events:none;transition:box-shadow .1s}.joystick-knob.dragging{box-shadow:2px 2px 4px #1d191599,inset 0 2px 4px #fff3}.seal-emblem{font-family:var(--han);font-size:26px;color:#fff9ea;text-shadow:1px 1px 2px rgba(0,0,0,.6);-webkit-user-select:none;user-select:none}#abil,#abil *,#pad,#pad *,#bL,#bR{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;opacity:0!important;position:absolute!important;left:-9999px!important}.abilities-wrapper{position:fixed;bottom:calc(14px + var(--safe-bottom));right:calc(14px + var(--safe-right));z-index:10;pointer-events:auto;max-width:calc(100vw - 120px)}.react-abilities-bar{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:7px;background:#f2ecdee6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 10px;border-radius:22px;border:2px solid rgba(29,25,21,.55);box-shadow:0 4px 12px #00000029,inset 0 1px #ffffffb3;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.react-abilities-bar::-webkit-scrollbar{display:none}.abil-tier{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0}.abil-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fffdf8f5;border:2px solid var(--ink);border-radius:14px;height:50px;padding:0 14px;font-family:var(--display);font-weight:700;font-size:15px;line-height:1;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;touch-action:manipulation;white-space:nowrap;flex-shrink:0;transition:transform .08s,box-shadow .08s,background .12s;-webkit-user-select:none;user-select:none}.abil-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.abil-btn.active-pulse{background:var(--son);color:#fff9ea;border-color:#fff;animation:pulseButton2x 1.2s infinite}.abil-btn.active-hold{background:#fef4d8;border-color:#b54930;color:#b54930;font-weight:800}.btn-badge{font-family:var(--body);font-size:11px;font-weight:800;background:var(--ink);color:var(--diep);border-radius:4px;padding:1px 5px;line-height:1.2}.btn-icon{font-size:19px;line-height:1}.btn-label{font-size:14px}.plate-group{display:inline-flex;align-items:center;gap:6px;margin:0;flex-shrink:0}.btn-plate{height:46px;padding:0 11px;font-size:13.5px;border-radius:12px}.plate-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--ink)}.plate-dot.red{background:#a3332a}.plate-dot.green{background:#2f6a4c}.plate-dot.yellow{background:#f2c640}.btn-plate.selected{outline:3px solid var(--ink);outline-offset:1px}@keyframes pulseButton2x{0%,to{box-shadow:0 0 #a3332a99}50%{box-shadow:0 0 0 8px #a3332a00}}.chapter-controls-wrapper,.c2-controls-wrapper{position:fixed;bottom:calc(14px + var(--safe-bottom));right:calc(14px + var(--safe-right));z-index:10;pointer-events:auto;max-width:calc(100vw - 120px)}.chapter-action-controls,.c2-action-controls{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:7px;background:#f2ecdee6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 10px;border-radius:22px;border:2px solid rgba(29,25,21,.55);box-shadow:0 4px 12px #00000029,inset 0 1px #ffffffb3;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chapter-action-controls::-webkit-scrollbar,.c2-action-controls::-webkit-scrollbar{display:none}.chapter-tier{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0}.chapter-btn,.c2-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fffdf8f5;border:2px solid var(--ink);border-radius:14px;height:50px;padding:0 14px;font-family:var(--display);font-weight:700;font-size:15px;line-height:1;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;touch-action:manipulation;white-space:nowrap;flex-shrink:0;transition:transform .08s,box-shadow .08s,background .12s;-webkit-user-select:none;user-select:none}.chapter-btn:active,.c2-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.orientation-indicator{position:fixed;top:calc(54px + var(--safe-top));left:50%;transform:translate(-50%);z-index:9;pointer-events:none}.orient-badge{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;background:#1d1915d9;color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #00000040;animation:fadeInDown .3s ease-out}.orient-close{background:none;border:none;color:#ffffffb3;font-size:13px;cursor:pointer;padding:0 2px}.orient-close:hover{color:#fff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.react-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--paper);display:flex;align-items:center;justify-content:center;transition:opacity .4s}.react-loading-screen.done{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ink)}.loading-seal{width:72px;height:72px;display:grid;place-items:center;background:var(--son);color:var(--diep);border:3.5px solid var(--ink);font-family:var(--han);font-size:42px;box-shadow:4px 4px #1d191566;animation:sealFloat 1.2s ease-in-out infinite}.loading-title{font-family:var(--display);font-size:32px;font-weight:900;letter-spacing:.02em}.loading-bar-wrap{width:min(260px,70vw);height:14px;border:2.5px solid var(--ink);background:var(--diep);box-shadow:2px 2px 0 var(--ink);overflow:hidden}.loading-bar-fill{height:100%;background:var(--son);transition:width .15s ease-out}.loading-status{font-family:var(--display);font-style:italic;font-size:15px}@keyframes sealFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@media(max-width:600px)and (orientation:portrait){.react-hud{padding:calc(8px + var(--safe-top)) calc(10px + var(--safe-right)) 6px calc(10px + var(--safe-left))}.hud-btn{padding:5px 10px;font-size:12px;gap:4px}.hud-tag{padding:5px 10px;font-size:12px;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-tool-btn{width:34px;height:34px;font-size:15px}.seal-mini{width:18px;height:18px;font-size:11px}.joystick-wrapper{bottom:calc(14px + var(--safe-bottom));left:calc(12px + var(--safe-left))}.joystick-container,.dpad-container{width:114px!important;height:114px!important}.dpad-btn.btn-up,.dpad-btn.btn-down{width:38px!important;height:40px!important}.dpad-btn.btn-left,.dpad-btn.btn-right{width:40px!important;height:38px!important}.dpad-center-hub{width:36px!important;height:36px!important}.dpad-center-hub .seal-emblem{font-size:19px!important}.dpad-arrow{font-size:14px!important}.joystick-knob{width:44px!important;height:44px!important}.seal-emblem{font-size:22px}.abilities-wrapper{bottom:calc(14px + var(--safe-bottom));right:calc(12px + var(--safe-right));max-width:calc(100vw - 128px);pointer-events:auto}.react-abilities-bar{display:flex;flex-direction:column;align-items:flex-end;gap:7px;background:transparent;padding:0;border:none;box-shadow:none;overflow:visible}.abil-tier{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:5px;background:#f2ecdef0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 7px;border-radius:20px;border:2px solid rgba(29,25,21,.65);box-shadow:0 4px 12px #0003,inset 0 1px #fffc;flex-shrink:0}.abil-btn{height:42px;padding:0 8px;font-size:13px;gap:4px;border-radius:12px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.abil-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.btn-icon{font-size:17px}.btn-label{font-size:12px;font-weight:700}.btn-badge{display:none}.btn-plate{height:38px;padding:0 7px;font-size:12px;border-radius:11px}.plate-dot{width:12px;height:12px}.plate-group{display:inline-flex;align-items:center;gap:5px;margin:0}.chapter-controls-wrapper,.c2-controls-wrapper{bottom:calc(14px + var(--safe-bottom));right:calc(12px + var(--safe-right));max-width:calc(100vw - 128px)}.chapter-action-controls,.c2-action-controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px;background:transparent;padding:0;border:none;box-shadow:none;overflow:visible}.chapter-tier{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:5px;background:#f2ecdef0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 7px;border-radius:20px;border:2px solid rgba(29,25,21,.65);box-shadow:0 4px 12px #0003;flex-shrink:0}.chapter-btn,.c2-btn{height:40px;padding:0 9px;font-size:12.5px;gap:4px;border-radius:11px;box-shadow:2px 2px 0 var(--ink)}@media(max-width:380px){.joystick-container,.dpad-container{width:102px!important;height:102px!important}.dpad-btn.btn-up,.dpad-btn.btn-down{width:34px!important;height:36px!important}.dpad-btn.btn-left,.dpad-btn.btn-right{width:36px!important;height:34px!important}.dpad-center-hub{width:32px!important;height:32px!important}.dpad-center-hub .seal-emblem{font-size:16px!important}.dpad-arrow{font-size:12px!important}.abil-btn{padding:0 6px;font-size:11.5px;gap:3px}.btn-icon{font-size:15px}.btn-label{font-size:11px}.btn-plate{padding:0 5px;font-size:11px}}}@media(orientation:landscape)and (max-height:520px){.joystick-wrapper{bottom:calc(8px + var(--safe-bottom));left:calc(12px + var(--safe-left))}.joystick-container,.dpad-container{width:104px!important;height:104px!important}.dpad-btn.btn-up,.dpad-btn.btn-down{width:34px!important;height:36px!important}.dpad-btn.btn-left,.dpad-btn.btn-right{width:36px!important;height:34px!important}.dpad-center-hub{width:34px!important;height:34px!important}.dpad-center-hub .seal-emblem{font-size:17px!important}.dpad-arrow{font-size:13px!important}.joystick-knob{width:44px!important;height:44px!important}.abilities-wrapper,.chapter-controls-wrapper{bottom:calc(8px + var(--safe-bottom));right:calc(10px + var(--safe-right));max-width:calc(100vw - 130px)}.react-abilities-bar,.chapter-action-controls{gap:4px;padding:3px 6px;border-radius:16px}.abil-btn,.chapter-btn{height:38px;padding:0 9px;font-size:12.5px;gap:4px;border-radius:10px;box-shadow:2px 2px 0 var(--ink)}.btn-icon{font-size:15px}.btn-label{font-size:12px}.btn-badge{font-size:9px;padding:.5px 3.5px;border-radius:3px}.btn-plate{height:35px;padding:0 7px;font-size:11.5px}.plate-dot{width:9px;height:9px}}@media(orientation:landscape)and (min-height:521px){.joystick-wrapper{bottom:calc(18px + var(--safe-bottom));left:calc(20px + var(--safe-left))}.abilities-wrapper,.chapter-controls-wrapper{bottom:calc(14px + var(--safe-bottom));right:calc(16px + var(--safe-right));max-width:calc(100vw - 160px)}.react-abilities-bar,.chapter-action-controls{gap:7px;padding:6px 10px;border-radius:22px}.abil-btn,.chapter-btn{height:50px;padding:0 14px;font-size:15px}}#toast{position:fixed;left:16px;right:16px;top:calc(52px + var(--safe-top));text-align:center;z-index:12;pointer-events:none;opacity:0;transition:opacity .35s ease}#toast.on{opacity:1}#toast span{display:inline-block;font-family:var(--display);font-weight:700;font-size:clamp(14px,2.2vw,17px);background:var(--diep);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:6px 16px;max-width:44ch;line-height:1.35}