@font-face{font-family:Inter;src:url('/mori-preview/assets/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#0f0f0f;color:#d39a16}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}
button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:2px solid #d39a16;outline-offset:3px}
.preview-root{width:100%;height:var(--preview-height,100dvh);max-height:100dvh;overflow:hidden;
padding-top:max(env(safe-area-inset-top,0px),var(--preview-safe-top,0px));padding-bottom:max(env(safe-area-inset-bottom,0px),var(--preview-safe-bottom,0px));
padding-left:max(env(safe-area-inset-left,0px),var(--preview-safe-left,0px));padding-right:max(env(safe-area-inset-right,0px),var(--preview-safe-right,0px))}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-shell{display:grid;grid-template-rows:24px minmax(0,1fr) 28px;width:100%;height:100%}
.demo-bar{text-align:center;align-content:center;font-size:12px;line-height:16px;color:#d39a16;white-space:nowrap}.demo-bar>span:not(.sr-only){color:#808080;font-size:11px}
.stage-area{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}
.canvas-space{position:relative;width:calc(402px * var(--canvas-scale,0));height:calc(716px * var(--canvas-scale,0))}
.fight-canvas{position:absolute;top:0;left:0;width:402px;height:716px;overflow:hidden;background:#0f0f0f;transform:scale(var(--canvas-scale,0));transform-origin:0 0}
.fight-canvas img{display:block;max-width:none;pointer-events:none}.back{position:absolute;inset:0;overflow:hidden}
.scene-background{position:absolute;left:0;top:-54px}
.fight-log{position:absolute;left:0;top:0;width:402px;height:201px;overflow:hidden}.log-cell{position:absolute;top:0}.log-cell-left{left:0}.log-cell-right{left:201px}
.fight-log h1{position:absolute;left:144px;top:16px;margin:0;font-size:16px;font-weight:600;letter-spacing:.64px;line-height:19px}
.log-clip{position:absolute;left:0;top:47px;width:402px;height:154px;mask-image:url('/mori-preview/assets/log-fade-mask.svg');mask-repeat:no-repeat;mask-mode:luminance}
.log-text{position:absolute;left:16px;top:0;width:370px;margin:0;color:#808080;font-size:16px;letter-spacing:.64px;line-height:1.4;font-weight:400}
.log-text strong{color:#d39a16;font-weight:500}.log-text em{color:#ef0e0e;font-style:normal;font-weight:500}.log-text b{color:#13b301;font-weight:500}
.hp{position:absolute;top:224px;width:193px;height:37px}.hp-self{left:0}.hp-other{left:209px}
.name{position:absolute;top:277px;margin:0;font-size:16px;font-weight:500;line-height:19px;letter-spacing:1.28px}.self-name{left:16px}.other-name{left:348px}
.buffs{position:absolute;top:308px;display:flex}.self-buffs{left:16px;gap:14px}.other-buffs{left:298px;gap:8px}
.hero{position:absolute;left:28px;top:355.8634033203125px}.villain{position:absolute;left:254.236328125px;top:355.8436279296875px}
.zone-column{position:absolute;top:400px;display:flex;flex-direction:column;gap:16px}.defense{left:16px}.attack{left:251px}
.zone-button{position:relative;display:flex;gap:6px;align-items:center;padding:8px 16px;height:40px;width:135px;border:0;border-radius:8px;background:#1d1d1d;color:#d39a16;box-shadow:4px 4px 2px rgba(0,0,0,.1)}
.zone-button span{width:73px;font-size:16px;font-weight:600;line-height:19px;letter-spacing:.64px;text-align:center}
.zone-button[aria-pressed="true"]{box-shadow:0 0 4px #d39a16,4px 4px 4px rgba(0,0,0,.1)}
.zone-button[aria-pressed="true"]::after{content:'';position:absolute;inset:0;border:1px solid #d39a16;border-radius:8px;pointer-events:none}
.historical-controls{pointer-events:none}.chevron{position:absolute;top:400px}.chevron-left{left:157px;transform:rotate(180deg)}.chevron-right{left:213px}
.distance{position:absolute;left:189px;top:402px;width:24px;text-align:center;font-weight:600;font-size:24px;line-height:29px;letter-spacing:.96px}
.footprints{position:absolute;left:184.68px;top:447.5072px}.knife{position:absolute;left:184.5104px;top:480px}.grenade{position:absolute;left:185px;top:555.3408px}
.confirm-button{position:absolute;left:73px;top:655px;width:256px;height:47px;margin:0;padding:0;border:0;color:#d39a16;background:transparent}
.confirm-material{position:absolute;left:-0.9755859375px;top:-1.5386962890625px}.confirm-button>span{position:absolute;left:0;right:0;top:9px;font-weight:600;font-size:24px;line-height:29px;letter-spacing:.96px;white-space:nowrap}
.choice-status{position:absolute;left:0;right:0;top:704px;margin:0;text-align:center;font-size:10px;line-height:12px;color:#808080}
.demo-footer{display:flex;justify-content:center;align-items:center}.demo-footer button{color:#808080;font-size:12px;line-height:18px;padding:2px 6px;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}
.entry-gate{height:100%;max-width:402px;margin:auto;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}
.entry-gate h1{font-size:22px;line-height:1.25;margin:0;font-weight:600}.entry-gate p{font-size:14px;line-height:1.5;margin:0;color:#808080}
.entry-gate button{width:100%;padding:12px;border:1px solid #d39a16;border-radius:8px;background:#1d1d1d;color:#d39a16;font-size:14px}