:root{--card2:#f4e6c2;--bg:#ecdcb4;--fg:#2a2014;--mut:#7a6648;--card:#fbf3dc;--line:#dcc48e;--acc:#2e6b4f;--gold:#9a6a12;--red:#a83a32;--blue:#2f6f9f;--pur:#7b4bb0;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--card2:#241d12;--bg:#1e1810;--fg:#f0e4c8;--mut:#b09a74;--card:#2a2216;--line:#4a3c24;--acc:#5fb08a;--gold:#d6a243;--red:#e0675d;--blue:#6aaedb;--pur:#b48ae6}}
:root[data-theme="dark"]{--card2:#241d12;--bg:#1e1810;--fg:#f0e4c8;--mut:#b09a74;--card:#2a2216;--line:#4a3c24;--acc:#5fb08a;--gold:#d6a243;--red:#e0675d;--blue:#6aaedb;--pur:#b48ae6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.6 'Be Vietnam Pro',Sarabun,sans-serif}
#app{display:flex;flex-direction:column;gap:10px;padding:10px 12px 0;max-width:1400px;margin:0 auto}
.panel{border:2px solid var(--line);border-radius:10px;background:linear-gradient(var(--card),var(--card2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);overflow:hidden;display:flex;flex-direction:column;min-width:0}
#scenep{padding:0;border-color:#2a3a52;position:relative;background:#1c2630}
#mid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:10px;align-items:start}
@media(min-width:821px){#mid.wide{grid-template-columns:minmax(0,1fr)}#mid.wide #ochat{display:none}}
.bagtog{display:none;margin:0 0 8px;border:2px solid #8a2a1e;border-radius:10px;overflow:hidden}.bagtog button{flex:1;border:0;border-radius:0;padding:7px;font-weight:700;background:#fbf3dc;color:#7a1e16}.bagtog button.on{background:#a8322a;color:#fff3c8}
.bagsplit{display:flex;gap:14px;align-items:flex-start}.bagL{flex:0 0 360px}.bagR{flex:1;min-width:0}.bagL .eqwin{margin-top:0}
@media(min-width:821px){.bagL .eqwin{padding:5px 8px 4px}.bagL .eqttl{font-size:12px;padding:1px 0;margin:0 26px 4px}.bagL .eqgrid{gap:3px 6px}.bagL .eqx{max-width:40px}.bagL .eqx small{font-size:8px}.bagL .eqpt{margin:2px}.bagL .eqpt img{height:70px}.bagL .eqname{font-size:11px;margin:0}.bagL .eqbar{height:13px;margin:2px 0}.bagL .eqbar span,.bagL .eqbar b{font-size:9px;line-height:9px}.bagL .eqst{font-size:10px;margin-top:1px}.bagL .eqhint{display:none}.bagL .eqwin:before,.bagL .eqwin:after{width:12px;height:12px}}
@media(max-width:820px){.bagtog{display:flex}.bagsplit{display:block}.bagsplit.v-bag .bagL,.bagsplit.v-eq .bagR{display:none}.bagL .eqx{max-width:62px}.bagL .eqpt img{height:110px}}
#side{flex:none;border-bottom:2px solid var(--line)}#side .stgrid{display:none}
.rp-tabs{display:flex;border-bottom:2px solid var(--line);flex:none}.rp-tabs button{flex:1;border:0;border-radius:0;background:none;padding:10px 4px;font-weight:700;font-size:14px;color:var(--mut);border-bottom:3px solid transparent;margin-bottom:-2px;position:relative}.rp-tabs button.on{color:var(--fg);border-bottom-color:var(--acc);background:var(--card)}.rp-tabs button:not(.on):hover{background:var(--line);color:var(--fg)}
#rpt-badge:not(:empty){display:inline-block;margin-left:5px;background:var(--red);color:#fff;font-size:10px;border-radius:9px;padding:0 5px;line-height:16px;vertical-align:middle}
:is(#charinfo,#tcbody) .ci-h{font-weight:700;font-size:13px;color:var(--fg);margin:12px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--line)}:is(#charinfo,#tcbody) .ci-h:first-child{margin-top:4px}
:is(#charinfo,#tcbody) .kv{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:3px 0}:is(#charinfo,#tcbody) .kv span{color:var(--mut);flex:none}:is(#charinfo,#tcbody) .kv b{font-weight:600;text-align:right}:is(#charinfo,#tcbody) .kv small{color:var(--mut);font-weight:400}
.kvp{padding:2px 0}
.chg{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin-top:6px}.chc{border:1px dashed var(--line);border-radius:8px;padding:7px 9px;display:flex;flex-direction:column;gap:2px;opacity:.7}.chc.on{border:1px solid var(--gold);opacity:1;background:rgba(217,166,64,.08)}.chc small{font-size:11px}
:is(#charinfo,#tcbody) .ci-p{margin:0;font-size:12px;color:var(--mut)}
:is(#charinfo,#tcbody) .scg{display:grid;grid-template-columns:1fr 1fr;gap:6px}:is(#charinfo,#tcbody) .sc{border:1px solid var(--line);border-radius:8px;padding:5px 8px}:is(#charinfo,#tcbody) .sc div{display:flex;justify-content:space-between;font-size:13px}:is(#charinfo,#tcbody) .sc b{color:var(--gold)}:is(#charinfo,#tcbody) .sc small{font-size:11px;color:var(--mut)}
#rp-char{flex:1;overflow-y:auto;min-height:0}#charinfo{padding:6px 12px 14px}#ochatb{flex:1;display:flex;flex-direction:column;min-height:0}
#ochat.rp-char #ochatb,#ochat.rp-chat #rp-char{display:none}
.rp-tabs .och-x{flex:none;width:40px}
#feedp{height:calc(100vh - var(--sceneH,48vh) - 178px);min-height:340px}
#scene.choosing:after{content:"";position:absolute;inset:0;background:rgba(10,10,30,.35);pointer-events:none}
#dock{position:sticky;bottom:0;z-index:4;background:var(--bg);border-top:2px solid var(--line);margin-top:10px}#bar{display:none!important}
#dock .in{max-width:1400px;margin:0 auto;padding:0 12px}
#dock .acts{border:0;padding:8px 0}
#dock .yearbtn{font-size:16px;padding:8px 22px;border-radius:10px}
nav{display:flex;border-top:1px solid var(--line)}
nav button{flex:1;border:0;border-top:3px solid transparent;border-radius:0;background:none;padding:9px 2px;color:var(--mut);font-size:14px}
@media(min-width:820px){nav button.mobonly{display:none}}
nav button .ti{font-size:.95em}
nav button.on{border-top-color:var(--acc);background:var(--line);color:var(--fg);font-weight:700}
nav button:not(:disabled):hover{background:var(--line);color:var(--fg)}
@media(max-width:820px){#app{padding:6px 6px 0;gap:6px}#mid{grid-template-columns:1fr}#feedp{height:auto;min-height:0;max-height:none}#pane{max-height:none!important}
 #side .stgrid,#side .der{display:none}#side .ph{padding:6px 10px}
 #dock .acts{flex-wrap:nowrap;overflow-x:auto}#dock .acts button{flex:none}nav button{font-size:11px;padding:5px 0;line-height:1.2}nav button .ti{display:block;font-size:15px}}
#bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:none;z-index:0;pointer-events:none}#scene #cv{position:relative;z-index:1}
#scene{position:relative;width:min(100%,calc(48vh * 1.92));aspect-ratio:288/150;overflow:hidden;background:#4f8fd0;margin:0 auto;flex:none;align-self:center}
#ntag{position:absolute;left:50%;transform:translate(-50%,-100%);background:rgba(40,50,70,.72);color:#fff;font-size:12px;padding:0 8px;border-radius:3px;white-space:nowrap;pointer-events:none}
#bub{position:absolute;transform:translate(-50%,-100%);background:#fff;color:#222;font-size:13px;font-weight:700;padding:1px 8px;border-radius:8px;border:2px solid #1a121c;white-space:nowrap;pointer-events:none}
#pop{position:absolute;left:50%;top:12%;transform:translateX(-50%);color:#fff7c0;font-weight:700;font-size:15px;text-shadow:0 0 3px #000,0 1px 2px #000;white-space:nowrap;pointer-events:none}
@keyframes popup{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1;transform:translate(-50%,0)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-14px)}}
canvas{width:100%;height:100%;image-rendering:pixelated;display:block}
#intro{position:absolute;left:3%;top:7%;color:#fff;text-shadow:0 2px 0 #1a121c,0 0 6px #000;display:none;pointer-events:none;line-height:1.35}#intro b{display:block;font-size:clamp(18px,3.4vw,40px);margin-bottom:4px}#intro span{font-size:clamp(12px,1.8vw,22px);font-weight:600;color:#e8f0ff}
#bar{position:absolute;left:8px;top:8px;background:rgba(251,243,220,.94);color:#2a2014;padding:2px 10px;border-radius:4px;font-size:13px;line-height:1.4}
#now{margin:0;padding:6px 12px;background:var(--card);border-top:2px solid #2a3a52;font-size:13px;min-height:32px;color:var(--fg)}
.ph{display:flex;gap:10px;align-items:flex-start;padding:10px 12px 8px;border-bottom:1px solid var(--line)}
.ph .who{flex:1;min-width:0}.ph .who b{font-size:17px}.ph small{color:var(--mut)}
#bars{display:grid;grid-template-columns:1fr;gap:3px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:12px}
#shopbtn{position:absolute;right:58px;top:8px;z-index:3;height:36px;padding:0 12px;font-weight:800;font-size:14px;border:2px solid #c99a2e;border-radius:8px;background:linear-gradient(#fff3c4,#f0c860);color:#4a2a08;box-shadow:0 2px 6px rgba(0,0,0,.3)}#shopbtn:hover{filter:brightness(1.06);background:linear-gradient(#fff3c4,#f0c860);color:#4a2a08}@media(max-width:560px){#shopbtn{padding:0 8px;font-size:12px;height:32px;right:54px;top:6px}}
.shtabs{display:flex;gap:6px;margin:4px 0 10px}.shtabs button{flex:1;font-weight:700;border-radius:8px}.shtabs button.on{background:#8a2a1a;color:#fff;border-color:#5a1a10}
.shgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.shc{border:2px solid #c99a2e;border-radius:12px;background:linear-gradient(#fffaf0,#f3e4bc);padding:10px;text-align:center}.shc .pv{height:110px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#fff8e4,#ecd8a8);border-radius:10px;margin-bottom:6px}.shc .pv img{height:96px;image-rendering:pixelated}.shc b{display:block}.shc small{display:block;color:#7a6648;font-size:11px;min-height:30px}.shc .tg{display:inline-block;font-size:10px;font-weight:700;color:#fff;background:#8a4ad0;border-radius:8px;padding:0 6px;margin-bottom:4px}.shc button{width:100%;margin-top:6px;font-weight:800}.shbal{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;border-radius:8px;background:#fff6d8;border:1px solid #e0c070;margin-bottom:8px;font-size:13px}
#dvbtn{position:absolute;right:158px;top:8px;z-index:3;height:36px;min-width:44px;padding:0 10px;font-size:18px;border:2px solid #c99a2e;border-radius:8px;background:linear-gradient(#fff3c4,#f0c860);color:#4a2a08;box-shadow:0 2px 6px rgba(0,0,0,.3)}#dvbtn:hover{background:linear-gradient(#fff3c4,#f0c860);filter:brightness(1.06)}#dvbtn .dvbd{position:absolute;top:-7px;right:-7px;font-style:normal;font-size:11px;font-weight:800;line-height:17px;min-width:17px;border-radius:9px;background:#c0392b;color:#fff}@media(max-width:560px){#dvbtn{height:32px;min-width:38px;font-size:15px;right:138px;top:6px}}.dvh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;border-radius:8px;background:#fff6d8;border:1px solid #e0c070;margin-bottom:8px;font-size:13px}.dvl{display:flex;flex-direction:column;gap:8px}.dvc{display:flex;gap:10px;align-items:center;border:2px solid #c99a2e;border-radius:12px;background:linear-gradient(#fffaf0,#f3e4bc);padding:8px 10px}.dvc .ic{font-size:30px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(#fff8e4,#ecd8a8);flex:none}.dvc .tx{flex:1;min-width:0}.dvc .tx b{font-size:15px}.dvc .tx small{display:block;color:#7a6648;font-size:12px}.dvc .rw{font-size:11.5px;color:#2e6b4f;font-weight:700}.dvc .bt{display:flex;flex-direction:column;gap:4px;flex:none}.dvc .bt button{font-weight:800;min-width:96px}.dvc.done{opacity:.55;border-style:dashed}.dvsub{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.dvsub button{text-align:left;padding:8px 10px;border-radius:10px;line-height:1.35}.dvsub small{display:block;color:#7a6648;font-size:11px}@media(max-width:560px){.dvc{flex-wrap:wrap}.dvc .bt{flex-direction:row;width:100%}.dvc .bt button{flex:1}.dvsub{grid-template-columns:1fr}}#cultb{position:absolute;right:212px;top:8px;display:flex;gap:6px;z-index:3}#cultb:empty{display:none}#cultb button{padding:4px 10px;font-weight:700;font-size:13px;border-width:2px;border-radius:8px;background:rgba(251,243,220,.94);color:#2a2014;line-height:1.25;text-align:center}#cultb button.on{background:var(--acc);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.6),0 0 12px rgba(95,200,140,.8)}#cultb button.on.b{background:#c0602a;border-color:#c0602a;box-shadow:0 0 0 2px rgba(255,255,255,.6),0 0 12px rgba(255,150,70,.85)}#cultb small{display:block;font-weight:400;font-size:10.5px;opacity:.9}
@media(max-width:560px){#cultb{position:static;justify-content:center;padding:6px 6px 0}#cultb small{display:none}#cultb button{font-size:12px;padding:5px 10px;flex:1;max-width:180px;background:var(--card);color:var(--fg)}}
#bars .row{margin:0}#bars .row b{min-width:64px}
.stgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:8px 12px;font-size:13px;border-bottom:1px solid var(--line)}
.der{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding:6px 12px 10px;font-size:12px;color:var(--mut)}
.menubtn{position:absolute;right:8px;top:8px;width:42px;height:36px;padding:0;font-size:18px;border-width:2px;background:rgba(251,243,220,.94);color:#2a2014;z-index:3}
#menu{position:absolute;right:8px;top:50px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.25);display:none;flex-direction:column;z-index:6;min-width:180px;overflow-x:hidden;overflow-y:auto;max-height:calc(100% - 58px);overscroll-behavior:contain}
#menu button{border:0;border-radius:0;text-align:left;padding:6px 14px;background:none;flex:none}
.tmr{font-size:13px;color:var(--mut);display:inline-flex;align-items:center;gap:6px;margin-right:4px}
.feedh .tmr{margin-left:auto;font-weight:400;font-size:12px;text-align:right}@media(max-width:560px){.feedh{flex-wrap:wrap}.feedh .tmr{order:3;width:100%;margin-left:0;text-align:left}}
.tbar{display:inline-block;width:70px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.tbar i{display:block;height:100%;background:var(--gold)}
.summ{margin:8px 0;padding:10px 12px;border:2px solid var(--gold);border-radius:10px;background:var(--card)}
.summ h4{margin:0 0 4px}.summ ul{margin:4px 0;padding-left:18px}
.feedh{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);font-weight:700}
#choice:empty{display:none}
#choice.mini{padding:6px 10px;animation:none;box-shadow:none;max-height:none}.chmini{cursor:pointer;font-size:13px;color:var(--pur);font-weight:600}
.sks.fit .bx{border-color:#3d9a5a!important;border-style:solid;animation:skfit 1s ease-in-out infinite}@keyframes skfit{50%{box-shadow:0 0 12px #5fd08a}}.sks.fit{background:rgba(61,154,90,.12)}.sks.hov{background:rgba(61,154,90,.3);transform:scale(1.05)}
.sk2.sel .bx{outline:3px solid #3d9a5a;outline-offset:2px}.sk2[draggable=true]{cursor:grab}.sk2,.sk2 *,.skrow,.skslots,.skslots *,.skg,.skgt{touch-action:manipulation;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent}.sk2 img,.sks img{-webkit-user-drag:none;pointer-events:none}
.unq{color:#a02020!important;border-color:#c06060!important}body.skout .skslots .sks:not(.fit){opacity:.55}body.skout .skhint.dim{color:#a02020;font-weight:700}
.skhint{font-size:12px;margin:-6px 0 10px;padding:5px 10px;border-radius:8px;background:rgba(61,154,90,.15);border:1px solid #3d9a5a}.skhint.dim{background:none;border:none;color:var(--muted);font-size:11px;padding:0 4px}.skhint button{font-size:11px;padding:1px 8px;margin-left:6px}
.sksum{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;padding:8px;border-radius:10px;background:linear-gradient(135deg,rgba(201,154,46,.18),rgba(201,154,46,.05));border:1px solid rgba(201,154,46,.45)}
.ssc{text-align:center}.ssc small{display:block;font-size:10.5px;color:var(--muted)}.ssc b{font-size:17px;color:#9a6a10}.sst{grid-column:1/-1;font-size:11px;color:var(--muted);text-align:center;border-top:1px dashed rgba(201,154,46,.5);padding-top:5px}.sst b{color:var(--fg)}
.skh{display:flex;align-items:center;gap:8px}.skauto{margin-left:auto;font-size:15px;font-weight:800;padding:9px 18px;min-height:42px;border-radius:10px;border:2px solid #c9a860;background:linear-gradient(#fff6dc,#f0d898);color:#5a3a10;box-shadow:0 2px 6px rgba(0,0,0,.18)}.skauto:hover{filter:brightness(1.05)}@media(max-width:820px){.skauto{font-size:16px;padding:11px 20px;min-height:48px}}
.skgrp{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.skbox{flex:1 1 120px;border-radius:12px;background:rgba(0,0,0,.035);border:1px solid var(--line);padding:4px 6px 8px}.skbox.wide{flex:3 1 330px}
.skbt{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--muted);text-align:center;margin-bottom:2px}.skin{display:flex;gap:6px;align-items:flex-start;justify-content:center}
@media (max-width:640px){.skbox.wide{flex-basis:100%;min-width:0}.skbox.wide .skin{flex-wrap:wrap}.skbox.wide .sk4{flex:1 1 100%;min-width:0}.sk4 .sks{min-width:0}.sk4 .sks .nm{font-size:10px}}
.sk4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex:1}.sk4 .sks .bx{width:44px;height:44px}.sk4 .sks img{width:34px;height:34px}.sk4 .sks{padding:4px 2px 6px}.sk4 .sks .nm{font-size:10.5px}
.sks.sbig{min-width:96px}.sks.sbig .bx{width:68px;height:68px}.sks.sbig img{width:54px;height:54px}
.sks .bx.glow{animation:skglow 2s ease-in-out infinite}@keyframes skglow{50%{box-shadow:0 0 12px var(--f),0 2px 4px rgba(0,0,0,.15)}}
.sk2 .use{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#3d9a5a;color:#fff;font-size:11px;line-height:18px;border:2px solid #fff}
.sk2 .pg{height:4px;border-radius:2px;background:var(--line);margin:3px 8px 1px;overflow:hidden}.sk2 .pg i{display:block;height:100%;background:var(--f)}.sk2 .pg.max i{background:linear-gradient(90deg,#d4a017,#ffe27a)}
.sk2.lock{opacity:.5;cursor:default}.sk2.lock img{filter:grayscale(1)}.sk2.lock .lk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px}
details.skg>summary{cursor:pointer;list-style:none}
details.wfold{background:#f6ead0;border:1px solid #c9a35a;border-radius:10px;margin:6px 0;padding:0}details.wfold>summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:15px;user-select:none}details.wfold>summary::-webkit-details-marker{display:none}details.wfold>summary::before{content:"▸ ";color:#a0682a}details.wfold[open]>summary::before{content:"▾ "}details.wfold[open]>summary{border-bottom:1px solid #dcc48e}details.wfold>.wfb{padding:6px 10px 8px}details.wfold>summary:hover{background:rgba(201,153,58,.12);border-radius:10px}details.skg>summary::-webkit-details-marker{display:none}details.skg>summary::before{content:"▾ ";}details.skg:not([open])>summary::before{content:"▸ "}
@media(max-width:600px){.sksum{grid-template-columns:repeat(2,1fr)}}
.skh{font-weight:800;font-size:16px;margin:4px 0 8px;color:var(--fg)}.skh small{font-weight:400;font-size:11px}
.skslots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-bottom:12px}
.sks{border-radius:10px;padding:6px 4px 8px;text-align:center;cursor:pointer;background:rgba(0,0,0,.035);border-bottom:3px solid rgba(0,0,0,.12);transition:transform .12s}.sks:hover{transform:translateY(-2px)}.sks.on{background:rgba(201,154,46,.18);border-bottom-color:#c99a2e}.sks.pas{cursor:default}.sks.pas:hover{transform:none}
.sks .sl{font-size:11px;color:var(--muted);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sks .bx,.sk2 .bx{width:58px;height:58px;margin:0 auto;border-radius:10px;border:3.5px solid #7a6548;background:#fffaf0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.15);position:relative}
.sks .bx span{font-size:22px;color:#b8a888}.sks .bx:has(span){border-style:dashed;background:transparent;box-shadow:none}
.sks img,.sk2 img{width:46px;height:46px;image-rendering:pixelated}
.sks .nm,.sk2 .nm{font-size:11.5px;font-weight:700;line-height:1.2;margin-top:4px;word-break:break-word;color:var(--fg)}.sks .sb{font-size:10px;color:var(--muted)}
.skpick{border:2px solid #c99a2e;border-radius:10px;padding:8px;margin:-4px 0 12px;background:rgba(201,154,46,.08)}
.skpl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin-top:6px}.skpl button{display:flex;align-items:center;gap:6px;text-align:left;padding:4px 6px}.skpl button.on{border-color:#c99a2e!important;background:linear-gradient(#fff3c4,#f0c860)!important;color:#4a2a08!important}.skpl button.on small{color:#6a4a18}.skpl img{width:32px;height:32px;image-rendering:pixelated}.skpl small{display:block;font-size:10px;color:var(--muted)}
.skg{margin-bottom:10px}.skgt{font-size:13px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:3px;margin-bottom:6px}.skgt small{font-weight:400}
.skrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.sk2{text-align:center;cursor:pointer;padding:4px 2px;border-radius:10px;transition:transform .12s}.sk2:hover{transform:translateY(-2px)}.sk2 .bx{border-color:var(--f);box-shadow:0 0 0 2px rgba(255,255,255,.6) inset,0 2px 5px rgba(0,0,0,.2)}
.sk2 .gr{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;font-weight:700;color:#fff;background:var(--f);padding:0 5px;border-radius:6px;white-space:nowrap}
.sk2 .nm{margin-top:8px}.sk2 .lv{font-size:10px;color:var(--muted)}
.skgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}
.sk{border:2px solid transparent;border-radius:12px;background:var(--card);padding:8px 4px 6px;text-align:center;cursor:pointer;transition:transform .12s,box-shadow .12s;position:relative}
.sk:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.sk .ic{width:56px;height:56px;image-rendering:pixelated;display:block;margin:0 auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.sk .pips{display:flex;justify-content:center;gap:3px;margin:4px 0 2px}.sk .pips i{width:8px;height:4px;border-radius:2px;background:var(--line)}.sk .pips i.on{background:var(--c)}
.sk .nm{font-size:11px;line-height:1.25;color:var(--fg);word-break:break-word}
.lcol{display:flex;flex-direction:column;gap:10px;min-width:0}
#ochat{height:calc(100vh - var(--sceneH,48vh) - 178px);min-height:340px}
.och-h{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.och-h b{flex:1;font-size:14px}
.och-st{font-size:11px;color:var(--mut)}.och-st.on{color:var(--acc)}.och-x{display:none;border:0;background:none;padding:0 4px;font-size:16px;color:var(--mut)}
.och-tabs{display:flex;border-bottom:1px solid var(--line)}.och-tabs button{flex:1;border:0;border-radius:0;background:none;padding:6px 2px;font-size:12px;color:var(--mut);border-bottom:2px solid transparent}
.och-tabs button.on{color:var(--fg);font-weight:700;border-bottom-color:var(--acc);background:none}.och-tabs button:disabled{opacity:.35}
.och-log{flex:1;overflow-y:auto;padding:6px 10px;font-size:12.5px;display:flex;flex-direction:column;gap:4px;min-height:0}
.och-lock{margin:auto;text-align:center;color:var(--mut);display:flex;flex-direction:column;gap:4px;align-items:center;font-size:28px}.och-lock b{font-size:14px;color:var(--fg)}.och-lock span{font-size:12.5px}
.och-m{line-height:1.4;word-break:break-word}.och-m .who{font-weight:700;color:var(--blue)}.pk{display:flex;gap:10px;flex-wrap:wrap}.pkl{background:radial-gradient(circle at 50% 70%,#9cc4ee,#5a86c0);border:2px solid #fff;border-radius:12px;width:150px;min-height:180px;display:flex;align-items:flex-end;justify-content:center;padding:8px 0;flex:none;margin:auto}.pkl img{max-width:140px;max-height:170px;image-rendering:pixelated}.pkr{flex:1;min-width:190px;background:linear-gradient(#6a8ccc,#4f70ae);color:#fff;border-radius:12px;padding:8px 10px;border:2px solid #fff}.pkrw{display:flex;gap:6px;align-items:baseline;padding:2px 0;font-size:13px}.pkrw span{width:78px;flex:none;opacity:.9}.pkrw span:after{content:" ▸";color:#ffe060}.pkrw b{color:#fff;word-break:break-word}.pkrw small{color:#dfe8ff}.pkg{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px}.pkc{aspect-ratio:1;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.7);border-radius:6px;display:flex;align-items:center;justify-content:center}.pkc img{width:80%;image-rendering:pixelated}.pkc.e{opacity:.5}.dgls{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;max-height:140px;overflow:auto}.dgls span{background:rgba(58,138,100,.12);border:1px solid rgba(58,138,100,.35);border-radius:10px;padding:1px 8px;font-size:12px}.dgls span.me{background:rgba(212,160,23,.25);border-color:#c8920a;font-weight:700}.gmn{font-weight:900;background:linear-gradient(90deg,#ff3b3b,#ff9a1f,#ffe11f,#3bd16f,#2fa8ff,#7a5cff,#ff4fd8,#ff3b3b);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:gmrb 3s linear infinite;text-shadow:none}@keyframes gmrb{to{background-position:300% 0}}.och-m.gm{background:linear-gradient(90deg,rgba(255,215,90,.22),rgba(255,215,90,0));border-left:3px solid #e0a020;padding-left:5px;border-radius:4px;color:#8a4a00;font-weight:600}.och-m.me .who{color:var(--acc)}.och-m .rk{font-size:10px;color:var(--gold);margin-right:3px}.och-m .tm{font-size:10px;color:var(--mut);margin-right:5px}
.och-m.sys{color:var(--mut);font-style:italic;text-align:center;font-size:11.5px}
.och-f{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--line)}.och-f input{max-width:none;flex:1;padding:4px 8px}
#och-fab{display:none;position:fixed;right:12px;bottom:118px;z-index:12;width:48px;height:48px;border-radius:50%;font-size:22px;padding:0;background:var(--acc);color:#fff;border:0;box-shadow:0 4px 14px rgba(0,0,0,.3)}
#och-badge:not(:empty){position:absolute;top:-2px;right:-2px;background:var(--red);color:#fff;font-size:10px;border-radius:9px;padding:0 5px;line-height:16px}
@media(max-width:820px){#ochat{display:none;position:fixed;left:6px;right:6px;bottom:112px;height:55vh;z-index:13;box-shadow:0 8px 30px rgba(0,0,0,.35)}#ochat.open{display:flex}#och-fab{display:block}.och-x{display:block}}
#skact{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:60;display:none;width:min(560px,calc(100vw - 20px));animation:skup .18s ease-out}@keyframes skup{from{transform:translate(-50%,20px);opacity:0}}
#skact .ska{display:flex;gap:10px;align-items:center;background:var(--card);border:2px solid #c99a2e;border-radius:12px;padding:10px;box-shadow:0 8px 28px rgba(0,0,0,.35)}
#skact .bx{width:52px;height:52px;flex:none;border:3.5px solid;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fffaf0}#skact img{width:42px;height:42px;image-rendering:pixelated}
#skact .tx{flex:1;min-width:0;line-height:1.35}#skact .tx b{display:block;font-size:15px}#skact .tx small{display:block;font-size:11px;color:var(--muted)}
#skact .bt{display:flex;flex-direction:column;gap:4px;flex:none}#skact .bt button{padding:6px 12px;font-size:13px;white-space:nowrap}
#skact{-webkit-text-size-adjust:100%;text-size-adjust:100%}#skact .ska{max-height:70vh;overflow-y:auto}
@media (max-width:640px){#skact .ska{flex-wrap:wrap;align-items:flex-start;padding:8px;gap:8px}#skact .bx{width:44px;height:44px}#skact img{width:36px;height:36px}#skact .tx{flex:1 1 calc(100% - 56px)}#skact .tx b{font-size:14px}#skact .tx small{font-size:11px}#skact .bt{flex:1 1 100%;flex-direction:row;flex-wrap:wrap}#skact .bt button{flex:1 1 0;padding:7px 6px;font-size:12px;white-space:normal}#skact .bt small{flex:1 1 100%}}#skact .bt button.go{background:linear-gradient(#fff3c4,#f0c860);border-color:#c99a2e;color:#4a2a08;font-weight:800}
#sktip{position:fixed;z-index:40;display:none;max-width:280px;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;box-shadow:0 8px 28px rgba(0,0,0,.28);pointer-events:none;line-height:1.5}
#toast{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);background:rgba(30,36,32,.92);color:#fff;padding:7px 14px;border-radius:8px;font-size:13px;z-index:30;pointer-events:none;max-width:90vw;display:none}
#choice{flex:none;max-height:72%;overflow-y:auto;overscroll-behavior:contain;margin:8px 10px 0;padding:10px 12px;border:2px solid var(--pur);border-radius:10px;background:var(--card);box-shadow:0 0 0 3px rgba(123,75,176,.18),0 0 18px rgba(123,75,176,.35);animation:glow 1.6s ease-in-out infinite alternate}
@keyframes glow{to{box-shadow:0 0 0 3px rgba(123,75,176,.3),0 0 26px rgba(123,75,176,.55)}}
#choice .nm{display:block;font-size:12px;color:var(--pur);font-weight:700;margin-bottom:2px}
#choice .opts{display:flex;flex-direction:column;gap:6px;margin-top:8px}#choice .opts.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}#choice .opts.g2 button{line-height:1.35}#choice .opts button{text-align:left;padding:7px 10px}
.ev.me{color:var(--acc);font-style:italic}.ev.me:before{content:"›"}
.ev.npc{color:var(--pur)}
.ev.bsum{padding-left:0}.ev.bsum:before{content:none}.ev.bsum details{background:rgba(255,248,228,.7);border:1px solid #dcc48e;border-left:3px solid #b8322a;border-radius:6px;padding:3px 8px;font-size:13px}
.ev.bsum summary{cursor:pointer;color:#5a3a1a}.ev.bsum summary .bw{color:#2e7a4a}.ev.bsum summary .bl{color:#b8322a}
.ev.bsum .bsg{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}.ev.bsum .bsg span{background:#fff;border:1px solid #e3d0a0;border-radius:10px;padding:0 7px;font-size:11.5px}.ev.bsum .bsl{font-size:12px;color:#4a3a2a;line-height:1.55;max-height:220px;overflow-y:auto;border-top:1px dashed #dcc48e;padding-top:4px}
.rtag{display:inline-block;font-size:11px;font-weight:600;line-height:16px;padding:0 7px;border-radius:9px;border:1px solid currentColor;margin-right:3px;vertical-align:1px;background:#fff}
.rtag.r1{color:#3f9a5a}.rtag.r2{color:#2f6fd0}.rtag.r3{color:#8a4ad0}.rtag.r4{color:#b8860b;background:#fff6d8}
.ev.rar{border-left:3px solid;padding-left:12px;margin:3px 0;font-weight:600}.ev.rar:before{content:none}.ev.rar.r1{border-color:#3f9a5a;font-weight:400}.ev.rar.r2{border-color:#2f6fd0;background:rgba(47,111,208,.05)}.ev.rar.r3{border-color:#8a4ad0;background:rgba(138,74,208,.06)}.ev.rar.r4{border-color:#c99a2e;background:rgba(201,154,46,.1)}
#choice.rarc.r2{border-color:#2f6fd0;box-shadow:0 0 0 3px rgba(47,111,208,.18),0 0 18px rgba(47,111,208,.35)}#choice.rarc.r3{border-color:#8a4ad0}#choice.rarc.r4{border-color:#c99a2e;box-shadow:0 0 0 3px rgba(201,154,46,.25),0 0 22px rgba(240,190,60,.6)}
#choice .arct{font-size:17px;font-weight:800;color:#6a3a14;margin:4px 0 2px;letter-spacing:.5px}#choice.rarc.arc{border-color:#a0682a;box-shadow:0 0 0 3px rgba(160,104,42,.2),0 0 18px rgba(200,140,60,.4);background:linear-gradient(#fbf3dc,#f6e6c0)}
.ev.arc{border-left:3px solid #a0682a;padding-left:12px;margin:4px 0;background:rgba(200,150,80,.08)}.ev.arc:before{content:none}.ev.arc .arcb{display:inline-block;font-size:11.5px;font-weight:700;color:#7a4a1a;background:#f6e2b8;border:1px solid #d8b070;border-radius:9px;padding:0 7px;margin-right:4px}
.ev.mo{color:#6b5a3a;font-style:italic}.ev.sys{color:var(--mut);font-size:13px}
#chatf{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line);background:var(--card)}#chatf input{max-width:none}
.row{display:flex;align-items:center;gap:8px;margin:3px 0}.row b{min-width:44px;font-weight:400;color:var(--mut)}
.meter{flex:1;height:7px;background:var(--line);border-radius:4px;overflow:hidden}.meter i{display:block;height:100%}
.st{display:grid;grid-template-columns:1fr 1fr;margin-bottom:4px}.st span:first-child:nth-last-child(5)~span:last-child{}
.g{color:var(--acc);font-weight:700}
button{font:inherit;cursor:pointer;border:1px solid var(--acc);background:var(--card);color:var(--fg);border-radius:6px;padding:4px 10px}
button.on,button:not(:disabled):hover{background:var(--acc);color:#fff}button:disabled{opacity:.4;cursor:default}
.acts{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line);align-items:center}
.go{background:var(--acc);color:#fff;font-weight:700}
.right{margin-left:auto;display:flex;gap:6px}
#pane{padding:6px 12px 16px;overflow:auto;flex:1;min-height:0}
details{border-bottom:1px solid var(--line);padding:5px 0}summary{cursor:pointer;font-weight:700}
.ev{padding:2px 0 2px 14px;position:relative}.ev:before{content:"•";position:absolute;left:2px}
.tag{border:1px solid currentColor;border-radius:10px;padding:0 7px;font-size:11px;margin-right:4px;white-space:nowrap}
.r0{color:var(--acc)}.r1{color:var(--blue)}.r2{color:var(--gold)}.rn{color:var(--red)}
.big{border-left:3px solid var(--gold);padding-left:8px;font-weight:700}.bad{color:var(--red)}.ch{color:var(--pur)}
.trtabs{display:flex;gap:6px;margin:0 0 8px}.trtabs button{flex:1;font-weight:700;border-radius:8px;padding:6px}.trtabs button.on{background:#8a2a1a;color:#fff;border-color:#5a1a10}
.trhd{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.trcur{border-color:var(--gold);align-items:flex-start}.trev{margin:6px 0 0;padding-left:18px;font-size:12px}.trr .tric{font-size:28px;width:40px;text-align:center}.trr.lock{opacity:.6}.trauto{margin-top:4px;font-size:11.5px;padding:2px 8px}.trauto.on{background:#2e6b4f;color:#fff;border-color:#2e6b4f}@media(max-width:560px){.trr{flex-wrap:wrap}.trr>div:last-child{width:100%;text-align:left!important;display:flex;gap:8px;align-items:center;padding-left:48px}}
#sidenav .spbdg{margin-left:auto;padding:1px 10px;border-radius:9px;border:2px solid #c99a2e;background:linear-gradient(#fff3c4,#f0c860);color:#4a2a08;font-weight:800;font-size:14px;animation:spglow 1.6s ease-in-out infinite;cursor:pointer}
@media(min-width:821px){#spfab,.sbadge.spbadge{display:none!important}}
#spfab{position:absolute;right:8px;top:44px;z-index:6;padding:4px 10px;border-radius:9px;border:2px solid #c99a2e;background:linear-gradient(#fff3c4,#f0c860);color:#4a2a08;font-weight:800;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.3);animation:spglow 1.6s ease-in-out infinite}@media(max-width:820px){#spfab{font-size:11px;padding:2px 7px;top:40px;right:6px}}body.kidplay #spfab{opacity:0;pointer-events:none}
.spbadge{background:linear-gradient(#fff3c4,#f0c860)!important;border-color:#c99a2e!important;animation:spglow 1.6s ease-in-out infinite}.spbanner{display:block;width:100%;margin:0 0 8px;padding:8px;border:2px solid #c99a2e;border-radius:10px;background:linear-gradient(#fff6d6,#f4d27a);font-weight:700;cursor:pointer}
.sprow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line)}.sprow .spn small{display:block;color:var(--mut);font-size:11px}.sprow .spv i{color:#2e6b4f;font-style:normal;font-size:12px}.sprow .spb button{min-width:34px;padding:3px 6px}.spleft{margin:4px 0 6px}.sc.spc{border-color:#c99a2e}.spctl{display:flex;gap:4px;margin-top:5px}.spctl button{flex:1;padding:3px 0;min-width:0}.spnew{color:#2e6b4f}.spbar{margin-top:8px;padding:8px;border:2px solid #c99a2e;border-radius:10px;background:linear-gradient(#fff6d6,#f4e2a8)}.spact{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}
.sfac{margin:4px 0 8px}.sfac>summary{cursor:pointer;padding:4px 2px;border-bottom:1px solid var(--line)}
.card{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:8px 10px;margin:6px 0;display:flex;justify-content:space-between;gap:8px;align-items:center}
.muted{color:var(--mut);font-size:13px}
/* creation */
#create{padding:8px 12px 16px;overflow:auto;flex:1;min-height:0}
#create h2{margin:6px 0;font-size:18px}
.crhd{text-align:center;margin:4px 0 10px;padding:10px 8px;border-radius:12px;background:linear-gradient(180deg,#7a2a1e,#561a12);color:#f6e6c0;border:2px solid #c9a860;box-shadow:inset 0 0 0 2px rgba(0,0,0,.15)}
.crt{font-size:20px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.35)}.crhd small{opacity:.9;font-size:12px}
.crg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 6px}
.crgc{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;border:2px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 50% 72%,rgba(201,168,96,.28),transparent 62%),var(--card);cursor:pointer;filter:grayscale(.75);opacity:.65;transition:transform .15s,opacity .15s,filter .15s}
.crgc.on{background:radial-gradient(ellipse at 50% 72%,rgba(201,168,96,.45),transparent 62%),var(--card)!important;color:var(--fg)!important;border-color:#c9a860;box-shadow:0 0 0 3px rgba(201,168,96,.35),0 6px 14px rgba(0,0,0,.18);filter:none;opacity:1;transform:translateY(-2px)}
.crgc canvas{width:144px;height:104px;max-width:100%;image-rendering:pixelated}.crgc b{font-size:15px}
.crsec{font-weight:700;margin:14px 0 6px;padding-left:8px;border-left:4px solid #c9a860}
.f{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
input{font:inherit;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--fg);min-width:0;flex:1;max-width:240px}
.tal{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:6px 10px;margin:5px 0}
.tal b{display:block}
/* modal */
#sheet{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:16px;z-index:9}
#sheet .box{background:var(--card);color:var(--fg);border-radius:12px;max-width:560px;width:100%;max-height:85vh;overflow:auto;padding:14px 16px;border-top:4px solid var(--acc)}
#sheet h3{margin:0 0 6px;display:flex;justify-content:space-between;align-items:center}
#rev{position:fixed;inset:0;background:rgba(5,8,20,.6);display:none;align-items:center;justify-content:center;padding:16px;z-index:19}
#rev .box{background:var(--card);color:var(--fg);border-radius:14px;max-width:460px;width:100%;padding:18px;border-top:5px solid var(--gold);box-shadow:0 10px 40px rgba(0,0,0,.4);animation:revin .5s ease-out}
@keyframes revin{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
#rev h3{margin:0 0 4px;text-align:center}#rev .sub{text-align:center;color:var(--mut);font-size:13px;margin-bottom:10px}
.rcard{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0}.rcard .rn{font-size:20px;font-weight:700}
.chip{display:inline-block;padding:1px 9px;border-radius:10px;font-size:12px;font-weight:700;color:#1a121c;margin:3px 3px 0 0}
.stars{color:var(--gold);letter-spacing:2px}
#hwarnw{position:absolute;left:8px;top:8px;z-index:4}#hwarn{white-space:nowrap;background:#fff3d6;border:2px solid #d9a030;color:#6a4a00;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.25)}
#hwarn.crit{background:#ffe0e0;border-color:#c0392b;color:#8a1a1a;animation:hwpulse 1s ease-in-out infinite}@keyframes hwpulse{50%{box-shadow:0 0 0 4px rgba(192,57,43,.45)}}
#bars .row.hlow{cursor:pointer;border-radius:6px;background:rgba(217,160,48,.12)}#bars .row.hlow.crit{background:rgba(192,57,43,.14);animation:hwpulse 1.2s ease-in-out infinite}
.bagtop{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:6px}.bagbtns{display:flex;gap:4px;flex-wrap:wrap}.bagbtns button{font-size:12px;padding:4px 8px}.bagtop .bad{color:var(--red)}
.bagopt{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin-bottom:8px}.bagopt input{vertical-align:middle;margin-right:3px}
.eqrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.eqs{width:58px;height:58px;border:2px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.eqs img{width:34px;height:34px;image-rendering:pixelated}.eqs small{font-size:10px;color:var(--mut)}
.bagf{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.bagf button{font-size:12px;padding:3px 8px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--mut)}.bagf button.on{background:var(--acc);border-color:var(--acc);color:#fff}
.baggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}.bslot{position:relative;aspect-ratio:1;border:2px solid var(--rc,var(--line));border-radius:9px;background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.bslot img{width:80%;height:80%;image-rendering:pixelated}.bslot .cnt{position:absolute;right:3px;bottom:1px;font-size:11px;text-shadow:0 0 3px var(--card),0 0 3px var(--card)}.bslot.sel{box-shadow:0 0 0 3px var(--acc)}.bslot.empty{border:1px dashed var(--line);cursor:default;opacity:.5}
.eqwin{position:relative;background:linear-gradient(#fbf3dc,#f3e4bc);border:3px solid #8a2a1e;box-shadow:inset 0 0 0 2px #d9a640,0 3px 10px rgba(0,0,0,.15);border-radius:12px;padding:8px 10px 6px;margin:4px 0 10px;max-width:420px}
.eqwin:before,.eqwin:after{content:"";position:absolute;width:16px;height:16px;border:3px solid #d9a640;top:5px}.eqwin:before{left:5px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}.eqwin:after{right:5px;border-left:0;border-bottom:0;border-radius:0 6px 0 0}
.eqttl{text-align:center;font-weight:700;color:#fff3c8;background:linear-gradient(#a8322a,#7a1e16);border:2px solid #d9a640;border-radius:8px;margin:0 30px 8px;padding:3px 0;letter-spacing:1px;text-shadow:0 1px 0 #4a0e08}
.eqgrid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,auto);grid-template-areas:"e1 pt pt pt e2" "w pt pt pt k" "r1 pt pt pt a" "r2 hb hb hb l" ". hb hb hb s";gap:6px;align-items:center}
.eqx{aspect-ratio:1;max-width:62px;width:100%;justify-self:center;background:radial-gradient(#fffaf0,#efe0bc);border:2px solid #b08a4a;border-radius:9px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),0 1px 3px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}
.eqx img{width:66%;image-rendering:pixelated}.eqx img.ghost{opacity:.18;filter:grayscale(1)}.eqx small{font-size:9px;color:#7a5a30;line-height:1;margin-top:1px}.eqx:hover{border-color:#a8322a}
.eqpt{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#fff8e4,#f0dcae 70%);border:2px solid #d9a640;border-radius:50%/42%;margin:4px}
.eqpt img{height:110px;image-rendering:pixelated}.eqname{font-size:12px;font-weight:700;color:#7a1e16;margin-top:2px}
.eqbar{position:relative;height:16px;border-radius:8px;background:#3a2a24;border:2px solid #d9a640;margin:3px 0;overflow:hidden}.eqbar i{position:absolute;left:0;top:0;bottom:0}.eqbar.hp i{background:linear-gradient(#ff7a6a,#c0392b)}.eqbar.mp i{background:linear-gradient(#7ab8ff,#2f6fd0)}
.eqbar span{position:absolute;left:6px;top:0;font-size:10px;color:#fff;z-index:1;line-height:12px;font-weight:700;text-shadow:0 1px 1px #000}.eqbar b{position:absolute;right:6px;top:0;font-size:10px;color:#fff;z-index:1;line-height:12px;text-shadow:0 1px 1px #000}
.eqst{font-size:11px;color:#6a4a20;text-align:center;margin-top:3px}.eqhint{display:block;text-align:center;font-size:10px;color:#9a7a50;margin-top:4px}
.dropb{color:var(--red)!important;border-color:var(--red)!important}
.bagdet{display:flex;gap:10px;align-items:flex-start;border:2px solid;border-radius:10px;padding:10px 12px;margin-top:6px}.bagdet>img{width:48px;height:48px;image-rendering:pixelated}
.hnow{margin:8px 0 4px;padding:6px 10px;border-radius:8px;background:var(--line);font-size:13px}.hnow.warn{background:#fff3d6;color:#6a4a00}.hnow.crit{background:#ffe0e0;color:#8a1a1a;font-weight:700}
.hrow{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 9px;margin-bottom:5px;font-size:13px}.hbtn{display:flex;gap:4px;flex:none}.hbtn button{font-size:12px;padding:4px 8px}
.healbtn{width:100%;padding:7px;font-weight:700;border:2px solid #d9a030!important;background:#fff8e6!important;color:#6a4a00!important}
@media(max-width:560px){#hwarnw{left:6px;top:6px}#hwarn{font-size:11px;padding:3px 7px}#hwarn .hwl{display:none}.hrow{flex-direction:column;align-items:stretch}}
#bhud{position:absolute;left:6px;right:48px;top:5px;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;pointer-events:none;font-size:11px;color:#fff;text-shadow:0 1px 2px #000}
#bhud .bh b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bhud .r{text-align:right}
#bhud .bb{position:relative;height:9px;background:rgba(20,10,10,.65);border:1px solid rgba(255,230,180,.7);border-radius:5px;overflow:hidden;margin-top:2px}#bhud .bb i{display:block;height:100%;background:linear-gradient(#ff7a6a,#c8322a);transition:width .25s}#bhud .bb.e i{background:linear-gradient(#ffc060,#d07a1a);margin-left:auto}#bhud .r .bb i{float:right}
#bhud .bb span{position:absolute;inset:0;font-size:8.5px;line-height:9px;text-align:center;color:#fff}#bhud .bb.mp{height:5px}#bhud .bb.mp i{background:linear-gradient(#7ac0ff,#2a6ad0)}
#bhud .c{text-align:center;background:rgba(40,10,10,.7);border:1px solid #e8c050;border-radius:8px;padding:2px 8px;line-height:1.1}#bhud .c small{font-size:9px;color:#ffe6a8;display:block}#bhud .c b{font-size:15px;color:#ffd070}
#bhud .bel{font-style:normal;font-size:9px;margin-left:4px;padding:0 4px;border-radius:6px;background:rgba(255,255,255,.25)}
#bhud .bctl{position:absolute;right:-42px;top:34px;display:flex;flex-direction:column;gap:3px;pointer-events:auto}#bhud .bctl button{font-size:10px;padding:2px 6px;min-width:38px;background:rgba(251,243,220,.92);color:#3a2410;border:1px solid #c99a2e;border-radius:6px}#bhud .bctl button.on{background:#b8322a;color:#fff}
#scene.inbattle #spmb,#scene.inbattle #actw,#scene.inbattle #restw{display:none!important}
#dmgl{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
#dmgl .dn{position:absolute;transform:translate(-50%,-100%);font-weight:900;font-size:clamp(14px,2.2vw,30px);color:#fff;text-align:center;line-height:1;white-space:nowrap;text-shadow:0 0 3px #000,0 2px 0 #000,1px 1px 0 #000,-1px -1px 0 #000;animation:dnum 1.2s ease-out forwards}
#dmgl .dn small{font-size:.55em;letter-spacing:.5px}#dmgl .dn.crit{color:#ffe040;font-size:clamp(19px,3.2vw,42px);animation-name:dcrit}#dmgl .dn.skl{color:#ffa040}#dmgl .dn.hurt{color:#ff7070}#dmgl .dn.blk{color:#80c8ff}#dmgl .dn.miss{color:#d0d0d0;font-style:italic}#dmgl .dn.heal{color:#70ff90}#dmgl .dn.dtp{color:#ff4a3a}#dmgl .dn.dti{color:#4ab4ff}#dmgl .dn.dtt{color:#46d870}
#dmgl .dn.sm{font-size:clamp(10px,1.6vw,14px)}#dmgl .dn.st.poison{color:#d090ff}#dmgl .dn.st.bleed{color:#ff5050}#dmgl .dn.st.burn{color:#ffa050}#dmgl .dn.st.stun{color:#ffe060}#dmgl .dn.st.blind{color:#a8d8ff}#dmgl .dn.st.brk{color:#e8b870}.tmap{position:relative;width:100%;max-width:640px;margin:0 auto 10px;border:3px solid #6a4a2a;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.25)}.tmap img{display:block;width:100%;image-rendering:pixelated}.tpin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;background:none!important;border:none!important;padding:0!important;cursor:pointer;min-width:0}.tpin i{font-style:normal;font-size:18px;width:30px;height:30px;line-height:28px;border-radius:50%;background:rgba(255,248,225,.92);border:2px solid #8a5a2a;box-shadow:0 2px 4px rgba(0,0,0,.35);animation:tpb 2.4s ease-in-out infinite}.tpin i{display:flex;align-items:center;justify-content:center;width:38px!important;height:38px!important}.tpin i img{width:32px;height:32px;image-rendering:pixelated}@media(max-width:820px){.tpin i{width:32px!important;height:32px!important}.tpin i img{width:28px;height:28px}}.tpin span{font-size:11px;font-weight:800;color:#fff;background:rgba(60,32,14,.82);padding:1px 6px;border-radius:6px;white-space:nowrap}.tpin:hover i{transform:scale(1.15);border-color:#e0a030}.tme{position:absolute;transform:translate(-50%,-100%);font-size:20px;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}@keyframes tpb{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(max-width:600px){.tpin i{width:24px;height:24px;line-height:22px;font-size:14px}.tpin span{font-size:9px;padding:0 4px}}#mhpb{display:none}@media(max-width:820px){#mhpb.on{display:flex;gap:8px;padding:8px 10px 6px;border-bottom:1px solid var(--line)}#mhpb .mb{flex:1;position:relative;height:20px;border-radius:10px;background:#3a2a24;border:2px solid #d9a640;overflow:hidden}#mhpb .mb i{position:absolute;left:0;top:0;bottom:0;transition:width .4s}#mhpb .hp i{background:linear-gradient(#ff7a6a,#c0392b)}#mhpb .mp i{background:linear-gradient(#7ab8ff,#2f6fd0)}#mhpb span{position:absolute;left:8px;top:0;line-height:16px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 1px #000;z-index:1}#mhpb b{position:absolute;right:8px;top:0;line-height:16px;font-size:11px;color:#fff;text-shadow:0 1px 1px #000;z-index:1}}.mlbd{position:absolute;top:-6px;right:-6px;background:#c0392b;color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:1px 5px;line-height:1.3}.mlbd.mlnav{position:static;margin-left:auto;font-size:11px;padding:1px 6px}.mlrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-left:4px solid #c9a860;border-radius:8px;margin-bottom:6px;cursor:pointer;background:var(--card)}.mlic{font-style:normal;font-size:20px;flex:0 0 auto;display:flex;align-items:center}.mlenv{display:inline-block;vertical-align:-3px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.mlmain{flex:1;min-width:0;display:flex;flex-direction:column}.mlmain b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mlclip{flex:0 0 auto;font-size:16px}.mlrow.at .mlclip{animation:tmonb 1.2s ease-in-out infinite}.mltabs{display:flex;gap:6px;margin-bottom:8px}.mltabs button{font-weight:700;border-radius:8px;padding:5px 12px}.mltabs button.on{background:#2f7d4a;color:#fff;border-color:#2f7d4a}.mlacts{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.mlacts button{border-radius:14px;font-weight:700;padding:4px 12px}.mlacts .mlget:not([disabled]){background:#e8b830;border-color:#c8961a;color:#3a2400}.mlacts button[disabled]{opacity:.5}.mlrow:hover{border-color:#c9a860}.mlrow.un{border-left:4px solid #c0392b}.mlrow.un b{color:#8a1a14}.mlrow small{color:var(--mut)}#dmgl .dn.st.seal{color:#80d0ff}#dmgl .dn.cmb{color:#ffd0f0}#dmgl .dn.elp{color:#a0ffb0}#dmgl .dn.eln{color:#c0c0c0}
@keyframes dnum{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}15%{opacity:1;transform:translate(-50%,-110%) scale(1.15)}30%{transform:translate(-50%,-120%) scale(1)}100%{opacity:0;transform:translate(-50%,-260%) scale(.95)}}
@keyframes dcrit{0%{opacity:0;transform:translate(-50%,-60%) scale(2.2) rotate(-8deg)}15%{opacity:1;transform:translate(-50%,-110%) scale(1.3) rotate(-4deg)}35%{transform:translate(-50%,-125%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-260%) scale(1)}}
#bban,#spban{position:absolute;left:50%;top:38%;z-index:7;transform:translate(-50%,-50%);pointer-events:none;opacity:0;font-weight:900;font-size:clamp(16px,3.6vw,34px);color:#fff;white-space:nowrap;text-shadow:0 0 6px #000,0 3px 0 #000}
#bban.on,#spban.on{animation:bban 1.4s ease-out forwards}#bban.pl,#spban.pl{color:#bff4ff;text-shadow:0 0 10px #2a8ad0,0 3px 0 #000}#bban.en,#spban.en{color:#ffd0a0;text-shadow:0 0 10px #c84a1a,0 3px 0 #000}#bban.ult,#spban.ult{color:#ffeaea;text-shadow:0 0 14px #ff1a1a,0 3px 0 #500}#bban.win,#spban.win{color:#ffe070;text-shadow:0 0 14px #c99a2e,0 3px 0 #000;font-size:clamp(22px,5vw,46px)}#bban.lose,#spban.lose{color:#c0c0c0;font-size:clamp(22px,5vw,46px)}
@keyframes bban{0%{opacity:0;transform:translate(-50%,-50%) scale(2)}12%{opacity:1;transform:translate(-50%,-50%) scale(.95)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}
#bres{position:absolute;inset:0;z-index:9;display:none;align-items:center;justify-content:center;background:rgba(20,10,5,.55);padding:8px}
#bres .brbox{background:linear-gradient(#fbf3dc,#f1e2bc);border:3px solid #c99a2e;border-radius:12px;padding:10px 14px;width:min(440px,100%);max-height:100%;overflow:auto;text-align:center;color:#2a2014}
#bres .brt{font-size:24px;font-weight:900}#bres .brt.w{color:#b8860b}#bres .brt.l{color:#6a5a5a}#bres .brs{font-size:13px;margin-bottom:6px}
#bres .brg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:11px;color:#6a5030}#bres .brg span{background:#fff6dc;border:1px solid #dcc48e;border-radius:6px;padding:3px}#bres .brg b{display:block;font-size:14px;color:#3a2410}
#bres .brk{font-size:12px;margin-top:5px}#bres .brb{display:flex;gap:6px;justify-content:center;margin-top:8px;flex-wrap:wrap}#bres button.go{background:linear-gradient(#b8322a,#8a1a1a);color:#fff3d0;border-color:#e8c050;font-weight:700}
#spmbox .btg{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}#spmbox .btg button{padding:6px 10px}#spmbox .btg button small{display:block;font-size:10px;color:#8a1a1a}#spmbox .btg button[data-on]{background:#b8322a;color:#fff;border-color:#8a1a1a}#spmbox .btg button[data-on] small{color:#ffe6a8}
@media(max-width:600px){#bhud{font-size:9px;gap:4px;right:40px;top:3px}#bhud .bh b{font-size:10px}#bhud .bb{height:7px}#bhud .bb span{font-size:7px;line-height:7px}#bhud .c b{font-size:12px}#bhud .bctl{right:-38px;top:44px}#bhud .bctl button{font-size:9px;min-width:34px;padding:1px 4px}#bres .brg{grid-template-columns:repeat(2,1fr)}}
#bban.intro,#spban.intro{color:#fff0d0;text-shadow:0 0 16px #c81a1a,0 3px 0 #300;text-align:center;line-height:1.1}#spban{z-index:3;font-size:clamp(14px,3.2vw,26px)}
#spban.win,#spban.lose{font-size:clamp(18px,4.4vw,34px)}
#spban.pult{font-size:clamp(15px,3.6vw,30px)}
#bban .bnm,#spban .bnm{font-size:1.3em;letter-spacing:1px}#bban.intro small,#spban.intro small{font-size:.55em;color:#ffd070}#bban.pult,#spban.pult{color:#fff6c0;text-shadow:0 0 18px #ffb000,0 3px 0 #503000;font-size:clamp(18px,4vw,40px)}
#bhud .bb.rg{height:5px;position:relative}#bhud .bb.rg i{background:linear-gradient(90deg,#d08a1a,#ffd040)}#bhud .bb.rg span{font-size:6px;line-height:5px;opacity:.85}#bhud .bb.rg.full{box-shadow:0 0 6px #ffd040;animation:glow .6s infinite alternate}
#bhud .bwk{display:inline-block;font-style:normal;font-size:9px;margin-top:2px;padding:0 5px;border-radius:6px;background:rgba(60,160,80,.85)}
#dmgl .dn.wk{color:#80ff9a}#dmgl .dn.cmb2{color:#ff9ad0}#dmgl .cmbbig{position:absolute;left:50%;top:16%;transform:translate(-50%,0);text-align:center;pointer-events:none;z-index:9;white-space:nowrap;animation:cmbpop 1.25s ease-out forwards}#dmgl .cmbbig b{display:block;font-size:30px;font-weight:900;letter-spacing:2px;background:linear-gradient(#fff6b0,#ffb020 55%,#d0401a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #5a1a00;filter:drop-shadow(0 2px 0 #3a0a00)}#dmgl .cmbbig i{display:block;font-style:normal;font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 2px #000,0 0 6px #ff8030}@keyframes cmbpop{0%{opacity:0;transform:translate(-50%,0) scale(2.2) rotate(-8deg)}14%{opacity:1;transform:translate(-50%,0) scale(.88) rotate(3deg)}24%{transform:translate(-50%,0) scale(1.12) rotate(-1deg)}34%{transform:translate(-50%,0) scale(1)}78%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-16px) scale(1)}}@media (prefers-reduced-motion:reduce){#dmgl .cmbbig{animation:none}}
#spmbox .bttabs{display:flex;gap:4px;margin:6px 0;border-bottom:2px solid #dcc48e}#spmbox .bttabs button{border-radius:8px 8px 0 0;border-bottom:0;padding:5px 12px}#spmbox .bttabs button[data-on]{background:#b8322a;color:#fff}
#spmbox .btsty{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#spmbox .btsty button{text-align:left;padding:6px 8px}#spmbox .btsty small{display:block;font-size:11px;color:#6a5030}#spmbox .btsty button[data-on]{background:#b8322a;color:#fff}#spmbox .btsty button[data-on] small{color:#ffe6c8}
#spmbox .btmv{display:flex;flex-direction:column;gap:4px}#spmbox .btmv>div{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid #dcc48e;border-radius:8px;background:#fffbee;font-size:13px}#spmbox .btmv>div.on{border-color:#b8322a;background:#fff0e0}#spmbox .btmv span{flex:1}#spmbox .btmv small{color:#6a5030;font-size:11px}#spmbox .btmv button{padding:2px 7px;font-size:12px}#spmbox .btmv .ck{width:28px}
@media(max-width:600px){#spmbox .btsty{grid-template-columns:1fr}}
#spmo{position:fixed;inset:0;z-index:28;display:none;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at center,#3a2614 0%,#1a0f07 70%,#0e0804 100%)}
#spmbox{width:min(600px,100%);max-height:92vh;overflow-y:auto;background:linear-gradient(#fbf3dc,#f1e2bc);border:3px solid #c99a2e;border-radius:14px;padding:12px 14px;box-shadow:0 0 0 4px rgba(138,26,26,.35),0 10px 40px rgba(0,0,0,.5)}
#spmbox .spscn{position:relative;border:2px solid #8a6a3a;border-radius:8px;overflow:hidden;margin:6px 0;background:#000;line-height:0}#spmbox .spscn canvas{width:100%;height:auto;image-rendering:pixelated;aspect-ratio:288/150}
.spscn::before,.spscn::after{content:"";position:absolute;left:0;right:0;height:0;background:#000;z-index:2;transition:height .5s}.spscn::before{top:0}.spscn::after{bottom:0}.spscn.cut::before,.spscn.cut::after{height:10%}
.spcut{position:absolute;left:5%;right:5%;top:12%;z-index:3;background:rgba(12,8,24,.8);color:#fff3d6;border:1px solid #ffb347;border-radius:6px;padding:6px 10px;font-size:13px;line-height:1.4;text-align:center;animation:sperst .4s ease-out}.spcut b{color:#ffd27a}.spcut small{color:#d9c6b0}
.spcutbar{margin:8px 0;padding:8px 10px;border-radius:8px;background:#2a1830;color:#ffe9c8;display:flex;align-items:center;justify-content:space-between;gap:8px}.spcutbar button{padding:5px 12px}
#spmbox .sph{display:flex;align-items:center;gap:8px;color:#8a1a1a;font-size:16px}#spmbox .sph span{font-size:12px;color:#5b3d00;margin-left:auto}#spmbox .spx{padding:2px 10px;font-weight:700}
#spmbox .spoff{text-align:center}#spmbox .spbig{font-size:40px;line-height:1.1;margin-top:4px}#spmbox .sptt{color:#8a1a1a;font-weight:700;letter-spacing:.5px}#spmbox .spnm{font-size:22px;font-weight:800;color:#3a2410}#spmbox .spdf{font-size:13px;color:#6a5030;margin:2px 0 6px}
#spmbox .spcdw{margin:8px 0;font-size:14px}#spmbox .spcdw b{color:#b8322a;font-size:18px}#spmbox .spbtns{display:flex;gap:8px;justify-content:center}#spmbox button.go{background:linear-gradient(#b8322a,#8a1a1a);color:#fff3d0;border-color:#e8c050;font-weight:700;padding:8px 20px}
#spmbox .spsteps{display:flex;gap:4px;margin:6px 0}#spmbox .spsteps i{flex:1;height:6px;border-radius:3px;background:#dcc48e}#spmbox .spsteps i.d{background:#c99a2e}#spmbox .spsteps i.c{background:#b8322a;animation:glow 1s infinite alternate}
#spmbox .spint{font-size:14px;margin:4px 0 6px;text-align:left}#spmbox .splog{font-size:13px;line-height:1.45;border-left:3px solid #dcc48e;padding:2px 8px;margin:6px 0;display:flex;flex-direction:column;gap:4px;max-height:170px;overflow-y:auto}
#spmbox .sphid{display:none}
#spmbox .spdl{font-size:12px;color:#6a5030;background:#fff6dc;border-radius:5px;padding:1px 6px;margin-top:2px;display:inline-block}
#spmbox .spq{font-weight:600;margin-top:6px}#spmbox .opts{display:flex;flex-direction:column;gap:6px;margin-top:8px}#spmbox .opts button{text-align:left;padding:8px 10px}#spmbox .spck{float:right;font-size:11px;color:#7a6a4a;margin-left:8px}
#spmbox .spst{background:#fff6dc;border:1px solid #dcc48e;border-radius:10px;padding:7px 9px;margin:6px 0;display:flex;flex-direction:column;gap:6px}
#spmbox .spst1{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}
#spmbox .spb{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-size:12px}#spmbox .spb span{color:#6a5030;white-space:nowrap}#spmbox .spb b{min-width:26px;text-align:right}
#spmbox .spbt{height:7px;background:#e8d8b0;border-radius:4px;overflow:hidden}#spmbox .spbt i{display:block;height:100%;border-radius:4px}
#spmbox .spcp{display:flex;flex-direction:column;align-items:center;padding:2px 10px;border-left:1px solid #dcc48e;line-height:1.15}#spmbox .spcp small{font-size:11px;color:#6a5030}#spmbox .spcp b{font-size:16px;color:#8a1a1a}
#spmbox .spst2{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
#spmbox .spc{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px 2px 3px;border:1px solid #e3d0a0;border-radius:7px;background:#fffbee;line-height:1.15}#spmbox .spc small{font-size:10.5px;color:#7a6a4a;white-space:nowrap}#spmbox .spc b{font-size:15px;color:#3a2410}#spmbox .spc em{font-style:normal;font-size:11px;color:#2e7a4a;font-weight:700}
#spmbox .spch{padding:0 5px;border-radius:4px;color:#fff;font-size:12px}#spmbox .spch.hi{background:#3f8a4a}#spmbox .spch.mid{background:#c9922e}#spmbox .spch.lo{background:#b8322a}
#spmbox .spc.on{border:2px solid #c99a2e;background:#fff2c8;box-shadow:0 0 0 2px rgba(201,154,46,.2)}
#spmbox .spdw{display:flex;align-items:center;gap:12px;margin:10px 0;padding:10px;border:2px dashed #c99a2e;border-radius:10px;background:#fff8e4}
.spdie{width:56px;height:56px;flex:none;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(135deg,#c8322a,#7a1010);border-radius:12px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),0 3px 8px rgba(0,0,0,.3)}
.spdie.roll{animation:dspin .28s linear infinite}.spdie.done{animation:dpop .35s ease-out}.spdie.crit{background:linear-gradient(135deg,#f0c040,#c08010);color:#3a2000}.spdie.fumble{background:linear-gradient(135deg,#5a5650,#2a2622)}
@keyframes dspin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.88)}100%{transform:rotate(360deg) scale(1)}}@keyframes dpop{0%{transform:scale(1.5)}100%{transform:scale(1)}}
#spmbox .spres{margin-top:8px;padding:8px;border-radius:8px;background:#fff8e4;border:1px dashed #c99a2e;display:flex;flex-direction:column;gap:4px}
.sperst{margin-top:8px;padding:10px 12px;border-radius:8px;background:#7a1a14;color:#fff3e0;border:2px solid #ffb347;display:flex;flex-direction:column;gap:4px;box-shadow:0 0 0 3px rgba(255,120,60,.25);animation:sperst .6s ease-out}
.sperst.ok{background:#1f5a3a;border-color:#9be0a8}.sperst b{color:#ffd27a}.sperst small{color:#ffd9c0}.sperst i{color:#ffe9d6;opacity:.9}
@keyframes sperst{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.03);opacity:1}100%{transform:scale(1)}}
@media(max-width:600px){#spmbox{padding:10px}#spmbox .spst1{grid-template-columns:1fr 1fr}#spmbox .spcp{grid-column:1/3;flex-direction:row;justify-content:center;gap:8px;border-left:0;border-top:1px solid #dcc48e;padding-top:4px}#spmbox .spst2{grid-template-columns:repeat(3,1fr)}#spmbox .spck{float:none;display:block;margin:2px 0 0}}
#spmbox .spheal{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:4px 0}#spmbox .spheal small{color:#6a5030}#spmbox .spheal button{padding:3px 8px;font-size:12px}
#spmbox .spboss{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:6px 10px;margin:6px 0;border:2px solid #8a1a1a;border-radius:8px;background:linear-gradient(90deg,#3a1414,#5a1a1a);color:#ffe6c8}#spmbox .spboss small{color:#e8b090;font-size:11px}
.spscn .spboss{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:56%;margin:0;padding:3px 8px 4px;line-height:1.2;grid-template-columns:1fr auto;row-gap:3px;column-gap:6px;border-width:1px;background:rgba(40,12,12,.82);font-size:12px;z-index:2}
.spscn .spboss>span{grid-row:1;grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spscn .spboss>.spbcp{grid-row:1;grid-column:2;font-size:11px;white-space:nowrap}
.spscn .spboss>.spbt{grid-row:2;grid-column:1/-1;height:6px}
.spscn .spboss small{font-size:10px}.spboss .spbadj{grid-column:1/-1;display:block;text-align:center;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spscn .spboss .spbadj{grid-row:3}.spbadjm{display:none}
@media(max-width:640px){.spscn .spboss{width:72%;padding:2px 6px 3px;row-gap:2px}.spscn .spboss>span small{display:none}.spscn .spboss>.spbt{height:4px}.spscn .spboss,.spscn .spboss>.spbcp,.spscn .spboss .spbadj{font-size:10px!important;-webkit-text-size-adjust:none;text-size-adjust:none}.spscn .spboss .spbadj{display:none}.spscn .spbadjm{display:inline}#spban{top:62%}}#spmbox .spbcp{color:#ffd070}
.spg.gF{background:#3a2a2a}.spg.gX{background:#9a8a70}
#spmbox .spcan{text-align:right;margin-top:10px;padding-top:8px;border-top:1px dashed #dcc48e}#spmbox .spcan button{font-size:12px;padding:4px 10px;color:#7a2a1a}#spmbox .spcan button.warn{background:#b8322a;color:#fff;border-color:#8a1a1a}
#spmbox .sphg{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}#spmbox .sphg div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;border:1px solid #dcc48e;border-radius:8px;background:#fff6dc;font-size:12px}
#spmbox .sptl{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}#spmbox .sptl span{padding:2px 8px;border-radius:12px;background:#8a1a1a;color:#ffe6a8;font-size:12px}
#spmbox table.sphist{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:4px}#spmbox .sphist th{background:#e8d4a4;text-align:left;padding:4px 6px}#spmbox .sphist td{padding:4px 6px;border-bottom:1px solid #e8d8b0}#spmbox .sphist .spg{font-size:13px}
#bskip{position:absolute;right:8px;bottom:8px;z-index:8;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;background:rgba(251,243,220,.94);color:#3a2410;border:1px solid #c99a2e;box-shadow:0 2px 8px rgba(0,0,0,.35);cursor:pointer}#bskip:hover{background:#ffe9b0} #spmb{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:4;border-radius:10px;padding:5px 14px;font-weight:700;font-size:14px;line-height:1.3;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.35)}#spmb:empty{display:none}#spmb small{display:block;font-weight:400;font-size:11px}
#spmb.offer{background:linear-gradient(#b8322a,#8a1a1a);color:#fff3d0;border:2px solid #e8c050;animation:spglow 1.1s ease-in-out infinite}#spmb.offer small{color:#ffe6a8}
#spmb.ready{background:linear-gradient(#c99a2e,#8a6a1a);color:#fff8e0;border:2px solid #f0d080;animation:spglow 1.6s ease-in-out infinite}#spmb.ready small{color:#fff0c0}#spmb.cd{background:rgba(251,243,220,.85);color:#7a6a4a;border:2px solid #dcc48e;opacity:.9}
#spmb.run{background:rgba(251,243,220,.96);color:#5b3d00;border:2px solid #c99a2e}
@keyframes spglow{0%,100%{box-shadow:0 0 0 2px rgba(232,192,80,.4),0 2px 10px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 5px rgba(232,192,80,.7),0 0 22px rgba(232,140,40,.9)}}
#spm{flex:none;max-height:75%;overflow-y:auto;margin:8px 10px 0;padding:10px 12px;border:2px solid #c99a2e;border-radius:10px;background:linear-gradient(#fbf3dc,#f4e6c2);box-shadow:0 0 0 3px rgba(201,154,46,.2),0 0 16px rgba(201,154,46,.35)}
#spm .sph{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#8a1a1a;font-size:15px}#spm .sph span{font-size:12px;color:#5b3d00}
#spm .spsteps{display:flex;gap:4px;margin:6px 0}#spm .spsteps i{flex:1;height:5px;border-radius:3px;background:#dcc48e}#spm .spsteps i.d{background:#c99a2e}#spm .spsteps i.c{background:#b8322a;animation:glow 1s infinite alternate}
#spm .spint{font-size:14px;margin:4px 0 6px}#spm .splog{font-size:13px;border-left:3px solid #dcc48e;padding:2px 8px;margin:6px 0;display:flex;flex-direction:column;gap:3px}
#spm .spq{font-weight:600;margin-top:6px}#spm .opts{display:flex;flex-direction:column;gap:6px;margin-top:8px}#spm .opts button{text-align:left;padding:7px 10px}#spm .spck{float:right;font-size:11px;color:#7a6a4a;margin-left:8px}
#spm .spres{margin-top:8px;padding:8px;border-radius:8px;background:#fff8e4;border:1px dashed #c99a2e;display:flex;flex-direction:column;gap:4px}
.sperst{margin-top:8px;padding:10px 12px;border-radius:8px;background:#7a1a14;color:#fff3e0;border:2px solid #ffb347;display:flex;flex-direction:column;gap:4px;box-shadow:0 0 0 3px rgba(255,120,60,.25);animation:sperst .6s ease-out}
.sperst.ok{background:#1f5a3a;border-color:#9be0a8}.sperst b{color:#ffd27a}.sperst small{color:#ffd9c0}.sperst i{color:#ffe9d6;opacity:.9}
@keyframes sperst{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.03);opacity:1}100%{transform:scale(1)}}.spg{font-size:18px;padding:0 6px;border-radius:4px;color:#fff}.spg.gS{background:#c8322a}.spg.gA{background:#c99a2e}.spg.gB{background:#4a8a5a}.spg.gC{background:#7a746c}
#restw{position:absolute;right:8px;bottom:8px;z-index:3;display:flex;gap:6px;align-items:stretch}#restw:has(#restb:empty){display:none}#restb,#healb2{background:rgba(251,243,220,.96);border:2px solid #8a6a3a;color:#2a2014;border-radius:8px;padding:5px 12px;font-size:14px;font-weight:700;text-align:left;line-height:1.3;box-shadow:0 2px 8px rgba(0,0,0,.25)}#healb2{padding:5px 9px;font-size:16px}#restb small{display:block;font-weight:400;font-size:11px;color:#5a6b62}#restb.on{background:#5a7a9a;border-color:#5a7a9a;color:#fff}#restb.on small{color:#e6eef6}
#actw{position:absolute;left:8px;bottom:8px;z-index:3;display:flex;gap:6px;align-items:stretch}#cltb:empty{display:none}
#cltb{background:rgba(251,243,220,.96);border:2px solid #6a7fb0;color:#2a2014;border-radius:8px;padding:5px 12px;font-size:14px;font-weight:700;text-align:left;line-height:1.3;box-shadow:0 2px 8px rgba(0,0,0,.25)}#cltb small{display:block;font-weight:400;font-size:11px;color:#5a6b62}#cltb.on{background:var(--acc);border-color:var(--acc);color:#fff}#cltb.on small{color:#e3f3ea}#cltb.on.b{background:#9a6a2e;border-color:#9a6a2e}
#actb{background:rgba(251,243,220,.96);border:2px solid var(--acc);color:#2a2014;border-radius:8px;padding:5px 12px;font-size:14px;font-weight:700;text-align:left;line-height:1.3;box-shadow:0 2px 8px rgba(0,0,0,.25)}#actb:empty{display:none}
#actb small{display:flex;align-items:center;gap:5px;font-weight:400;font-size:11px;color:#5a6b62}#actb .tbar{width:60px}
#actb.dead{background:var(--acc);color:#fff;font-size:15px;padding:8px 18px}
#btb{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);z-index:3;background:#f3e6c2;border:2px solid #c99a2e;color:#5b3d00;border-radius:10px;padding:8px 22px;font-size:17px;font-weight:700}#btb:empty{display:none}
#btcard{position:fixed;inset:0;z-index:9500;display:none;align-items:center;justify-content:center;background:rgba(20,10,0,.45)}#btcard .btc{background:#fbf3dc;border:3px solid #c99a2e;border-radius:14px;padding:18px 22px;min-width:280px;max-width:92vw;max-height:86vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 10px 40px rgba(0,0,0,.4);text-align:center;animation:btpop .35s ease-out}#btcard.no .btc{border-color:#a0302a}#btcard .bth{font-size:22px;font-weight:800;color:#8a5a00}#btcard.no .bth{color:#a0302a}#btcard .btsub{font-size:12px;color:#7a6040;margin:4px 0 10px}#btcard .btr{display:flex;justify-content:space-between;gap:18px;padding:5px 2px;border-bottom:1px dashed #dcc48e;font-size:14px;text-align:left}#btcard .btr span:first-child{color:#6a5030}#btcard button{margin-top:14px;padding:8px 26px;font-size:15px;font-weight:700;background:#b8322a;color:#fff;border:0;border-radius:8px;cursor:pointer}#btcard.ok button{background:#2e6a4a}#btcard .btc .btbtns{position:sticky;bottom:-18px;background:#fbf3dc;padding:6px 0 4px;margin:6px -4px -4px}@media(max-width:820px){#btcard .btc{padding:12px 14px;min-width:0;width:92vw;max-height:78vh}#btcard .bth{font-size:17px}#btcard .btsub{font-size:11.5px;margin:2px 0 6px}#btcard .btr{font-size:13px;gap:10px;padding:4px 1px}#btcard .btr span:last-child{text-align:right}#btcard button{margin-top:8px;padding:8px 18px;font-size:14px}#btcard .btc .btbtns{bottom:-12px}}@keyframes btpop{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}
#btb:disabled{opacity:.55}#btb .btp{display:block;font-size:11px;font-weight:600;color:#7a5a1a;margin-top:1px}#btb.ready{background:#f3e6c2;border-color:#c99a2e;color:#5b3d00;animation:btglow 1.2s ease-in-out infinite}
@keyframes btglow{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 0 4px rgba(240,190,60,.55),0 0 18px rgba(240,190,60,.8)}}
#actpop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:12px;z-index:20}
#actpop .box{background:var(--card);color:var(--fg);border-radius:12px;max-width:520px;width:100%;padding:14px;max-height:90vh;overflow-y:auto}
#actpop h3{margin:0 0 4px;font-size:16px;display:flex;justify-content:space-between;align-items:center}#actpop h3 button{border:0;background:none;font-size:18px;padding:0 4px}
#actpop .g{font-size:12px;color:var(--mut);margin:10px 0 4px;font-weight:700}
#actpop .row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#actpop .row button{color:var(--fg);background:var(--card);border:1px solid var(--line);text-align:left;padding:7px 10px;border-radius:8px;line-height:1.3}#actpop .row button b{display:block;font-size:14px;font-weight:700}#actpop .row button span{font-size:12px;color:var(--mut)}
#actpop .row button.on{border:2px solid var(--acc);background:rgba(95,200,140,.15)}
.autob{font-size:11px;padding:1px 8px;margin-left:8px;border-radius:12px;vertical-align:middle}.autob.on{background:var(--acc);color:#fff;border-color:var(--acc)}.spx{font-size:11px;color:var(--red);margin-left:6px}
.ctmr{float:right;font-size:12px;color:var(--gold);font-weight:400}@media(max-width:560px){.ctmr{float:none;display:block}}
@media(max-width:560px){#actw{left:6px;bottom:6px;gap:4px;flex-direction:column;align-items:flex-start}#cltb{font-size:12px;padding:4px 8px}#cltb small{display:none}#restw{right:6px;bottom:6px;gap:4px}#restb,#healb2{font-size:12px;padding:4px 8px}#restb small{display:none}#actb{font-size:12px;padding:4px 8px}#actb small{display:none}#btb .bts{display:none}#btb{font-size:13px;padding:5px 14px}}
#cfm{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;padding:16px;z-index:30}
#cfm .box{background:var(--card);color:var(--fg);border-radius:12px;max-width:420px;width:100%;padding:16px;border-top:4px solid var(--red)}
#cfm .opts{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
#modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:16px;z-index:9}
#modal .box{background:var(--card);color:var(--fg);border-radius:10px;max-width:460px;width:100%;padding:16px;border-top:4px solid var(--pur)}
#modal .box p{margin:0 0 12px}
#modal .opts{display:flex;flex-direction:column;gap:6px}
#modal .opts button{text-align:left;padding:8px 10px}


#tabw{position:absolute;right:8px;bottom:8px;z-index:5}
#tabbtn{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:2px solid #c9a860;border-radius:10px;background:rgba(251,243,220,.95);color:#2a2014;font-weight:700;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
#tabbtn .ti{font-size:18px}
#tabbtn .ar{font-size:10px;opacity:.7}
#tabw.open #tabbtn{background:#2e6b4f;color:#fff;border-color:#ffd25a}
#scenep nav.snav{position:absolute;right:0;bottom:calc(100% + 6px);display:none;flex-direction:column;gap:3px;padding:5px;border:2px solid #c9a860;border-radius:10px;background:rgba(251,243,220,.97);box-shadow:0 4px 16px rgba(0,0,0,.35);min-width:130px}
#tabw.open nav.snav{display:flex}
#scenep nav.snav button{flex:none;display:flex;align-items:center;gap:8px;padding:5px 10px;border:0;border-radius:7px;background:none;color:#2a2014;font-size:13px;text-align:left;line-height:1.2}
#scenep nav.snav button .ti{font-size:16px;width:20px;text-align:center}
#scenep nav.snav button.on{background:#2e6b4f;color:#fff;font-weight:700}
#scenep nav.snav button:not(:disabled):hover{background:#f0dfb0;color:#2a2014}
#scenep nav.snav button.on:hover{background:#3a8060;color:#fff}
#restw{right:118px!important}
@media(max-width:819px){#restw{right:58px!important}}
@media(min-width:820px){#scenep nav.snav button.mobonly{display:none}}
@media(max-width:819px){
 #tabw{right:6px;bottom:6px}
 #tabbtn{height:32px;padding:0 8px;font-size:12px;gap:4px}
 #tabbtn .ti{font-size:15px}
 #tabbtn .tl{display:none}
 #scenep nav.snav{flex-direction:row;flex-wrap:wrap;width:194px;min-width:0;padding:3px;gap:3px;bottom:-2px;right:calc(100% + 4px)}
 #scenep nav.snav button{width:31px;height:30px;padding:0;justify-content:center;border-radius:7px;background:#fff8e4}
 #scenep nav.snav button.mobonly{display:flex}
 #scenep nav.snav button .tl{display:none}
 #scenep nav.snav button .ti{width:auto;font-size:16px}
 #spmb{font-size:12px;padding:4px 10px;white-space:nowrap}
 #spmb small{display:none}
}


#tabcard{position:fixed;inset:0;z-index:15;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(20,14,6,.55);backdrop-filter:blur(2px)}
#tabcard.on{display:flex;animation:tcin .18s ease-out}
@keyframes tcin{from{opacity:0}to{opacity:1}}
#tcbox{width:min(760px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:var(--card);border:3px solid #c9a860;border-radius:14px;box-shadow:0 0 0 3px rgba(46,107,79,.25),0 14px 44px rgba(0,0,0,.5);overflow:hidden;animation:tcpop .2s ease-out}
#tabcard.wide #tcbox{width:min(1040px,100%)}
@keyframes tcpop{from{transform:scale(.94) translateY(8px)}to{transform:none}}
#tcbox .tch{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:linear-gradient(var(--card2),var(--card));border-bottom:2px solid var(--line);font-size:16px}
#tcbox .tch button{width:34px;height:32px;padding:0;font-size:16px;font-weight:700}
#tcbody{padding:8px 12px 16px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}
body.tcopen{overflow:hidden}
@media(max-width:819px){#tabcard{padding:8px}#tcbox{max-height:92vh}#tcbody{padding:6px 8px 14px}}


#rpt-chat{display:none!important}
#ochat .rp-tabs{display:none}
@media(max-width:819px){#ochat .rp-tabs{display:flex}}
#chatfab{position:fixed;left:14px;bottom:16px;z-index:14;touch-action:none;cursor:grab;width:64px;height:64px;border-radius:50%;padding:0;font-size:30px;line-height:1;background:linear-gradient(#3a8a64,#2e6b4f);color:#fff;border:2px solid #ffd25a;box-shadow:0 4px 14px rgba(0,0,0,.35)}
#chatfab.on{background:#8a6a1a}
#chatfab.drag{cursor:grabbing;transform:scale(1.1);box-shadow:0 8px 22px rgba(0,0,0,.45)}
#chatfab-b{position:absolute;top:-5px;right:-5px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#c0392b;color:#fff;font-size:12px;font-weight:700;line-height:24px;border:2px solid #fff}
#chatfab-pm{display:none;position:absolute;left:-6px;top:-6px;width:26px;height:26px;border-radius:50%;background:#d6202a;border:2px solid #fff;font-size:13px;line-height:22px;box-shadow:0 0 8px rgba(214,32,42,.8)}
#chatfab.pm{border-color:#ff3b3b;animation:pmring 1.1s ease-out infinite}
#chatfab.pm #chatfab-pm{display:block}
@keyframes pmring{0%{box-shadow:0 0 0 0 rgba(230,40,40,.75),0 4px 14px rgba(0,0,0,.35)}70%{box-shadow:0 0 0 16px rgba(230,40,40,0),0 4px 14px rgba(0,0,0,.35)}100%{box-shadow:0 0 0 0 rgba(230,40,40,0),0 4px 14px rgba(0,0,0,.35)}}
.och-tabs button{position:relative}
.pmdot{position:absolute;top:4px;right:8px;width:9px;height:9px;border-radius:50%;background:#e02424;box-shadow:0 0 6px #e02424;animation:pmblink 1s infinite}
@keyframes pmblink{50%{opacity:.35}}
#chatfab-b:empty{display:none}
#chatwin{position:fixed;z-index:16;display:none;flex-direction:column;background:var(--card);border:2px solid #c9a860;border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.4);overflow:hidden;min-width:240px;min-height:200px}
#chatwin.on{display:flex}
#chatwin.drag{opacity:.92;user-select:none}
#chatwin .cwh{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;background:linear-gradient(#2e6b4f,#25573f);color:#fff;cursor:move;touch-action:none;user-select:none}
#chatwin .cwh b{font-size:14px}
#chatwin .cwh .cwst{font-size:11px;opacity:.85;margin-right:auto}
#chatwin .cwh button{width:28px;height:26px;padding:0;font-size:13px;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.35)}
#chatwin .cwbody{flex:1;min-height:0;display:flex;flex-direction:column}
#chatwin #ochatb{display:flex!important;flex:1;min-height:0}
#chatwin .cwrs{position:absolute;right:0;bottom:0;width:22px;height:22px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,#c9a860 50%,#c9a860 60%,transparent 60%,transparent 70%,#c9a860 70%,#c9a860 80%,transparent 80%)}


#tcbox{--bg:#d8c39a;--card:#e4d2ab;--card2:#d6bf92;--fg:#2e2012;--mut:#6e5634;--line:#b79a62;--acc:#2e6b4f;--gold:#8a5a0a;--red:#9a2e24;--blue:#2a5f8a;--pur:#6a3fa0;
 color:var(--fg);border:3px solid #a8782a;
 background:radial-gradient(ellipse at 50% -10%,rgba(255,240,200,.45),transparent 60%),linear-gradient(#dcc8a0,#ccb486);
 box-shadow:0 0 0 2px #6a4818,0 0 0 5px rgba(168,120,42,.3),0 16px 44px rgba(0,0,0,.45)}
#tcbox .tch{background:linear-gradient(#8a2a1e,#6e1e16);border-bottom:2px solid #c9993a;color:#ffe8b0;letter-spacing:.5px}
#tcbox .tch::before{content:"❖";color:#e6b450;font-size:12px;opacity:.85;margin-right:4px}
#tcbox .tch #tct{margin-right:auto}
#tcbox .tch button{background:rgba(0,0,0,.18);color:#ffe8b0;border:1px solid #c9993a}
#tcbox .tch button:hover{background:#c9993a;color:#2a1608}
#tcbody{scrollbar-color:#a8823e #d2bb8e}
#tcbody button{background:#efe0bc;color:var(--fg);border-color:#a8864e}
#tcbody button:not(:disabled):hover{background:#f7ebcc}
#tcbody button.on,#tcbody button[data-on]{background:#8a2a1e;border-color:#c9993a;color:#ffe8b0}

.ev .evt{display:inline-block;min-width:38px;margin-right:6px;padding:0 5px;border-radius:5px;background:rgba(122,102,72,.12);color:var(--mut);font-size:11px;font-variant-numeric:tabular-nums;vertical-align:1px}
summary .evd{color:var(--mut);font-weight:400;font-size:11px}

#tcbody .stsec{margin:12px 2px 6px;font-weight:700;font-size:14px}
#tcbody .stsec:first-child{margin-top:4px}
#tcbody .stsec small{font-weight:400;color:var(--mut);font-size:11.5px}
#tcbody .stgrp{display:flex;flex-direction:column;gap:5px}
#tcbody .strow{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 12px;border-radius:9px;width:100%}
#tcbody .strow .sti{width:22px;text-align:center;font-size:16px}
#tcbody .strow .stl{flex:1}
#tcbody .strow .stv{font-weight:600;color:var(--gold);text-align:right;max-width:55%}
#tcbody .strow .stv small{font-weight:400;color:var(--mut)}
#tcbody .strow.on{background:#f3e3b8;border-color:#a8782a;color:var(--fg)}
#tcbody .strow.on .stv{color:#2e6b4f}
#tcbody .stnote{padding:8px 12px;border:1px dashed var(--line);border-radius:9px;font-size:12.5px;color:var(--mut)}

.lgbar{display:flex;gap:5px;overflow-x:auto;padding:4px 0 8px;margin-bottom:4px;border-bottom:1px dashed var(--line);scrollbar-width:none}
.lgbar::-webkit-scrollbar{display:none}
.lgbar button{flex:none;padding:4px 10px;border-radius:14px;font-size:12.5px;background:var(--card);white-space:nowrap}
.lgbar button i{font-style:normal;font-size:10.5px;color:var(--mut);margin-left:2px}
.lgbar button.on{background:#8a2a1e;border-color:#c9993a;color:#ffe8b0}
.lgbar button.on i{color:#ffd9a0}
@media(max-width:819px){.lgbar button span{display:none}.lgbar button.on span{display:inline}}
.lgg{margin:6px 0 8px;padding:4px 8px 6px;border-radius:9px;border-left:4px solid var(--line);background:rgba(255,255,255,.18)}
.lgg .lgh{font-size:12px;font-weight:700;color:var(--mut);padding:2px 0 3px;list-style:none;cursor:default}
.lgg .lgh small{font-weight:400;opacity:.8;margin-left:3px}
details.lgg>summary.lgh{cursor:pointer;display:flex;align-items:baseline;gap:4px}
details.lgg>summary.lgh::-webkit-details-marker{display:none}
details.lgg>summary.lgh::before{content:"▸";font-size:10px;margin-right:2px}
details.lgg[open]>summary.lgh::before{content:"▾"}
details.lgg .lgpv{flex:1;min-width:0;font-weight:400;font-size:11.5px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:6px}
details.lgg[open] .lgpv{display:none}
.lgg.story{border-left-color:#c9993a;background:linear-gradient(90deg,rgba(201,153,58,.16),rgba(201,153,58,.04))}
.lgg.story .lgh{color:#8a5a0a}
.lgg.life{border-left-color:#7aa86a}
.lgg.task{border-left-color:#4a86c0;background:rgba(74,134,192,.08)}
.lgg.task .lgh{color:#2a5f8a}
.lgg.fight{border-left-color:#c0503a;background:rgba(192,80,58,.07)}
.lgg.fight .lgh{color:#9a2e24}
.lgg.sys{border-left-color:#9a8a70;background:rgba(122,102,72,.06)}

#restw{display:none!important}
#sickb{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:4;padding:6px 16px;border-radius:12px;background:linear-gradient(#6a2a2a,#4a1616);color:#ffe0d0;border:2px solid #d07060;font-weight:700;font-size:14px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.45);animation:spglow 2s ease-in-out infinite;white-space:nowrap}
#sickb small{display:block;font-weight:400;font-size:11px;color:#ffc8b8}
@media(max-width:819px){#sickb{font-size:12px;padding:4px 10px;bottom:44px}}

#kidb{position:absolute;right:118px;bottom:8px;z-index:4;padding:5px 14px;border-radius:10px;border:2px solid #e8a040;background:linear-gradient(#ffcf6a,#f0a030);color:#4a2a08;font-weight:800;font-size:14px;line-height:1.2;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.3);animation:spglow 1.6s ease-in-out infinite}
body.kidplay :is(#kidb,#actw,#tabw,#restw,#sickb,#hwarnw,#spmb){opacity:0!important;pointer-events:none!important}
:is(#kidb,#actw,#tabw,#restw){transition:opacity .35s}
#kidb small{display:block;font-weight:500;font-size:10.5px}
#kidb.dim{animation:none;filter:saturate(.4);opacity:.85}
@media(max-width:819px){#kidb{right:56px;bottom:6px;font-size:12px;padding:3px 9px}#kidb small{font-size:9.5px}}
#actbox .kinfo{margin:8px 0 6px;padding:6px 10px;border-radius:8px;background:rgba(240,160,48,.15);font-size:13px}
#actbox .ktr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:4px 0 8px}
#actbox .ktr div{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:12px}
#actbox .ktr i{height:7px;border-radius:4px;background:var(--line);overflow:hidden}
#actbox .ktr i b{display:block;height:100%;background:linear-gradient(90deg,#f0a030,#c0392b)}
#actbox .kidl{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#actbox .kidl button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:8px 10px;gap:2px}
#actbox .kidl button span{font-size:11.5px;color:var(--mut)}
@media(max-width:480px){#actbox .kidl{grid-template-columns:1fr}}
.ktag{color:#b06a10;font-size:11px}

.pbox{margin:4px 0 10px}
.pbox .ci-h small{font-weight:400;color:var(--mut);margin-left:6px}
.pgrid{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.prad{flex:none}.prad .pr1{fill:rgba(201,153,58,.08);stroke:var(--line);stroke-width:1}.prad .pr2{fill:none;stroke:var(--line);stroke-width:.7;stroke-dasharray:2 2}.prad .prp{fill:rgba(192,57,43,.28);stroke:#c0392b;stroke-width:1.6}.prad text{fill:var(--fg)}
.pxl{flex:1;min-width:170px;display:flex;flex-direction:column;gap:4px}
.pxr{display:grid;grid-template-columns:96px 1fr 30px;gap:6px;align-items:center;font-size:12px}
.pxr i{position:relative;height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.pxr i::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--mut)}
.pxr i b{position:absolute;top:0;bottom:0;background:#2e6b4f;border-radius:3px}.pxr i b.n{background:#b0503a}
.pxr small{text-align:right;color:var(--mut)}
.moral{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 4px}
.moral div{display:flex;flex-direction:column;gap:3px;font-size:12px}
.moral i{height:7px;border-radius:4px;background:var(--line);overflow:hidden}.moral i b{display:block;height:100%;background:linear-gradient(90deg,#e8d080,#f0b030)}.moral i.ev b{background:linear-gradient(90deg,#b0503a,#5a1010)}
.pwhy{display:inline-block;font-size:11px;color:#6a3fa0;background:rgba(106,63,160,.1);border-radius:5px;padding:0 4px;margin-right:2px}
.ppick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:6px 0 12px}
.ppick button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:7px 10px;gap:2px}
.ppick button small{font-size:11px;color:var(--mut)}
.ppick button.on{background:#8a2a1e;color:#ffe8b0;border-color:#c9993a}.ppick button.on small{color:#ffd9a0}

.pdet{margin:10px 0 4px;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}
.pdet>summary{cursor:pointer;padding:9px 12px;font-weight:700;font-size:13.5px;list-style:none;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.pdet>summary::-webkit-details-marker{display:none}
.pdet>summary small{font-weight:400;color:var(--mut)}
.pdet>summary .pdhint{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--gold)}
.pdet>summary .pdhint::after{content:"Chi tiết ▾"}
.pdet[open]>summary .pdhint::after{content:"Thu gọn ▴"}
.pdet .pbox{padding:0 12px 10px;margin:0}
.pdet .pbox .ci-h{display:none}
.moral.ci{margin:4px 0 8px}

:is(#charinfo,#tcbody) .kv,.cibody .kv{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:baseline;justify-content:start;font-size:12.5px;padding:2px 0;line-height:1.35}
:is(#charinfo,#tcbody) .kv span,.cibody .kv span{font-size:12px}
:is(#charinfo,#tcbody) .kv b,.cibody .kv b{text-align:left;font-weight:600;word-break:normal;overflow-wrap:anywhere}
.tchips.ci{display:inline-flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;border:0;background:none;justify-content:flex-end}
.fopick{display:block;width:100%;text-align:left;margin:6px 0;padding:10px 12px;border-radius:10px;border:2px solid;line-height:1.45}.fopick b{display:block;font-size:16px}.fopick small{display:block;font-size:11.5px;opacity:.9}.fopick small.ef{font-weight:700;opacity:1}.fopick.fo-yin{background:#f4f5fc;border-color:#b8bce0;color:#3a3d66}.fopick.fo-yang{background:#fdf6ee;border-color:#ecc8a4;color:#6a4020}.fopick.fo-taiji{background:#f7f7f7;border-color:#c8c8c8;color:#444}.fopick:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.fotag{display:inline-block;padding:1px 9px;border-radius:10px;font-weight:800;font-size:13px;color:#fff}.fotag.fo-yin{background:#e4e6f6;color:#3a3d70;border:1px solid #b8bce0}.fotag.fo-yang{background:#fbecd8;color:#8a4a1a;border:1px solid #ecc8a4}.fotag.fo-taiji{background:#efefef;color:#444;border:1px solid #c8c8c8}
.sk2 .fod{position:absolute;top:-6px;left:-6px;width:18px;height:18px;border-radius:50%;font-size:11px;line-height:16px;border:2px solid #fff;color:#fff;text-align:center;opacity:.55}.sk2 .fod.ok{opacity:1;box-shadow:0 0 6px #5fd08a}.sk2 .fod.bad{opacity:.9;filter:grayscale(.6)}.fod.fo-yin{background:#8a8fc8}.fod.fo-yang{background:#e8a070}.fod.fo-taiji{background:#a8a8a8}
.rso{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px}.rso>*{min-width:0}@media(max-width:700px){.rso{grid-template-columns:minmax(0,1fr)}}
.rsl,.rsr2{background:linear-gradient(#efe2c4,#e4d2ac);border:2px solid #b89a66;border-radius:12px;padding:8px;box-shadow:inset 0 0 0 2px rgba(255,248,230,.6)}
.rsh{text-align:center;font-weight:800;font-size:13px;color:#f8ecd0;background:linear-gradient(#7a5530,#5a3a1e);border-radius:8px;padding:4px;margin:-2px -2px 8px;letter-spacing:.5px}
.rsr{display:grid;grid-template-columns:minmax(0,1fr) 52px 46px 54px;align-items:center;gap:5px;margin-bottom:5px}
.rsi{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:17px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);border:1.5px solid rgba(255,255,255,.5)}
.rsn{padding-left:4px;font-weight:800;font-size:13px;color:#2c3e6a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rsn em{font-style:normal;font-size:9.5px;margin-left:3px}.rsn em.up{color:#2e8a4a}.rsn em.dn{color:#c0392b}
.rsv,.rsb{background:#fffaf0;border:1px solid #c8b088;border-radius:6px;text-align:center;font-size:14px;padding:3px 2px}.rsb{background:#fbeccc;color:#d07a1a;font-size:13px}.rsv u{text-decoration:none;color:#2e8a4a;font-size:11px;margin-left:2px}
.rsp{display:flex;gap:2px}.rsp button{width:26px;height:26px;padding:0;border-radius:6px;font-weight:900;font-size:15px;background:linear-gradient(#3a6ad0,#1d4c94);color:#ffd84a;border:1.5px solid #12306a}.rsp button.m{background:linear-gradient(#999,#666);color:#fff;border-color:#555}.rsp button:disabled{background:#b8b0a0;color:#e8e0d0;border-color:#9a9080;opacity:1}
.rssp{margin-top:6px;padding:6px;border-radius:8px;background:#fff6d8;border:1px solid #d8b860;font-size:12px}.rssp small{font-size:10px;color:#7a6548}.rssp .spact{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.rssp .spact button{flex:1;padding:4px 6px;font-size:12px;white-space:nowrap}
.rsfoot{font-size:10px;color:#7a6548;text-align:center;margin-top:4px}
.sppot.cd button{pointer-events:none;opacity:.5;filter:grayscale(.5)}
#och-att{display:none;padding:4px 8px 0}.ochatt{display:inline-flex;align-items:center;gap:4px;font-size:12px;background:#fff6d8;border:1px dashed #c99a2e;border-radius:8px;padding:2px 6px}.ochatt button{border:none;background:none;color:#c0392b;font-weight:800;padding:0 2px;cursor:pointer}
.ndot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e03a2a;box-shadow:0 0 0 2px #fff3,0 0 6px #ff5a4a;margin-left:6px;vertical-align:middle;animation:spglow 1.6s ease-in-out infinite}#nav button{position:relative}#nav .ndot{position:absolute;top:2px;right:4px;margin:0}
.lgbtn{font-size:11px;padding:1px 8px;margin-left:4px;border-radius:7px;vertical-align:middle}
.ipb{display:flex;gap:6px;margin-top:8px}.ipb .ipmain{flex:1;padding:11px 10px;font-size:17px;font-weight:800;border-radius:10px;background:linear-gradient(#fff3c4,#f0c860)!important;border:2px solid #c99a2e!important;color:#4a2a08!important;box-shadow:0 2px 6px rgba(0,0,0,.18)}.ipb .ipmain:active{transform:translateY(1px)}
.ip2{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;align-items:center}.ip2 button{font-size:12px;padding:4px 9px;opacity:.9}.ip2 .ipdrop{margin-left:auto;display:flex;gap:4px}.ip2 .ipdrop button{background:none!important;border:none!important;color:#c0392b!important;font-size:11.5px;padding:3px 4px;text-decoration:underline}
.ocheq{display:inline}
.ochit small{margin-left:3px;font-size:10px;opacity:.85}
.ochit{display:inline-flex;align-items:center;gap:2px;font-weight:800;color:var(--rc);cursor:pointer;background:rgba(255,240,200,.5);border:1px solid var(--rc);border-radius:6px;padding:0 4px}.ochit img{width:18px;height:18px;image-rendering:pixelated}
.tirow{display:flex;align-items:center;gap:8px;padding:4px 2px;border-bottom:1px solid var(--line)}.tirow img{width:34px;height:34px;image-rendering:pixelated;flex:none}.tirow .tin{flex:1;min-width:0;font-size:13px}.tirow .tib{display:flex;gap:4px;flex:none}.tirow .tib button{padding:3px 10px}
.tsrc{margin-top:6px;padding-top:5px;border-top:1px dashed var(--line);font-size:12px;line-height:1.5}.tsrc b{font-size:12px;color:#9a6a10}
.outsw{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px;justify-content:center}.fgnote{margin:4px 0 8px;padding:7px 10px;border:1px dashed #c9a24a;border-radius:8px;background:rgba(255,236,170,.35);font-size:12.5px;line-height:1.5}#gmp{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:12px}#gmp .gmbox{background:var(--bg,#f5ecd6);color:inherit;border:2px solid #b8893a;border-radius:12px;max-width:520px;width:100%;max-height:90vh;overflow:auto;padding:12px 14px;box-shadow:0 8px 30px rgba(0,0,0,.4)}#gmp h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 4px}#gmp label{display:block;margin-top:8px;font-size:13px}#gmp input,#gmp select{width:100%;box-sizing:border-box;padding:6px;margin-top:2px;font:inherit}#gmp .gmrow{display:flex;gap:8px;flex-wrap:wrap}#gmp .gmrow label{flex:1;min-width:90px}#gmp .go{width:100%;margin-top:10px}#gmp .gmprev{display:flex;gap:8px;align-items:center;margin-top:8px;min-height:40px}#gmp .gmprev img{width:40px;height:40px;image-rendering:pixelated}#gmp .gmlog{margin-top:8px;font-size:12px;max-height:120px;overflow:auto}.bslot .lkb{position:absolute;left:2px;top:2px;font-size:14px;line-height:1;filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #fff);pointer-events:none;z-index:2}
.bslot .spl{position:absolute;left:2px;top:0;font-size:9px;opacity:.75}.bslot .durb{position:absolute;left:0;right:0;bottom:1px;margin:0 4px!important}.bslot small{display:none}.frbox{max-width:640px}.fradd{display:flex;gap:6px;margin:6px 0 10px}.fradd input{flex:1;min-width:0;padding:7px;font:inherit}.frsec{font-weight:800;margin:12px 0 6px;color:#5a3a20}.frrow{display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid rgba(120,80,30,.25);border-radius:8px;margin-bottom:5px;background:rgba(255,250,235,.6)}.frrow.on{border-color:#4a9a4a}.frnm{flex:1;min-width:0;display:flex;flex-direction:column}.frnm b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frdot{font-size:14px}.frrow button{padding:4px 8px}.tmap .tmon{background:none!important;border:0!important;box-shadow:none!important}.tmon{position:absolute;transform:translate(-50%,-80%);background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;z-index:3;animation:tmonb 1.2s ease-in-out infinite}.tmon img{height:44px;image-rendering:pixelated;filter:drop-shadow(1px 0 0 #fff8e0) drop-shadow(-1px 0 0 #fff8e0) drop-shadow(0 1px 0 #fff8e0) drop-shadow(0 -1px 0 #fff8e0) drop-shadow(0 2px 3px rgba(0,0,0,.65))}.tmon.el img{height:58px;filter:drop-shadow(1px 0 0 #ffd84a) drop-shadow(-1px 0 0 #ffd84a) drop-shadow(0 1px 0 #ffd84a) drop-shadow(0 -1px 0 #ffd84a) drop-shadow(0 0 6px #ffb020)}.tmon i{font-size:30px;font-style:normal}.tmon span{font-size:11px;font-weight:800;color:#fff;background:#a0281e;border-radius:8px;padding:1px 6px;margin-top:-2px;white-space:nowrap}@keyframes tmonb{0%,100%{margin-top:0}50%{margin-top:-4px}}.tmnote{margin:8px 0 0;font-size:13px}.pkwrap{display:flex;gap:10px;align-items:flex-start}.pkside{width:200px;flex:none;border:2px solid #8a5a2a;border-radius:10px;background:rgba(255,248,228,.92);padding:8px;max-height:640px;overflow:auto}.pkhd{font-weight:800;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pkhd button{padding:0 6px}.pkme{font-size:12.5px;margin-bottom:6px;line-height:1.5}.pkrow{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:4px 6px;margin:2px 0;border:1px solid rgba(120,80,30,.3);border-radius:6px;background:#fffaf0;cursor:pointer}.pkrow:hover{border-color:#b03020;background:#fff0e6}.pkx{color:#b03020;font-weight:900}.pkn{display:flex;flex-direction:column;min-width:0;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkn small{font-weight:400;color:#7a6a50;font-size:11px}.pkmain{flex:1;min-width:0}.pkrow.off{opacity:.55}.pkti{color:#8a5a10;font-size:13px}.pkshop{padding:0 6px;font-size:11px;margin-left:4px}@media(max-width:820px){.pkwrap{flex-direction:column}.pkside{width:auto;max-height:200px;order:0}}.upb{position:absolute;top:1px;right:3px;font-size:11px;font-weight:900;color:#ffe066;text-shadow:0 0 2px #000,1px 1px 0 #3a1a00,-1px -1px 0 #3a1a00;pointer-events:none;z-index:2}.eqx,.bslot{position:relative}.jhgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.jhc{flex-direction:column;align-items:stretch;text-align:center;gap:3px}.jhi{font-size:28px}.jhh{font-size:18px}.jhacts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 10px}.jhacts .card{padding:6px 10px;align-items:center;justify-content:flex-start;text-align:left;gap:8px}.jhai{font-size:24px;width:34px;flex:none}@media(max-width:640px){.jhgrid{grid-template-columns:1fr}.jhacts{grid-template-columns:1fr}}.fshrow{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:5px;flex-wrap:wrap}.fshx{width:46px;height:52px;border:2px solid #c8a050;border-radius:8px;background:#fff8e4;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.fshx.emp{border-style:dashed;opacity:.75;cursor:default}.fshx img{width:32px;height:32px;image-rendering:pixelated}.fshx span{font-size:18px;opacity:.45}.fshx small{font-size:9px;line-height:1.1;white-space:nowrap}.fshc{display:flex;flex-direction:column;gap:3px;font-size:11px}.fshc label{display:flex;gap:3px;align-items:center;cursor:pointer}.fshc button{font-size:11px;padding:2px 7px;border-radius:7px;background:linear-gradient(#f4e8ff,#d8c0f0);border:1px solid #a080c8;color:#4a2a68;cursor:pointer}.fshshop img{image-rendering:pixelated}.outsw button.fsh{opacity:.85;background:linear-gradient(#f4e8ff,#d8c0f0);border-color:#a080c8;color:#4a2a68}.outsw button{font-size:11px;padding:2px 7px;border-radius:7px;opacity:.7}.outsw button.on{opacity:1!important;background:linear-gradient(#fff3c4,#f0c860)!important;border-color:#c99a2e!important;color:#4a2a08!important;font-weight:800}
.rup{font-style:normal;font-size:10.5px;font-weight:800;color:#1e9a4a;margin-left:3px;white-space:nowrap}.rup.dn{color:#c0392b}.rdb.hl{background:#eefbe8;border-color:#7cc88a;box-shadow:0 0 0 1px #9ad8a4}
.rdg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px}.rdb{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:4px;background:#fffaf0;border:1px solid #c8b088;border-radius:7px;padding:4px 7px}.rdb i{font-style:normal;font-size:16px;text-align:center}.rdb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;color:#2c3e6a}.rdb b{font-size:14px}.rdb small{font-size:10px;color:var(--muted);margin-left:3px}
.rsms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;margin-top:8px;padding-top:7px;border-top:1px dashed #b89a66}.rsm{min-width:0;gap:4px;display:flex;justify-content:space-between;background:linear-gradient(90deg,#d8e6f6,#eef4fb);border-radius:6px;padding:3px 8px;font-size:12px}.rsm span{color:#2c4e8a}.rsm b{color:#1d2e5a}
@media(max-width:480px){.rsl,.rsr2{padding:6px}.rsr{grid-template-columns:minmax(0,1fr) 42px 36px 48px;gap:3px}.rsi{width:26px;height:26px;font-size:14px}.rsn{font-size:11.5px}.rsv,.rsb{font-size:12px;padding:2px 1px}.rsb{font-size:11px}.rsp button{width:22px;height:24px;font-size:13px}.rdb{padding:3px 5px;gap:3px;grid-template-columns:16px minmax(0,1fr) auto}.rdb i{font-size:13px}.rdb span{font-size:10.5px}.rdb b{font-size:12px}.rsm{font-size:10.5px;padding:3px 5px}.spact{flex-wrap:wrap}}
.cisec{margin:8px 0;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}
.cisec>summary{cursor:pointer;list-style:none;padding:9px 12px;font-weight:700;font-size:13.5px;display:flex;align-items:center}
.cisec>summary::-webkit-details-marker{display:none}
.cisec>summary::after{content:"Xem thông tin ▾";margin-left:auto;font-size:11.5px;color:var(--gold);font-weight:600}
.cisec[open]>summary::after{content:"Thu gọn ▴"}
.cisec[open]>summary{border-bottom:1px solid var(--line)}
.cibody{padding:6px 12px 10px}
.cibody .moral.ci{margin:2px 0 6px}

.hero{display:flex;gap:10px;align-items:center;margin:4px 0 6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,rgba(201,153,58,.12),rgba(255,255,255,.2))}
.hport{width:64px;height:64px;image-rendering:pixelated;object-fit:contain;flex:none;background:radial-gradient(circle,rgba(255,240,200,.7),rgba(201,153,58,.15));border-radius:10px;border:1px solid var(--line)}
.hinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.htitle{font-size:12px;font-weight:700;color:#8a5a0a}
.hcp{display:flex;align-items:baseline;gap:6px}.hcp small{color:var(--mut);font-size:11px}.hcp b{font-size:20px;color:#8a1a1a;line-height:1}
.hbar{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:11px}
.hbar span{color:var(--mut);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.hbar i{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.hbar i b{display:block;height:100%;background:#c9993a}.hbar small{color:var(--mut)}
.sbadges{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
#nm .sbadges{display:inline-flex;margin:0 0 0 6px;vertical-align:2px;font-weight:400}
#nm .sbadge{font-size:12px;padding:0 6px;line-height:20px;border-radius:10px}
#nm .sbadge small{font-size:10.5px;margin-left:2px;font-weight:600}
.sbadge{padding:2px 8px;border-radius:12px;font-size:11.5px;background:var(--card)}
.sbadge.bad{border-color:#d08070;background:#fbe4dc;color:#8a2a1a}.sbadge.good{border-color:#7aa86a;background:#e6f2dc;color:#2e5a2a}.sbadge.dark{border-color:#6a2a5a;background:#ecdcec;color:#5a1a4a}
.tchips,.kps{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:6px 0}
.tclab{font-size:12px;font-weight:700;margin-right:2px}
.tchip{padding:2px 9px;border-radius:12px;font-size:12px}
.kp{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:12px}.kp i{width:8px;height:8px;border-radius:50%;display:inline-block}.kp span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlbtn{width:100%;margin:6px 0 2px;padding:7px 10px;border-radius:9px;font-size:12.5px;text-align:left;font-weight:600}
.sdl{font-style:normal;font-size:10px;margin-left:3px}.sdl.up{color:#2e7a4a}.sdl.dn{color:#b0402a}
.sdnote{grid-column:1/-1;font-size:10.5px;color:var(--mut);text-align:right}
.tlg{margin:0 0 10px}.tld{font-weight:700;font-size:12.5px;color:var(--mut);border-bottom:1px dashed var(--line);margin-bottom:4px;padding-bottom:2px}
.tli{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:5px 6px;border-left:3px solid var(--line);margin:3px 0;font-size:12.5px;border-radius:0 6px 6px 0}
.tli .tla{color:#8a5a0a;text-align:right}.tli small{color:var(--mut)}
.tli.ep{border-left-color:#c9993a}.tli.echo{border-left-color:#6a3fa0;background:rgba(106,63,160,.07)}.tli.vig{border-left-color:#7aa86a}
.nmcp{margin-left:8px;font-size:13px;font-weight:700;color:#8a1a1a;background:rgba(192,57,43,.1);border:1px solid rgba(192,57,43,.3);border-radius:10px;padding:1px 8px;vertical-align:2px;white-space:nowrap}

#spmbox .spdl{margin-left:auto;margin-right:6px;padding:1px 8px;border-radius:8px;background:#fff0d0;border:1px solid #c99a2e;color:#7a4a00;font-size:13px;font-variant-numeric:tabular-nums}
#spmbox .spdl.warn{background:#b8322a;color:#fff;border-color:#8a1a1a;animation:spglow 1s infinite}
#spmbox.fighting .opts button,#spmbox.fighting .spheal button{pointer-events:none;opacity:.5}
#spmbox.fighting .spscn{box-shadow:0 0 0 3px rgba(184,50,42,.6)}

#spmbox .sppot{display:flex;align-items:center;gap:8px;margin:6px 0;padding:6px 8px;border-radius:9px;background:#fff0e0;border:1px dashed #c0503a;font-size:12px}
#spmbox.fighting .sppot{display:flex}
#spmbox .spst2{display:none!important}
#spmbox.fighting .sppot button{pointer-events:auto;opacity:1;background:linear-gradient(#e05a4a,#b8322a);color:#fff;border-color:#8a1a1a;font-weight:700;padding:6px 12px}
#spmbox .sppot button:disabled{filter:grayscale(1);opacity:.6}
#spmbox .sppot small{font-weight:400}
#spmbox .sppend{color:#b8322a;animation:spglow 1s infinite}

#tcbody .shph{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;margin:2px 0 8px}
#tcbody .shtabs{display:flex;gap:5px;overflow-x:auto;margin:0 0 8px;padding-bottom:2px}
#tcbody .shtabs button{flex:none;padding:5px 11px;border-radius:14px;font-size:12.5px}
#tcbody .shg{font-weight:700;font-size:13px;margin:10px 0 4px}
#tcbody .shrow{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:6px 8px;margin:4px 0;border:1px solid var(--line);border-radius:9px;background:#efe0bc}
#tcbody .shrow img{width:34px;height:34px;image-rendering:pixelated}
#tcbody .shi{font-size:13px;line-height:1.3;min-width:0}
#tcbody .shb{display:flex;align-items:center;gap:4px}
#tcbody .shb button{padding:4px 10px;font-size:12.5px}
#tcbody .shp{font-size:13px;color:#8a5a0a;margin-right:4px;white-space:nowrap}
#tcbody .shp i{font-style:normal;font-size:10px;margin-left:2px}#tcbody .shp i.dn{color:#2e7a4a}#tcbody .shp i.up{color:#b0402a}

#spmbox .sppot{flex-direction:column;align-items:stretch}
#spmbox .spph{font-size:12px}
.tsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;max-height:55vh;overflow:auto}.tsgrid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:6px 8px;gap:2px}.tsgrid small{font-size:10px;color:var(--mut);line-height:1.3}

.arauto{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:12px}.arauto button{padding:5px 10px}.arauto .warn{background:#c0392b!important;color:#fff!important;border-color:#8a1a1a!important}
#arab{position:absolute;right:8px;bottom:66px;z-index:9;display:none;padding:5px 10px;border-radius:10px;border:2px solid #8a1a1a;background:#fff3e0;color:#8a1a1a;font-weight:700;font-size:12px;box-shadow:0 2px 6px #0005}
@media(max-width:640px){#arab{bottom:52px;right:4px;font-size:11px}}

#qpot{position:absolute;right:8px;bottom:8px;z-index:9;display:none;gap:6px}
#qpot .qp{position:relative;width:52px;height:52px;border-radius:12px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #8a1a1a;background:linear-gradient(#e05a4a,#a82a20);color:#fff;box-shadow:0 2px 6px #0006;cursor:pointer;font-size:20px;line-height:1}
#qpot .qp.mp{border-color:#1a3a8a;background:linear-gradient(#4a7ad0,#24489a)}
#qpot .qp img{width:28px;height:28px;image-rendering:pixelated}
#qpot .qp b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#1a121c;color:#ffe08a;font-size:11px;line-height:18px}
#qpot .qp small{font-size:9px;opacity:.95;margin-top:1px}
#qpot .qp.off{filter:grayscale(1);opacity:.55}
#qpot.bt{top:50px;bottom:auto;left:6px;right:auto}#qpot.bt .qp.md{display:none}@media(max-width:640px){#qpot.bt{top:46px;left:4px}}
#qpot .qp.md{border-color:#2a5a6a;background:linear-gradient(#5aa8b8,#2a6a7a)}#qpot .qp.md.on{border-color:#e8c860;box-shadow:0 0 0 2px #e8c86088,0 0 12px #8ef0ff;animation:mdpulse 1.6s ease-in-out infinite}@keyframes mdpulse{50%{box-shadow:0 0 0 3px #e8c860aa,0 0 20px #8ef0ff}}
#qpot .qp:active{transform:scale(.94)}
@media(max-width:640px){#qpot{right:4px;bottom:4px;gap:4px}#qpot .qp{width:42px;height:42px}#qpot .qp img{width:22px;height:22px}#qpot .qp small{display:none}}

.subtab{display:flex;gap:6px;margin-bottom:8px}.subtab button{flex:1;padding:6px;border-radius:8px}.subtab button.on{background:#8a2a1a;color:#fff;border-color:#5a1a10;font-weight:700}
.arhd{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.omtabs{display:inline-flex;gap:4px}.omtabs button{padding:3px 10px;font-weight:700;border-radius:14px;opacity:.75}.omtabs button.on{opacity:1;background:#7a1a12;color:#fff;border-color:#7a1a12}
.twbox{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.twtower{display:flex;flex-direction:column;gap:2px;width:92px;padding:6px;border-radius:10px 10px 4px 4px;background:linear-gradient(#5a3a2a,#3a2418);border:2px solid #2a1a10}
.twfl{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;border-radius:4px;background:#7a5a3a;color:#f0e0c0;font-size:11px}
.twfl.done{background:#3a6a4a}.twfl.cur{background:#d4a017;color:#3a2000;font-weight:700;box-shadow:0 0 6px #ffd060}.twfl.boss{border:1px solid #ff6a4a}
.twinfo{flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px;font-size:13px}.twinfo .big{font-size:22px;color:#8a1a1a}.twinfo button{align-self:flex-start;margin-top:4px;padding:8px 16px;font-size:14px}
.arrk{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:6px 8px;font-size:12px}.arrk>div{display:flex;gap:8px;padding:2px 0;border-bottom:1px dashed var(--line)}.arrk>div span{width:22px;color:var(--mut)}.arrk>div b{margin-left:auto}.arrk>div.me{background:#fff3c8;font-weight:700}
.arme{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;font-size:13px}.artier{color:#fff;font-weight:700;padding:4px 10px;border-radius:8px}
.aropp{display:flex;flex-direction:column;gap:6px}.arop{display:flex;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:#fffaf0}
.arop img{width:34px;image-rendering:pixelated}.arop>div{flex:1;display:flex;flex-direction:column;font-size:12px}.arop.d0{border-left:4px solid #3a8a4a}.arop.d1{border-left:4px solid #d4a017}.arop.d2{border-left:4px solid #c0392b}
.fglist{display:flex;flex-direction:column;gap:6px}.fgr{display:flex;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:#fffaf0}.fgr.no{opacity:.75}
.fgr img{width:34px;height:34px;image-rendering:pixelated;flex:none}.fgr>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:1px;font-size:12px;min-width:0}
.fgr .ok{color:#2e7a3a}.fgr .bad{color:#c0392b}.fgb{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px}.plus{color:#d4a017;font-weight:800}

#wbbar{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:min(60%,420px);z-index:8;display:none;grid-template-columns:1fr auto;row-gap:3px;column-gap:8px;padding:4px 10px 6px;border:1px solid #8a1a1a;border-radius:8px;background:rgba(40,12,12,.85);color:#ffe6c8;font-size:12px;pointer-events:none}
#wbbar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wbbar small{color:#e8b090;font-size:10px}
#wbbar .wbv{font-size:11px;white-space:nowrap}
#wbbar .wbt{grid-column:1/-1;height:7px;background:#3a1010;border-radius:4px;overflow:hidden}#wbbar .wbt i{display:block;height:100%;background:linear-gradient(90deg,#c8322a,#ff6a3a);transition:width .15s}
@media(max-width:640px){#wbbar{width:82%}}

.wbhd{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}
.wbwhy{color:#c0392b;font-size:12px;font-weight:700}
.wbmap{position:relative;width:100%;aspect-ratio:256/220;border-radius:10px;border:3px solid #6a5030;overflow:hidden;background:#d6dfb0 center/100% 100% no-repeat;image-rendering:pixelated;box-shadow:0 2px 8px #0003}
.wbroad{position:absolute;inset:0;width:100%;height:100%}
.wbroad line{stroke:#a0784a;stroke-width:.5;stroke-dasharray:1.2 1;opacity:.6}
.wbroad .wbriv{fill:none;stroke:#6aa0d0;stroke-width:1.6;opacity:.55}
.wbdeco{position:absolute;font-size:22px;opacity:.35;transform:translate(-50%,-50%);pointer-events:none}
.wbtown{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;font-size:11px;color:#6a3a1a;text-shadow:0 1px 0 #fff8}
.wbtown b{background:#fff3d6e6;border:1px solid #a87a40;border-radius:5px;padding:0 5px;font-size:11px}
.wbn{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;line-height:1.1;text-align:center;width:72px;color:#4a3020}
.wbn b{font-weight:600;background:#fff8e6cc;border-radius:4px;padding:0 3px}
.wbn.own b{background:#ffe08a;color:#6a3a00}
.wbn .wbcd{font-size:10px;color:#8a7050;background:#fff4dccc;border-radius:6px;padding:1px 4px}
.wbn.on{cursor:pointer}
.wbn.on img{width:44px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 4px #ff3a2a);animation:wbp 1.6s ease-in-out infinite}
.wbn.on:hover img{transform:scale(1.12)}
@keyframes wbp{0%,100%{filter:drop-shadow(0 0 3px #ff3a2a)}50%{filter:drop-shadow(0 0 9px #ff8a2a)}}
.wbhp{display:block;width:44px;height:4px;background:#5a2a20;border-radius:2px;overflow:hidden}
.wbhp i{display:block;height:100%;background:#e0402a}
.wbdet{display:flex;gap:10px;align-items:flex-start}
.wbdet img{width:auto;height:auto;max-width:124px;max-height:118px;align-self:center;image-rendering:pixelated;flex:none}
.wbbar{position:relative;height:14px;background:#5a2a20;border-radius:7px;overflow:hidden;margin:6px 0}
.wbbar i{display:block;height:100%;background:linear-gradient(90deg,#c8322a,#ff6a3a)}
.wbbar span{position:absolute;inset:0;font-size:10px;color:#fff;text-align:center;line-height:14px;font-weight:700}
.wbscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:640px){.wbmap{min-width:620px}}

.trpot{margin-top:6px;display:flex;flex-direction:column;gap:4px}
.trpr{display:flex;gap:8px;flex-wrap:wrap}
.trpb{flex:1 1 220px;display:flex;gap:7px;align-items:center;padding:5px 7px;border:1px dashed #c0503a;border-radius:9px;background:#fff6ec}
.trpi{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f6e6cc;font-size:18px}
.trpi img{width:30px;height:30px;image-rendering:pixelated}
.trpc{display:flex;flex-direction:column;gap:2px;font-size:12px;min-width:0;flex:1}
.trpc select{font-size:12px;max-width:100%}
.trpc label{display:flex;align-items:center;gap:4px;color:#6a5030}

#spmbox .sppot .spst{margin:0 0 2px;padding:5px 7px}
#spmbox .sppot .spst1{grid-template-columns:1fr 1fr auto;gap:8px}
#spmbox .spbl{font-style:normal}
@media(max-width:640px){#spmbox .sppot .spb{gap:4px}#spmbox .sppot .spst1{gap:6px}}
#spmbox .sppot .spcp{grid-column:auto;display:flex;flex-direction:column;align-items:center;line-height:1.1;border:0;padding:0;margin:0}
#spmbox .sppot .sppn{align-self:center;color:#8a3a2a;white-space:nowrap}
#spmbox .sppl{display:flex;flex-wrap:nowrap;gap:5px;height:40px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
#spmbox .sppot .sppl button{display:flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:12px;font-weight:600;text-align:left;line-height:1.15;background:linear-gradient(#e05a4a,#b8322a);color:#fff;border-color:#8a1a1a;height:34px;flex:none;white-space:nowrap}
#spmbox .sppot .spnone{height:40px;display:flex;align-items:center}
#spmbox.fighting .sppot .sppl button{display:flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:12px;font-weight:600;text-align:left;line-height:1.15;background:linear-gradient(#e05a4a,#b8322a)}
#spmbox .sppl img{width:24px;height:24px;image-rendering:pixelated;background:#fff6e4;border-radius:5px}
#spmbox .sppl small{font-weight:400;opacity:.9;font-size:10.5px}
#spmbox .spwait{margin:8px 0;padding:10px;border-radius:9px;background:#fbe9d8;border:1px dashed #c0503a;text-align:center;font-weight:700;color:#8a2a1a;animation:spw 1.2s ease-in-out infinite}
#spmbox .spwait small{display:block;font-weight:400;color:#7a5a3a}
@keyframes spw{50%{opacity:.6}}
#dmgl .dn.mp{color:#7ab4ff;font-size:.85em}

#bfeed{position:absolute;left:4px;bottom:6px;z-index:7;max-width:min(40%,300px);pointer-events:none;display:flex;flex-direction:column;gap:2px}
#bfeed .bf{background:rgba(20,14,10,.72);color:#f4ecd8;border-radius:6px;padding:1px 6px;font-size:11px;line-height:1.3}
.bfeedc{max-height:150px;overflow:auto;margin:6px 0;padding:6px 8px;border-radius:9px;background:#2a1e16;border:1px solid #6a4a2a;font-size:12.5px;line-height:1.45;color:#f4ecd8}
.bfeedc .bf{padding:1px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
.bf.p{color:#f4ecd8}.bf.e{color:#ffc8b8}.bf.d{color:#b8e8ff}.bf.h{color:#b8f0c0}.bf.s{color:#ffe08a}
.bf .fd{color:#ffd860}.bf .fe{color:#ff6a5a}.bf .fdg{color:#7ad0ff}.bf .fm{color:#a8a8a8}.bf .fc{color:#ffec40}.bf .fb{color:#9ac0ff}.bf .fw{color:#ffb070}.bf .fk{color:#ff8080}
@media(max-width:819px){#bfeed{max-width:42%;left:2px;bottom:3px;gap:1px}#bfeed .bf{font-size:9.5px;padding:0 5px;line-height:1.3}}
#spmbox.fixh{height:min(970px,96vh);max-height:96vh}
#spmo:has(#spmbox.fixh){padding:6px 12px}
#spmbox .sptop{position:sticky;top:-12px;z-index:3;margin:-12px -14px 0;padding:12px 14px 4px;background:linear-gradient(#fbf3dc,#f6ead0);border-bottom:1px solid #dcc48e;box-shadow:0 4px 8px -6px rgba(0,0,0,.35)}
@media(max-width:600px){#spmbox .sptop{top:-10px;margin:-10px -10px 0;padding:10px 10px 4px}}

#spmbox .splog .bf{display:block;padding:0;border:0;font-size:12.5px;color:#4a3a28}
#spmbox .splog .bf.e{color:#9a2a1a}#spmbox .splog .bf.d{color:#1a5a8a}#spmbox .splog .bf.h{color:#2a6a3a}#spmbox .splog .bf.s{color:#7a5a0a;font-weight:600}
#spmbox .splog .bf .fd{color:#a86a00}#spmbox .splog .bf .fe{color:#c0302a}#spmbox .splog .bf .fdg{color:#1a6ab0}#spmbox .splog .bf .fm{color:#8a7a6a}#spmbox .splog .bf .fc{color:#c06a00}#spmbox .splog .bf .fb{color:#3a5aa0}#spmbox .splog .bf .fw{color:#b0501a}#spmbox .splog .bf .fk{color:#a01a1a}
#spmbox .splog #spfeedin{display:flex;flex-direction:column;gap:4px}
#spmbox .spccp{font-size:12.5px;white-space:nowrap}
#spmbox .sphire{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
#spmbox .sphire button{flex:1 1 200px}
#spmbox .spbuff{background:linear-gradient(#fff4d0,#f2d890)!important;border-color:#c99a2e!important}


#sidenav{display:none}
@media(min-width:821px){
 #app{display:grid;grid-template-columns:290px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"side scene" "side feed" "side .";align-items:start;gap:10px;padding:10px 12px;max-width:1500px;min-height:calc(100vh - 14px);box-sizing:border-box}
 #mid{display:contents}
 #scenep{grid-area:scene;min-width:0}
 #feedp{grid-area:feed;height:max(420px,calc(100vh - 44px - var(--scH,520px)))!important;min-height:0!important;max-height:none;display:flex;flex-direction:column}
 #feedp #pane{flex:1;min-height:0;overflow-y:auto;max-height:none!important}
 #ochat,#mid.wide #ochat{grid-area:side;display:flex!important;flex-direction:column;height:auto!important;min-height:0!important;overflow:visible;align-self:start}
 #rp-char{flex:none!important}
 #sidenav{border-top:0!important}
 #tabw{display:none!important}
 #charinfo{display:none}
 #chatfab{left:auto;right:18px}
 #sidenav{display:flex;flex-direction:column;gap:4px;flex:none;padding:8px 10px;border-top:2px solid #8a6a3a;background:linear-gradient(#3a2616,#24170d)}
 #sidenav button{display:flex;align-items:center;gap:10px;height:34px;padding:0 14px;border:2px solid #c9a860;border-radius:8px;background:linear-gradient(#5a3a20,#3a2414);color:#f6e6c0;font-size:15px;font-weight:700;letter-spacing:.5px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,230,170,.25),0 2px 0 #1a0f06;cursor:pointer}
 #sidenav button .ti{font-size:18px;width:24px;text-align:center}
 #sidenav button:hover{background:linear-gradient(#6e4826,#4a2e18);color:#fff3d0}
 #sidenav button.on{background:linear-gradient(#8a2a1a,#5a160c);border-color:#ffd25a;color:#fff}
}
#spmbox .splog details.spfd{border:1px dashed #c9a860;border-radius:7px;padding:3px 8px;background:#fbf2dc}
#spmbox .splog details.spfd summary{cursor:pointer;font-size:12.5px;font-weight:700;color:#8a5a0a}
#spmbox .splog details.spfd[open]{display:flex;flex-direction:column;gap:3px}

#pfp{width:64px;height:64px;flex:none;image-rendering:pixelated;border:2px solid #c9a860;border-radius:8px;background:radial-gradient(circle at 50% 35%,#fbf0d4,#d8c08a);box-shadow:inset 0 0 0 2px #5a3a20}
#pfp.dead{filter:grayscale(1) brightness(.8)}
#sidestat{display:none}
@media(min-width:821px){
}

#bars .srow b{font-weight:400}
#bars .srow span{flex:1;text-align:right;color:var(--fg);font-size:12.5px}
@media(min-width:821px){
 #sidestat{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;padding:10px 12px 12px;background:#fbf3dc;border-top:2px solid #8a6a3a;font-size:12.5px;color:#3a2a1a;min-height:0;overflow-y:auto}
 #sidestat .onl{display:flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid #3a8a64;border-radius:9px;background:linear-gradient(#e8f6ec,#cfeedb);font-weight:700;color:#1a5a3a;font-size:14px}
 #sidestat .onl b{color:#c0302a;font-size:17px}
 #sidestat .onl small{font-weight:400;color:#6a8a7a;font-size:11px}
 #sidestat .onl .dot{width:9px;height:9px;border-radius:50%;background:#2ec26a;box-shadow:0 0 6px #2ec26a}
 #sidestat .rkh{background:linear-gradient(#5aa0e8,#3a7ac8);color:#fff;font-weight:700;text-align:center;border-radius:7px 7px 0 0;padding:4px;margin-top:4px}
 #sidestat .rkl{list-style:none;margin:0;padding:0 4px;display:flex;flex-direction:column;gap:1px}
 #sidestat .rkl li{display:flex;align-items:center;gap:6px;padding:2px 2px;border-bottom:1px dotted #e0cfa8}
 #sidestat .rkl li img{width:20px;height:20px;image-rendering:pixelated}
 #sidestat .rkn{width:16px;text-align:right;font-weight:700;color:#8a6a3a;font-size:11.5px}
 #sidestat .rkl li:nth-child(1) .rkn{color:#d4a017}#sidestat .rkl li:nth-child(2) .rkn{color:#8a9aaa}#sidestat .rkl li:nth-child(3) .rkn{color:#b0703a}
 #sidestat .rkname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
 #sidestat .rkl li small{color:#8a6a3a;font-size:11px;white-space:nowrap}
 #sidestat .rkl li.on .rkname{color:#1a2a8a}
 #sidestat .rkl li.off .rkname{color:#a8a0c8;font-weight:600}
 #sidestat .rkl li.off small{opacity:.6}
 #sidestat .rkl li.me{background:#fff2c8;border-radius:5px}
 #sidestat .rkl li.me .rkname{color:#8a2a1a}
 #sidestat .rkme{text-align:center;font-size:11.5px;color:#6a5030}
}
@media(max-width:820px){body:not(.chpop) #choice{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;touch-action:pan-y}#feedp{overflow:visible!important}#pane{overflow:visible!important;overscroll-behavior:auto;touch-action:pan-y}}


#chback{display:none}
body.chpop #chback{display:block;position:fixed;inset:0;z-index:39;background:rgba(30,20,10,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.chpop #choice{position:fixed!important;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,94vw);max-height:84vh!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:40;margin:0!important;padding:16px 18px!important;animation:none;box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 3px rgba(123,75,176,.25)}
#choice .chminb{float:right;margin:-4px -4px 4px 8px;padding:2px 10px;font-size:12px;border:1px solid var(--line);border-radius:12px;background:#fff8e4;color:#6a5030;cursor:pointer}
#choice .chmini{cursor:pointer}
body.chpop #choice .opts button{padding:9px 12px}

.ev.ch,.ev.arc{font-weight:600;border-left:3px solid #b08a3a;padding-left:10px;margin:3px 0;background:rgba(200,150,80,.06)}
.ev.ch b,.ev.arc b{font-weight:700}
.ev.chap{font-weight:800;color:#9a6a10;padding-left:4px;margin:6px 0 2px;letter-spacing:.3px}
.ev.chap::before{display:none}
.ysum{font-size:12px;color:#7a6a58;padding:2px 0 6px 2px;border-bottom:1px dashed var(--line);margin-bottom:4px}

#locb{position:absolute;left:8px;top:8px;z-index:6;max-width:60%;padding:4px 9px;border-radius:7px;background:rgba(251,243,220,.88);border:1px solid #c9a860;font-size:12px;line-height:1.35;color:#3a2a1a;pointer-events:none;box-shadow:0 2px 6px rgba(0,0,0,.2)}
#locb b{font-weight:700}
#locb:empty{display:none}
@media(max-width:820px){#locb{font-size:10px;padding:2px 6px;left:4px;top:4px}}

.onlbox{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#3a2a1a}
.onlls{max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:4px;border:1px solid #9ccfb0;border-radius:8px;background:#f6fbf7}
.onlc{display:flex;align-items:center;gap:5px;padding:1px 8px 1px 2px;border-radius:7px;border:1px solid rgba(0,0,0,.12);font-weight:700;font-size:12.5px;color:#2a1a10;min-width:0}
.onlc img{width:20px;height:20px;image-rendering:pixelated;flex:none}
.onlc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onlc.me{outline:2px solid #2e8b57}
.onlbox .onl{display:flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid #3a8a64;border-radius:9px;background:linear-gradient(#e8f6ec,#cfeedb);font-weight:700;color:#1a5a3a;font-size:14px}
.onlbox .onl b{color:#c0302a;font-size:17px}
.onlbox .onl small{font-weight:400;color:#6a8a7a;font-size:11px}
.onlbox .onl .dot{width:9px;height:9px;border-radius:50%;background:#2ec26a;box-shadow:0 0 6px #2ec26a}
.onlbox .rkh{background:linear-gradient(#5aa0e8,#3a7ac8);color:#fff;font-weight:700;text-align:center;border-radius:7px 7px 0 0;padding:4px;margin-top:4px}
.onlbox .rkl{list-style:none;margin:0;padding:0 4px;display:flex;flex-direction:column;gap:1px}
.onlbox .rkl li{display:flex;align-items:center;gap:6px;padding:2px 2px;border-bottom:1px dotted #e0cfa8}
.onlbox .rkl li img{width:20px;height:20px;image-rendering:pixelated}
.onlbox .rkn{width:16px;text-align:right;font-weight:700;color:#8a6a3a;font-size:11.5px}
.onlbox .rkl li:nth-child(1) .rkn{color:#d4a017}
.onlbox .rkname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.onlbox .rkl li small{color:#8a6a3a;font-size:11px;white-space:nowrap}
.onlbox .rkl li.on .rkname{color:#1a2a8a}
.onlbox .rkl li.off .rkname{color:#a8a0c8;font-weight:600}
.onlbox .rkl li.off small{opacity:.6}
.onlbox .rkl li.me{background:#fff2c8;border-radius:5px}
.onlbox .rkl li.me .rkname{color:#8a2a1a}
.onlbox .rkme{text-align:center;font-size:11.5px;color:#6a5030}


#choice .evn{font-size:17px;font-weight:800;color:#2e6b4f;margin:2px 0 4px}
#choice .opts button.chopt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
#choice .chd{font-size:11.5px;color:#7a6a58;font-weight:400}

#scene::before,#scene::after{content:"";position:absolute;left:0;right:0;height:0;background:#000;z-index:8;transition:height .8s ease;pointer-events:none}
#scene::before{top:0}#scene::after{bottom:0}
#scene.cine::before,#scene.cine::after{height:11%}
#cinecap{position:absolute;left:0;right:0;bottom:1.5%;z-index:9;text-align:center;color:#f4ecd8;font-size:clamp(11px,1.4vw,16px);opacity:0;transition:opacity .8s;pointer-events:none;text-shadow:0 1px 3px #000}
#scene.cine #cinecap{opacity:1}
#scene.cine #locb{opacity:0}

.lincard summary{cursor:pointer;list-style:none}.lincard summary::-webkit-details-marker{display:none}.lincard summary::before{content:"▸ ";color:#9a6a10}.lincard[open] summary::before{content:"▾ "}.lincard .linst{font-size:11.5px;color:#8a6a3a;margin-left:6px}.lincard .linst.on{color:#2e6b4f;font-weight:700}
.lincard .linl{margin:6px 0 0;padding-left:16px;font-size:12px;line-height:1.5}
.lincard .linl .g{color:#2e6b4f}.lincard .linl .b{color:#a03a2a}
#nav .navlo,#sidenav .navlo{margin-top:8px;border-color:#a83a2a!important;background:linear-gradient(#5a1e16,#3a120c)!important;color:#ffd8c8!important}

#ttl{position:fixed;inset:0;z-index:9997;display:none;align-items:center;justify-content:center;overflow:auto;background:#0d1622;font-family:'Be Vietnam Pro',Sarabun,sans-serif;color:#2a1a0c}
#ttl video,#ttl .tbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
#ttl .tbg{background:linear-gradient(#7fb0d8,#e8d8b0)}
#ttl .tvg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(0,0,0,0) 30%,rgba(8,10,20,.55) 100%),linear-gradient(rgba(10,14,30,.15),rgba(10,8,4,.35))}
#ttl .tin{position:relative;width:min(440px,92vw);padding:18px 0 26px;text-align:center}
#ttl .tlogo{position:relative;display:inline-block;padding:8px 34px 4px;margin-bottom:2px}
#ttl .tlogo:before{content:"";position:absolute;inset:6px -6px;background:radial-gradient(ellipse at 40% 55%,rgba(18,10,6,.92) 30%,rgba(18,10,6,.65) 55%,rgba(18,10,6,0) 72%);transform:skew(-12deg) rotate(-3deg);filter:blur(1px)}
#ttl .tlogo b{position:relative;font-family:"Cinzel Decorative",serif;font-weight:900;font-size:clamp(34px,9vw,54px);letter-spacing:1px;background:linear-gradient(#fff3c4,#f1c45a 45%,#b0731c 70%,#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #3a1c06) drop-shadow(0 0 10px rgba(255,190,80,.35))}
#ttl .tseal{position:absolute;right:-6px;top:4px;font-family:"Ma Shan Zheng","Noto Serif SC",serif;background:#a8231c;color:#fbe8d0;font-size:17px;line-height:1.05;padding:4px 4px;text-align:center;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.4)}
#ttl .ttag{color:#fff6dc;text-shadow:0 1px 3px #000,0 0 8px #000;font-size:14px;letter-spacing:2px;margin:2px 0 14px}
#ttl .tcard{background:linear-gradient(#fbf4e2,#efe0bc);border:2px solid #c9a24a;border-radius:10px;box-shadow:0 0 0 4px rgba(60,36,10,.35),0 12px 30px rgba(0,0,0,.45);padding:16px 18px 14px;position:relative}
#ttl .tcard:before,#ttl .tcard:after{content:"❖";position:absolute;top:4px;color:#b8892a;font-size:12px}#ttl .tcard:before{left:7px}#ttl .tcard:after{right:7px}
#ttl .thd{font-size:14px;color:#6a4a20;margin-bottom:10px}
#ttl .tsv{font-size:13px;background:rgba(154,106,18,.1);border:1px dashed #c9a24a;border-radius:6px;padding:6px 8px;margin-bottom:12px}
#ttl button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-family:inherit;font-size:16px;font-weight:700;border-radius:8px;padding:11px 12px;margin:8px 0 0;cursor:pointer;transition:transform .08s,filter .15s}
#ttl button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
#ttl .tgo{background:linear-gradient(#2d3240,#161a24);color:#fff3d0;border:2px solid #c9a24a;box-shadow:inset 0 0 0 1px #000}
#ttl .tgu{background:#fffaf0;color:#3a2a14;border:1.5px solid #c9a24a}
#ttl .tgg{background:#f4f0e8;color:#9a8a70;border:1.5px dashed #c8b890;cursor:not-allowed;font-weight:600;font-size:14px}
#ttl #scenep #pzfab,#pzfab{position:absolute!important;right:8px!important;top:50px!important;left:auto!important;bottom:auto!important;width:auto!important;margin:0!important;z-index:3;padding:5px 10px!important;border-radius:8px;border:2px solid #c9a24a;background:linear-gradient(#3a1a14,#24100c);color:#ffe6a8;font-weight:800;font-size:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:pointer;white-space:nowrap}#scenep #pzfab.pzon,#pzfab.pzon{background:linear-gradient(#1f6a3a,#124a26);border-color:#8fe0a8;color:#fff;animation:pzb 1.2s ease-in-out infinite}@keyframes pzb{50%{box-shadow:0 0 0 6px rgba(143,224,168,.35)}}
.tor{display:flex;align-items:center;gap:8px;color:#9a7a40;font-size:12px;margin:10px 0 2px}
.tidf{margin-top:8px;padding:10px;border:1.5px solid #c9a24a;border-radius:10px;background:#fffaf0;display:flex;flex-direction:column;gap:6px;text-align:left}.tidt{font-weight:700;color:#5a3a14}.tidf input,.fbidbox .tidf input{width:100%!important;max-width:none!important;box-sizing:border-box;padding:9px 10px;border:1px solid #c9a24a;border-radius:8px;font-size:15px;background:#fff;color:#2a1a08}.tids{font-size:12px;color:#7a5a2a}.tids a{color:#1a5aa0;font-weight:700}.tidm{font-size:13px;color:#a02a1a;min-height:1em}
.fbidpop{position:fixed;inset:0;background:rgba(10,6,4,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.fbidbox{position:relative;width:min(380px,100%);background:#f6ead0;border-radius:12px;padding:12px;box-shadow:0 10px 40px rgba(0,0,0,.5)}.fbidx{position:absolute;right:8px;top:8px;padding:2px 8px}#ttl .tor:before,#ttl .tor:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#c9a24a,transparent)}
#ttl .tft{display:flex;justify-content:center;gap:0;margin:14px auto 0;padding:8px 4px;border-radius:8px;background:rgba(10,8,4,.45);color:#fff6dc;text-shadow:0 1px 3px #000;font-size:12px}
#ttl .tft div{padding:0 10px;border-left:1px solid rgba(255,230,170,.45)}#ttl .tft div:first-child{border:0}
#ttl .tft b{display:block;font-size:17px}
#ttl .tnote{font-size:11px;color:#8a7458;margin-top:8px}


#feedp #bfeed{position:sticky;top:0;left:auto;bottom:auto;z-index:4;max-width:none;margin:2px 0 8px;padding:7px 10px;gap:3px;background:#2a1e16;border:1px solid #6a4a2a;border-radius:9px;box-shadow:0 3px 8px rgba(0,0,0,.25)}
#feedp #bfeed .bf{background:none;font-size:13px;padding:1px 0;line-height:1.4;border-bottom:1px dashed rgba(255,255,255,.08)}
#feedp #bfeed .bf:last-child{border:0}
#feedp #bfeed:before{content:"⚔ Giao Chiến";display:block;font-size:12px;color:#e8c070;font-weight:700;margin-bottom:2px}
@media(max-width:819px){#feedp #bfeed{max-width:none;left:auto;bottom:auto}#feedp #bfeed .bf{font-size:12px;padding:1px 0}}


#ttl.dock{background:rgba(12,8,4,.22);align-items:flex-start;justify-content:flex-start;overflow:hidden}
#ttl.dock video,#ttl.dock .tbg,#ttl.dock .tvg,#ttl.dock .tft,#ttl.dock .ttag{display:none}
#ttl.dock .tin{position:absolute;padding:0;text-align:center}
#ttl.dock .tlogo{display:block;padding:6px 0 4px;margin:0 0 6px;background:linear-gradient(#2a1a10,#1a100a);border:2px solid #c9a24a;border-radius:10px}
#ttl.dock .tlogo:before{display:none}
#ttl.dock .tlogo b{font-size:30px}
#ttl.dock .tseal{right:8px;top:8px;font-size:13px}
#ttl.dock .tcard{padding:12px 12px 10px}
#ttl.dock button{font-size:15px;padding:10px 8px}


#mbar,#msheet{display:none}
@media(max-width:819px){
 
 #spmo,#modal,#sheet,#rev,#cfm,#tabcard{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}#tcbox{max-height:calc(100vh - 82px - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 82px - env(safe-area-inset-bottom))!important}
 #spmbox{max-height:100%!important}
 
 .spst{display:none!important}
 
 .sptop .sph{flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;font-size:14px!important;white-space:nowrap;min-width:0}
 .sptop .sph>b:first-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
 .sptop .sph>span{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px!important;margin-left:0!important}
 .sptop .sph .spdl{flex:none;white-space:nowrap;margin:0!important;padding:1px 5px!important;font-size:12px!important}
 .sptop .sph .spx{flex:none;margin-left:0!important;padding:2px 8px!important}
 #mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:linear-gradient(#3a2616,#24170d);border-top:2px solid #c9a860;padding:4px 4px calc(4px + env(safe-area-inset-bottom));gap:3px}
 #mbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:none;color:#f6e6c0;font-size:11px;font-weight:700;padding:4px 0;border-radius:8px;position:relative}
 #mbar button .ti{font-size:19px;line-height:1.1}
 #mbar button.on{background:rgba(255,210,90,.18);color:#ffd25a}
 #mbar .ndot{position:absolute;top:2px;right:22%;width:8px;height:8px;border-radius:50%;background:#e74c3c}
 body{padding-bottom:64px}
 #tabw{display:none!important}
 #chatfab{bottom:76px!important}
 #och-fab{display:none!important}
 #msheet.open{display:flex;position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.45);align-items:flex-end}
 #msheet .ms{width:100%;max-height:75vh;overflow:auto;background:var(--card);border-top:3px solid #c9a860;border-radius:14px 14px 0 0;padding:10px 10px calc(70px + env(safe-area-inset-bottom))}
 #msheet .mg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
 #msheet .mg button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:2px solid #c9a860;border-radius:10px;background:linear-gradient(#5a3a20,#3a2414);color:#f6e6c0;font-size:12.5px;font-weight:700}
 #msheet .mg button .ti{font-size:22px}
 #msheet .mg button.on{border-color:#ffd25a;background:linear-gradient(#8a2a1a,#5a160c)}
 #msheet .mx{display:flex;flex-direction:column;gap:6px;margin-top:8px}
 #msheet .mx button{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:10px;font-weight:700;font-size:14px}
}


.pgh{font-weight:800;margin:10px 0 6px;color:#3a2a14}.pgh small{font-weight:400;color:var(--mut)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:6px;margin-bottom:6px}
.pcd{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 4px 5px;border:1.5px solid #c9d2c4;border-radius:9px;background:linear-gradient(#fdfefb,#eef3ea);cursor:pointer;min-width:0;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:transform .1s}
.pcd:hover{transform:translateY(-2px);border-color:#c9a860}
.pcd img{width:48px;height:48px;image-rendering:pixelated;border-radius:6px;background:#fff8e8}
.pcd b{display:block;width:100%;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;color:#2a2014}
.pcd .prl{font-size:10.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.pcd .ploc{font-size:10px;color:#8a2a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.pcd .pbar{width:88%;height:5px;border-radius:3px;background:#dcd6c4;overflow:hidden;margin:3px 0 2px}.pcd .pbar i{display:block;height:100%}
.pcd .pft{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2px;padding:0 2px}
.pcd .pv{font-size:10.5px;font-weight:800}
.pcd .ppill{font-size:9.5px;padding:0 5px;border:1px solid #c9c2a8;border-radius:8px;background:#f2eedf;color:#5a4a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62px}
.pcd .pgx{position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:4px;font-size:9.5px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center}
.pcd .pgx.m{background:#3a8ad0}.pcd .pgx.f{background:#e0609a}
.pcd.dead{filter:grayscale(1);opacity:.6}.pcd.hot{border-color:#e8a0b8;background:linear-gradient(#fff8fb,#fbe8ef)}


#ttlbg{position:absolute;inset:0;z-index:4;background:#1a2a3a center/cover no-repeat;image-rendering:auto;pointer-events:none}
.shh td{padding:5px 6px;border-bottom:1px solid #e3d6b8;font-size:13px}
#cvbg{position:absolute;inset:0;width:100%;height:100%;z-index:0;image-rendering:auto;filter:blur(14px) brightness(.62) saturate(1.1);transform:scale(1.12);pointer-events:none}
#scenep{overflow:hidden}
#scenep>#scene{z-index:1}

@media(max-width:819px){#tabcard{bottom:var(--mbh,76px)!important;padding:6px 6px 6px!important}#tcbox{max-height:100%!important}}
#updbar{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:9999;background:#fff4d6;border:2px solid #c9a860;border-radius:12px;padding:8px 12px;box-shadow:0 6px 20px rgba(0,0,0,.35);font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:94vw;color:#3a2a14}#updbar button{padding:4px 10px}#updbar .updlog{flex-basis:100%;max-height:34vh;overflow:auto;text-align:left;font-size:13px;line-height:1.5;border-top:1px dashed #c9a860;padding-top:6px;margin-top:2px}#updbar .updlog>div{margin:3px 0}.tmon.cvpin img{filter:drop-shadow(1px 0 0 #e8d8ff) drop-shadow(-1px 0 0 #e8d8ff) drop-shadow(0 1px 0 #e8d8ff) drop-shadow(0 -1px 0 #e8d8ff) drop-shadow(0 0 6px #b080ff)}.tmon.cvpin.done{opacity:.6}
.tmon.cvpin img.cvimg{height:50px;width:auto;max-width:none;object-fit:contain}
.tmon img{max-width:60px;object-fit:contain}.tmon.el img{max-width:76px}
@media (max-width:820px){.tmon img{height:26px;max-width:38px}.tmon.el img{height:34px;max-width:48px}.tmon i{font-size:18px}.tmon span{font-size:9px;padding:0 4px;border-radius:6px}}
@media (max-width:820px){.tmon.cvpin img.cvimg{height:30px}}
@media (max-width:420px){.tmon img{height:22px;max-width:32px}.tmon.el img{height:28px;max-width:40px}.tmon span{font-size:8px}}#fbkbtn{top:50px;font-size:17px}#pzfab~#fbkbtn{top:86px}#pzfab[style*="none"]~#fbkbtn{top:50px}#fbkbtn{position:absolute}.trtag{display:inline-block;margin-left:5px;padding:0 5px;border-radius:5px;background:#7a1a14;color:#ffe0d0;font-size:10.5px;font-weight:700;vertical-align:middle;line-height:16px}#dgfab{position:absolute;width:auto;min-width:42px;padding:0 6px;font-size:18px;display:flex;align-items:center;gap:3px;background:linear-gradient(#fff3c0,#ffd76a);border-color:#c9902a;animation:dgpulse 1.4s ease-in-out infinite;z-index:4}#dgfab small{font-size:11px;font-weight:700;color:#6a3a00;white-space:nowrap}@media(max-width:820px){#dgfab{font-size:13px!important;height:26px!important;min-height:0!important;padding:0 6px!important;gap:2px!important;-webkit-text-size-adjust:none;text-size-adjust:none}#dgfab small{font-size:10px!important}#chatfab{width:46px!important;height:46px!important;font-size:22px!important;opacity:.88}#chatfab-b{min-width:18px;height:18px;line-height:18px;font-size:10px;top:-4px;right:-4px}#chatfab-pm{width:20px;height:20px;line-height:16px;font-size:10px}}@keyframes dgpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,190,40,.7)}50%{box-shadow:0 0 0 7px rgba(255,190,40,0)}}#fbkbd{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#d32f2f;color:#fff;font-size:11px;font-weight:800;font-style:normal;line-height:18px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.4);display:none}.spdpick{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}.spdb{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:6px 8px;border-radius:8px;border:1px solid #c9a96a;background:#fff8e8;cursor:pointer}.spdb b{font-size:14px}.spdb small{font-size:11px;color:#6a5a3a}.spd0{border-color:#4caf50}.spd1{border-color:#3a7ad0}.spd2{border-color:#e08a20}.spd3{border-color:#d03030;background:#fff0ec}

@supports (height:100dvh){
 #actpop .box{max-height:calc(100dvh - 24px)}
 #sheet .box{max-height:calc(100dvh - 32px)}
 #spmbox{max-height:calc(100dvh - 24px)}
 #spmbox.fixh{height:min(970px,calc(100dvh - 16px));max-height:calc(100dvh - 16px)}
 #btcard .btc{max-height:calc(100dvh - 40px)}
 #gmp .gmbox{max-height:calc(100dvh - 24px)}
 body.chpop #choice{max-height:calc(100dvh - 40px)!important}
 #skact .ska{max-height:calc(100dvh - 120px)}
}
#actpop .box,#sheet .box,#spmbox,#btcard .btc,#gmp .gmbox,#cfm .box,#modal .box,#rev .box{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#cfm .box,#modal .box,#rev .box{max-height:calc(100vh - 32px)}@supports (height:100dvh){#cfm .box,#modal .box,#rev .box{max-height:calc(100dvh - 32px)}}
@media (max-width:820px){
 #sheet,#modal{z-index:49}#rev{z-index:59}#actpop{z-index:60}#spmo{z-index:68}#cfm{z-index:70}#btcard{z-index:9500}
 body.chpop #chback{z-index:64}body.chpop #choice{z-index:66!important}
 #actpop,#spmo,#cfm,#modal,#sheet,#rev{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}
 #tcbox{max-height:calc(100vh - 82px - env(safe-area-inset-bottom))!important}
 @supports (height:100dvh){#tcbox{max-height:calc(100dvh - 82px - env(safe-area-inset-bottom))!important}}
 #toast{z-index:9996}
}
.kpbar{display:flex;align-items:center;gap:10px;margin:8px 0;padding:8px 12px;border-radius:12px;border:2px solid #c9902a;background:linear-gradient(#fff6dc,#f5e2b0)}.kpbar>span{font-size:26px}.kpbar b{display:block;font-size:16px;color:#7a4a08}.kpbar small{color:#6b5a3a;font-size:12px}.kpb{margin-top:4px;width:100%;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none}.kpg{height:6px;border-radius:4px;background:#e6dcc4;overflow:hidden}.kpg i{display:block;height:100%;background:linear-gradient(90deg,#e0a030,#f0c040)}.kpb small{font-size:10px;color:#6b5a3a}.kpbt{display:flex;gap:4px;justify-content:center;margin-top:3px}.kpb button{display:block;margin:0;padding:3px 8px;font-size:11px;border-radius:8px;border:1.5px solid #c9902a;background:#fff3cf;color:#7a4a08;font-weight:700;cursor:pointer}.kpb button:disabled{opacity:.45;cursor:default}
.skin .supk{cursor:default}

/* uihidecss */
body.uihide #dvbtn,body.uihide #shopbtn,body.uihide #fbkbtn,body.uihide #dgfab,body.uihide #spmb,body.uihide #locb,body.uihide #qpot,body.uihide #actw,body.uihide #annbar,body.uihide #kidb,body.uihide #restw,body.uihide #sickb,body.uihide #arab,body.uihide #bufbar,body.uihide #cultb{visibility:hidden!important;pointer-events:none!important}#uitog{position:absolute;right:8px;top:60px;z-index:9;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid rgba(255,230,160,.75);background:rgba(20,12,4,.55);color:#ffeec0;font-size:17px;line-height:30px;text-align:center;cursor:pointer;-webkit-text-size-adjust:none;text-size-adjust:none;white-space:nowrap}#uitog:active{transform:scale(.92)}body.uihide #uitog{background:rgba(20,12,4,.35);opacity:.8}