:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#e9ebd9;background:#142923;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible{outline:2px solid #e9c787;outline-offset:-3px}button:not(:disabled):hover{background-color:#314c3e}.sample{width:100%;min-width:280px;max-width:900px;margin:auto;overflow:hidden;background:#142923}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;border-bottom:1px solid #adc6ac1c}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#a2b5a2}h1{margin:5px 0 0;font-size:21px;font-weight:700;letter-spacing:-.8px}.demo{display:inline-block;vertical-align:middle;margin-left:9px;padding:3px 5px;border:1px solid #d4c29455;border-radius:3px;color:#d4c294;font-size:8px;letter-spacing:1px}.wallet{font-size:15px;font-variant-numeric:tabular-nums;color:#efcd88}.wallet>span{margin-right:3px}.wallet small{display:block;text-align:right;font-size:8px;letter-spacing:2px;color:#98a892;margin-top:3px}.field{position:relative;height:180px;background:#244638 url(./woods-CRVL-9Lr.webp) center/cover no-repeat;isolation:isolate}.field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#10271cc9,transparent 53%,#10271c88)}.field-heading{position:absolute;left:20px;right:20px;top:16px;display:flex;justify-content:space-between;align-items:center}.chapter{font-size:8px;letter-spacing:2px;color:#d4d7b7}h2{font-size:15px;margin:5px 0}.live{font-size:9px;color:#d2e7b4;background:#122f25a8;border:1px solid #c2d9ad22;padding:5px 7px;border-radius:20px}#battle{display:block;width:100%;height:100%;image-rendering:pixelated}.field-bottom{position:absolute;bottom:9px;left:20px;right:14px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#dde1c7}.playback{display:flex;gap:4px}.playback button{min-width:32px;height:28px;background:#112b23d9;border:1px solid #d5e1bc33;border-radius:5px;font-size:12px}.party{padding:12px 16px}.section-label{display:flex;justify-content:space-between;margin:0 2px 10px;font-size:8px;color:#9bac99;letter-spacing:1px}.section-label>span+span{letter-spacing:0;font-size:9px}.heroes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hero{display:flex;align-items:center;justify-content:center;gap:4px;position:relative;background:#21382e;border:1px solid #a6bd9026;border-radius:8px;padding:8px 2px;min-width:0}.hero canvas{width:40px;height:48px;image-rendering:pixelated}.hero-info{text-align:left;min-width:0}.hero-name{font-size:11px;white-space:nowrap}.hero-level{display:block;color:#b0c3a0;font-size:9px;margin-top:3px}.hero-cost{display:block;color:#e2c487;font-size:9px;margin-top:5px}.actions{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:8px;padding:0 16px}.actions button{height:45px;border-radius:7px}.skill{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #abc59938;background:#1d352b;font-size:11px;text-align:left}.skill-symbol{font-size:24px;color:#d6c1ee}#heal .skill-symbol{color:#b1d59e}.skill small{display:block;font-size:8px;color:#a8b69d;margin-top:3px}.boss{background:#ddca99;color:#263729;border:1px solid #eddbab;font-weight:700;font-size:11px}.boss:not(:disabled):hover{background:#efddae}.boss span{margin-left:6px}.hint{height:29px;line-height:29px;margin:0;text-align:center;font-size:9px;color:#a0b19b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;background:#19392e;font-size:12px;gap:12px}#loading[hidden]{display:none}#loading button{padding:8px 20px;background:#304b3c;border:1px solid #bac9a6;border-radius:5px}@media(max-width:400px){.topbar{padding:13px 14px 12px}.eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:19px}.field{height:190px}.field-heading{left:14px;right:14px}.field-bottom{left:14px}.party{padding:12px 10px 10px}.heroes{gap:5px}.hero{flex-direction:column;gap:0;padding:4px 1px 7px}.hero canvas{height:38px;width:34px}.hero-info{text-align:center}.hero-level{display:inline;margin-left:4px;font-size:8px}.hero-name{font-size:10px}.hero-cost{margin-top:4px;font-size:8px}.actions{padding:0 10px;gap:5px}.section-label{font-size:7px;letter-spacing:.7px}.section-label>span+span{font-size:8px}.skill{gap:4px;font-size:10px}.skill-symbol{font-size:20px}.boss{font-size:10px}}@media(max-height:370px)and (min-width:401px){.topbar{padding:8px 16px}.field{height:160px}.party{padding-top:8px;padding-bottom:8px}.hero{padding:3px 1px}.hero canvas{height:36px;width:32px}.section-label{margin-bottom:5px}.actions button{height:36px}.hint{height:22px;line-height:22px}}.sample.pending{visibility:hidden}.battle-only,.battle-only body{width:100%;height:100%;overflow:hidden}.battle-only .sample{width:100%;height:100dvh;min-width:0;max-width:none;margin:0}.battle-only .field{height:100%;background-position:center 79%}.battle-only .field:before{display:none}.battle-only .topbar,.battle-only .field-heading,.battle-only .field-bottom,.battle-only .party,.battle-only .actions,.battle-only .hint,.battle-only #loading{display:none}