@font-face{font-family:BC;src:url(../art/BarlowCondensed-Medium.ttf);font-weight:500}@font-face{font-family:BC;src:url(../art/BarlowCondensed-SemiBold.ttf);font-weight:600}@font-face{font-family:BC;src:url(../art/BarlowCondensed-Bold.ttf);font-weight:700}@font-face{font-family:BC;src:url(../art/BarlowCondensed-ExtraBold.ttf);font-weight:800}@font-face{font-family:BC;src:url(../art/BarlowCondensed-BoldItalic.ttf);font-weight:700;font-style:italic}@font-face{font-family:BC;src:url(../art/BarlowCondensed-ExtraBoldItalic.ttf);font-weight:800;font-style:italic}@font-face{font-family:KN;src:url(../art/Kanit-Regular.ttf);font-weight:400}@font-face{font-family:KN;src:url(../art/Kanit-Medium.ttf);font-weight:500}@font-face{font-family:KN;src:url(../art/Kanit-SemiBold.ttf);font-weight:600}@font-face{font-family:KN;src:url(../art/Kanit-Bold.ttf);font-weight:700}:root{--safe-top:62px;--safe-bottom:34px;--ink:#24272C;--ink-2:#3A3E45;--ink-3:#5A5F68;--paper:#F7F8FA;--paper-2:#E8EBEF;--paper-3:#CDD2D9;--act:#F7700F;--act-deep:#C9520A;--act-pale:#FFE3CC;--dot:#E8344E;--gold:#F2B233;--sanity:#EF4E5B;--coffee:#EFB2C6;--cream:#F7EFE6;--display:"BC","KN",sans-serif;--body:"KN","BC",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#101215}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased}#vp{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}#stage{position:absolute;width:402px;height:874px;transform-origin:top center;overflow:hidden;background:#cfd6de}.abs{position:absolute}#bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50% 0;background-color:#c9b9a4}.dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1e225c}#frame{position:absolute;left:16px;top:202.6px;width:370.6px;height:462.5px;border-radius:8px;background:var(--ink);box-shadow:0 6px 18px #00000073}.half{position:absolute;left:26.1px;width:351.9px}#upper{top:213.1px;height:218.5px;background:#b9bdc3;border-radius:4px 4px 0 0}#lower{top:440.2px;height:217px;background:#e7dccb;border-radius:0 0 4px 4px}.half .g{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr)}.cell{position:relative;margin:1.5px;border-radius:5px;display:flex;align-items:center;justify-content:center}#upper .cell{background:#d3d6da}#lower .cell{background:#f7f0e6}.cell img,.cell svg{width:37px;height:37px;object-fit:contain}#upper .cell img,#upper .cell svg{filter:grayscale(1) contrast(.8) brightness(1.12);opacity:.78}#rail{position:absolute;left:0;top:431.6px;width:402px;height:8.6px;background:#3a2e22}#rail i{position:absolute;left:3px;top:1.5px;height:5.6px;border-radius:3px;background:var(--act);box-shadow:0 0 6px #f7700fcc}.ab{position:absolute}.hex{position:absolute;width:60px;height:66px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--ink);display:flex;align-items:center;justify-content:center}.hexo{position:absolute;width:66px;height:72px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#fff}.hexo.ready{background:var(--coffee)}.chg{position:absolute;height:19px;padding:0 7px 0 4px;border-radius:10px;background:#24272ce6;display:flex;align-items:center;gap:3px;color:#fff;font:700 13px/1 var(--display);font-variant-numeric:tabular-nums}.chg.ready{background:var(--coffee);color:#3f2932}.nm{position:absolute;padding:4px 11px 3px;border-radius:12px;background:#24272cc7;color:#fff;font:800 italic 16px/1 var(--display);text-transform:uppercase;white-space:nowrap}.nm small{font:700 12px/1 var(--display);font-style:normal;color:#ffd3ae;margin-right:4px}.slot{position:absolute;width:24px;height:26px}.btn{position:absolute;width:28px;height:25px;border-radius:4px;background:#24272ce6;display:flex;align-items:center;justify-content:center}.vs{position:absolute;height:18px;padding:0 6px;border-radius:3px;background:var(--act);color:#fff;font:800 italic 13px/18px var(--display)}.emo{position:absolute;width:28px;height:26px;border-radius:6px;background:var(--paper);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.phone{position:absolute;filter:drop-shadow(0 5px 8px rgba(0,0,0,.5))}.art{position:absolute;overflow:hidden}.ph{position:absolute}.hpbar{position:absolute;height:20px;border-radius:3px;background:#2b1e22;box-shadow:0 0 0 2px #fff,0 3px 8px #0006;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.hpbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#FF7884,var(--sanity) 60%,#C8303D)}.hpbar b{position:absolute;right:12px;top:0;font:800 17px/20px var(--display);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.6);font-variant-numeric:tabular-nums}:root{--actual-safe-top:env(safe-area-inset-top,0px);--actual-safe-bottom:env(safe-area-inset-bottom,0px)}html,body{overscroll-behavior:none;touch-action:none}#viewport{position:fixed;top:0;right:0;bottom:0;left:0;background:url(../art/office-table.png) center top/cover}#stage{position:absolute;transform-origin:top center;background:transparent}#board{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button{pointer-events:auto;cursor:pointer;border:0;color:#fff;font:inherit;padding:0;background-color:transparent;-webkit-tap-highlight-color:transparent}#hud .hex{background:#24272c}#hud button:disabled{cursor:default}#hud button:focus-visible{outline:solid #F7700F}.phone img,.portrait img{width:100%;height:100%;object-fit:contain}.portrait{position:absolute;border-radius:50%;background:#e4e1dc;box-shadow:0 0 0 3px #fff,0 4px 10px #0006;overflow:hidden}.portrait img{object-fit:cover;object-position:50% 18%}.used{filter:grayscale(1);opacity:.45}.tea{filter:drop-shadow(0 5px 8px rgba(0,0,0,.45))}.rail{position:absolute;background:#3a2e22}.rail i{position:absolute;background:var(--act);border-radius:3px;box-shadow:0 0 6px #f7700fcc}.atk{position:absolute;color:#fff;font:800 12px/1 var(--display);text-shadow:0 1px 2px #000}.damage-popup{position:absolute;color:#fff;font:800 italic 23px/1 var(--display);transform:translate(-50%,-100%);text-shadow:0 2px 3px #000}.battle-banner{position:absolute;transform:translateY(-100%);text-align:center;color:#fff;font:800 italic 13px/1 var(--display);text-shadow:0 1px 3px #000;white-space:pre-wrap}.battle-banner.ended{background:#24272cee;white-space:normal;font-size:23px;padding:1em;transform:translateY(-50%)}.rewards{font:800 16px/1.4 var(--display)}#error:not(:empty){position:fixed;top:0;right:0;bottom:0;left:0;padding:2em;white-space:pre-wrap;color:#fff;background:#24272c;overflow:auto}.hex,.btn{color:#fff}.hud-scrim{position:absolute;background:radial-gradient(closest-side,#24272c8c,#24272c00)}.b1-name{color:#fff;font:800 italic 19px/1 var(--display);text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.7);white-space:nowrap}.b1-name small{font:700 12px/1 var(--display);font-style:normal;color:#ffebd8}