
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;background:#fdf8ee;color:#333;user-select:none;-webkit-user-select:none}
#c{position:fixed;inset:0;display:block;touch-action:none}
#top{position:fixed;left:8px;right:8px;top:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;pointer-events:none}
#top>*{pointer-events:auto}
h1{margin:0 8px 0 4px;font-size:24px;color:#ef476f;background:#fffd;border-radius:12px;padding:4px 10px}
button{font:inherit;font-size:17px;min-height:44px;padding:4px 12px;border:3px solid #ccc;border-radius:12px;background:#fff;cursor:pointer}
.tab.on{background:#118ab2;color:#fff;border-color:#118ab2}.tool{border-color:#06d6a0}.tool.on{background:#06d6a0;color:#fff}
.btnp{background:#ffd166;border-color:#f4a261}.view{border-color:#8338ec}
#panel{position:fixed;left:8px;bottom:8px;background:#fffe;border:3px solid #ffd166;border-radius:16px;padding:8px 10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;max-width:calc(100% - 140px);font-size:18px}
input,select{font:inherit;font-size:20px;padding:4px 8px;border:3px solid #ccc;border-radius:10px;width:100px;min-height:44px}
.hint{font-size:14px;color:#666;width:100%}
#views{position:fixed;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px}
#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#118ab2}
.mnrow{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:100%;flex-basis:100%;white-space:nowrap}

.pvg{display:inline-flex;flex-wrap:wrap;gap:6px 10px;vertical-align:middle}.pvpair{display:inline-flex;gap:4px}
.pvb{display:inline-flex!important;align-items:center;gap:4px;padding:3px 5px!important;border:2px solid #cfd8dc!important;background:#fff!important;border-radius:12px!important}
.pvb i{font-style:normal;font-weight:900;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:8px;font-size:24px;line-height:1}
.op.opp{background:#1fae4b;color:#fff}.op.opm{background:#e63946;color:#fff}
.pw{color:#123a52;border:1px solid #c9d6de}.pw-u{background:#eaf5fb}.pw-r{background:#d8edf7}.pw-f{background:#c6e4f2}.pw-k{background:#b4dbed}
@media (max-width:820px){.pvb i{min-width:28px;height:28px;font-size:20px}}#eq{position:fixed;right:8px;top:60px;background:#fffe;border:3px solid #2e9e4f;border-radius:16px;padding:8px 14px;font-size:30px;font-weight:900;color:#073b4c;display:none;min-width:250px}
#eq .r{display:grid;grid-template-columns:36px repeat(4,46px);text-align:center;line-height:1.25}#eq .r i{font-style:normal}#eq .head b{font-size:20px;color:#555}
#eq .hr{border-top:4px solid #073b4c;margin:2px 0 2px 30px}#eq .warn{color:#e63946}#eq .q{color:#bbb}#eq .ans{color:#1e6fd9}#eq .tot{font-size:18px;margin-top:4px}#eq .tot span{font-size:26px;color:#e63946}#eq .tip{font-size:16px;color:#e63946;max-width:260px}
#ov{position:fixed;right:8px;top:60px;background:#fffe;border:3px solid #118ab2;border-radius:16px;padding:8px 14px;font-size:19px;color:#073b4c;display:none;max-width:470px;max-height:calc(100% - 330px);overflow:auto}
#ov.cmp{font-size:15px;max-width:255px;padding:5px 9px;top:56px}#ov.cmp .big{font-size:22px}#ov.cmp .ttl{font-size:16px}
.mxbox{display:inline-flex;align-items:center;gap:3px;border:3px solid #118ab2;border-radius:12px;padding:2px 5px;flex-wrap:nowrap}.mxbox>b{font-size:20px;color:#118ab2;margin:0 3px}.ex.mx{padding:1px 5px;min-height:36px;display:inline-flex;align-items:center;gap:2px;font-size:16px;font-weight:800;white-space:nowrap}.mx svg{display:block}.mnit{background:#fffbe6;border:2px solid #e63946;border-radius:8px;padding:2px 6px;font-size:16px}
table.mnt{border-collapse:collapse;margin:2px 0}table.mnt th,table.mnt td{border:1px solid #9bb;padding:1px 9px;text-align:center}table.mnt th{background:#e8f4ec;font-size:14px}table.mnt td{font-weight:900;font-size:18px}
#ov .ttl{font-weight:900;color:#118ab2;font-size:20px}#ov .big{font-size:32px;font-weight:900}#ov .ok{color:#1fae4b}#ov .bad{color:#e63946}
.subt{display:inline-flex;gap:4px;padding-right:8px;border-right:3px solid #ffd166;margin-right:2px}.tab.sub{font-size:16px;min-height:40px;padding:2px 10px}
.ld{font-family:"Courier New",monospace;font-size:26px;font-weight:800;margin:6px 0;line-height:1.15}.ld i{display:inline-block;width:26px;text-align:center;font-style:normal}.ld .q{color:#1e6fd9}.ld .ln{white-space:nowrap;height:30px}.ld .dv{border-top:3px solid #073b4c;display:inline-block}.ld .br{width:10px;border-left:3px solid #073b4c;height:30px;vertical-align:top;border-radius:0 0 0 0;margin-left:-8px;margin-right:-2px}.ld .ul{border-top:3px solid #073b4c;height:0}.ld .rm{color:#e63946}
.ex{font-size:15px;padding:2px 8px;border-color:#1e6fd9}.chc.on{outline:3px solid #073b4c}

#crumb{font-size:15px;background:#fffd;border-radius:10px;padding:4px 10px;margin:0 6px 0 2px;color:#555}#crumb a{color:#118ab2;text-decoration:none;font-weight:700}#crumb b{color:#ef476f}
#activities{display:none}
