body{color:#e8e0d0;background:#14110f;margin:0;padding:12px;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;line-height:1.6}#app{max-width:900px;margin:0 auto}h1,h2,h3{color:#f0c674;margin:.4em 0}button{color:#e8e0d0;cursor:pointer;font:inherit;background:#2a241f;border:1px solid #6b5a45;border-radius:6px;margin:3px;padding:6px 10px}button:hover:not(:disabled){background:#3b3229;border-color:#f0c674}button:disabled{opacity:.4;cursor:default}.card{vertical-align:top;text-align:left;white-space:normal;width:190px;min-height:84px;display:inline-block}.card .t{color:#b9a88f;font-size:.82em}.card .n{font-weight:700}.page{vertical-align:top;text-align:left;width:250px;min-height:90px;display:inline-block}.box{background:#1b1714;border:1px solid #3d342b;border-radius:8px;margin:8px 0;padding:8px 12px}.log{color:#c9bca6;white-space:pre-wrap;max-height:280px;font-size:.9em;overflow:auto}.hp{color:#e06c75}.qi{color:#61afef}.ap{color:#e5c07b}.hen{color:#c678dd}.arm{color:#98c379}.gold{color:#e5c07b}.dim{color:#8a7d6b;font-size:.9em}.cref{color:#f0c674;cursor:help;border-bottom:1px dashed #6b5a45}.ctip{z-index:30;pointer-events:none;white-space:normal;background:#241d16;border:1px solid #f0c674;border-radius:8px;width:230px;padding:8px 10px;font-size:.85em;display:none;position:fixed;box-shadow:0 4px 18px #000000a6}.ctip .n{color:#f0c674;font-weight:700}.ctip .t{color:#b9a88f;font-size:.8em}.hback{vertical-align:-4px;background:repeating-linear-gradient(45deg,#2a211a 0 4px,#221a14 4px 8px);border:1px solid #6b5a45;border-radius:2px;width:12px;height:17px;margin-right:2px;display:inline-block}.bar span{margin-right:14px}.say{border-left:3px solid #6b5a45;margin:8px 0;padding-left:10px}.stage{pointer-events:none;z-index:10;justify-content:center;display:grid;position:fixed;top:28%;left:0;right:0}.fcard{background:#2a211a;border:2px solid #f0c674;border-radius:10px;grid-area:1/1;width:200px;min-height:120px;padding:10px 12px;animation:.25s ease-out fin;position:relative;box-shadow:0 0 24px #f0c67473}.fcard.foe{border-color:#e06c75;box-shadow:0 0 24px #e06c7580}.fcard.back{background:repeating-linear-gradient(45deg,#2a211a 0 8px,#221a14 8px 16px)}.fcard .who{color:#b9a88f;font-size:.78em}.fcard .n{color:#f0c674;font-size:1.15em;font-weight:700}.fcard .t{color:#b9a88f;font-size:.82em}.fcard.ash{animation:.9s ease-in forwards burn}.ashp{opacity:0;background:#ffb35c;border-radius:50%;width:5px;height:5px;animation:1s ease-out forwards fly;position:absolute;box-shadow:0 0 6px #ff8a2a}@keyframes fin{0%{opacity:0;transform:scale(.6)translateY(30px)}to{opacity:1;transform:none}}@keyframes burn{0%{filter:none}35%{filter:sepia()saturate(3)brightness(1.3);box-shadow:0 0 30px #ff8a2a}to{filter:grayscale()brightness(.3)blur(3px);opacity:0;transform:translateY(-24px)scale(1.04)}}@keyframes fly{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3);background:#555}}.lootstage{pointer-events:none;z-index:10;justify-content:center;display:grid;position:fixed;top:16%;left:0;right:0}.lootfly{opacity:0;background:repeating-linear-gradient(45deg,#2a211a 0 6px,#221a14 6px 12px);border:1px solid #6b5a45;border-radius:6px;grid-area:1/1;width:46px;height:64px;animation:.75s ease-in forwards flyin}.lootbox{color:#f0c674;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#3a2c1c,#241a10);border:3px solid #f0c674;border-radius:12px;grid-area:1/1;place-items:center;width:120px;height:120px;font-size:30px;display:grid;box-shadow:0 0 20px #f0c67440}.lootbox.ready{animation:1.1s ease-in-out infinite boxpulse}.lootbox.shake{animation:.9s ease-in-out boxshake,.9s ease-in-out boxglow}.lootbox.boom{animation:.45s ease-in forwards lootboom}.fcard.reveal{pointer-events:none;animation:1s ease-out revealspin;box-shadow:0 0 46px #f0c674d9}@keyframes boxpulse{0%,to{transform:scale(1)}50%{transform:scale(1.06);box-shadow:0 0 34px #f0c67499}}@keyframes boxshake{0%,to{transform:rotate(0)}15%{transform:rotate(-6deg)translate(-6px)}30%{transform:rotate(6deg)translate(6px)}45%{transform:rotate(-8deg)}60%{transform:rotate(8deg)translateY(-4px)}75%{transform:rotate(-4deg)}}@keyframes boxglow{0%{box-shadow:0 0 20px #f0c67440}50%{box-shadow:0 0 60px #ffb450f2}to{box-shadow:0 0 20px #f0c67440}}@keyframes flyin{0%{opacity:1;transform:translate(var(--sx),var(--sy)) scale(1)}to{opacity:0;transform:translate(0)scale(.2)}}@keyframes lootboom{0%{transform:scale(1)}45%{filter:brightness(2.4);transform:scale(1.25)}to{opacity:0;transform:scale(0)}}@keyframes revealspin{0%{opacity:0;transform:rotateY(720deg)scale(.2)}60%{opacity:1}to{transform:rotateY(0)scale(1)}}