@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#d6d9cd;font-synthesis:none;--muted:#7e9190;--gold:#d2b879;--line:#334340;background:#111d20;font-family:DM Sans,sans-serif;font-size:13px}*{box-sizing:border-box}body{background:radial-gradient(at 50% 12%,#21312e 0,#0000 60%),#111d20;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:5px;min-height:44px}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #efd89c}a{color:inherit;text-decoration:none}button:not(:disabled):hover{background-color:#ffffff08;border-color:#bda46a}header{border-bottom:1px solid #b8c39e12;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:24px 54px;display:flex}.brand{letter-spacing:4px;color:#e5dbc1;align-items:center;gap:12px;font-family:Georgia,serif;font-size:23px;display:flex}.brand small{letter-spacing:3.5px;color:#9fada0;margin-top:6px;font-family:DM Sans,sans-serif;font-size:8px;display:block}.brandmark{color:var(--gold);font-size:47px;line-height:1}.header-right{align-items:center;gap:27px;display:flex}.demo-tag{letter-spacing:2px;color:#9fad9e;border:1px solid #3f5045;border-radius:3px;padding:6px 10px;font-size:9px}.help-button{color:#b0baad;border:0;font-size:12px}.help-button span{margin-left:6px}main{max-width:1440px;margin:auto;padding:31px 54px 0}.encounter-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:2px;color:#b6ad8b;font-size:9px;font-weight:600}.eyebrow span{color:#657c70;margin:0 12px}h1,h2,h3,p{margin:0}h1{letter-spacing:.1px;color:#ede7d5;margin-top:7px;font-family:Cormorant Garamond,Georgia,serif;font-size:36px;font-weight:500}.encounter-heading p{color:#9ba99d;margin-top:5px;font-size:12px}.round-badge{border-left:1px solid #4a5447;align-items:center;gap:14px;padding:8px 0 8px 23px;display:flex}.round-icon{color:var(--gold);font-size:29px}.round-badge small{color:#8d9c8e;letter-spacing:1.7px;margin-bottom:6px;font-size:8px;display:block}.round-badge strong{color:#e0d6bd;font-size:21px;font-weight:500}.round-badge strong span{color:#a4b09f;margin-left:5px;font-size:11px}.battle-scene{background:#4b6150 url(/assets/woodland.svg) 50%/cover;border:1px solid #6e765d;border-radius:8px;height:398px;position:relative;overflow:hidden;box-shadow:0 8px 35px #0003,inset 0 0 70px #07191470}.scene-top,.scene-bottom{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;left:0;right:0}.scene-top{letter-spacing:1.8px;color:#d7d7b5;background:linear-gradient(#13251bc7,#0000);padding:18px 21px;font-size:9px;top:0}.scene-top>span:first-child{background:#1a2b24b0;border:1px solid #b5bf992b;border-radius:3px;padding:8px 10px;font-size:8px}.scene-top i,.party-foot i{background:#a8c590;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.scene-bottom{color:#d4dbc6;background:#132522db;border-top:1px solid #b9c3a829;min-height:47px;padding:12px 20px;font-size:11px;bottom:0}.scene-bottom>span:first-child{max-width:78%}.enemy-count{letter-spacing:1.3px;color:#a5b29d;font-size:8px}.enemy-formation{width:35%;height:65%;position:absolute;top:24%;left:10%}.combatant{color:#e4e7d2;border:none;flex-direction:column;align-items:center;padding:0;transition:filter .2s;display:flex;position:absolute;opacity:1!important;background:0 0!important}.combatant .sprite{filter:drop-shadow(2px 4px 1px #15261a55);width:86px;height:100px}.combatant.enemy .sprite{width:110px;height:127px}.enemy:first-child{top:31%;left:30%}.enemy:first-child .sprite{width:132px;height:150px}.enemy:nth-child(2){top:1%;left:0}.enemy:nth-child(3){top:5%;left:71%}.enemy-name{text-shadow:0 2px 3px #142c1b;font-size:10px;font-weight:600}.enemy-name small{color:#e2e5d2;margin-top:3px;font-size:8px;display:block}.mini-bar{background:#263a2e;border:1px solid #a0a98180;width:75px;height:4px;margin:5px auto 0;display:block}.mini-bar i{background:#c4ab76;height:100%;display:block}.ally-formation{width:30%;height:65%;position:absolute;top:23%;right:9%}.ally-0{top:0;left:0}.ally-1{top:29%;left:24%}.ally-2{top:59%;left:45%}.ally-3{top:-13%;left:45%}.ally-4{top:17%;left:67%}.ally-5{top:45%;left:88%}.ally>span{background:#183227ac;border:1px solid #0000;border-radius:3px;margin-top:-6px;padding:3px 7px;font-size:9px}.ally.selected>span{color:#f4deb0;border-color:#d8c083}.ally.selected:before{content:"▼";color:#f5d99a;text-shadow:0 2px 2px #273e2e;font-size:13px;position:absolute;top:-10px}.combatant.targetable{outline-offset:3px;border-radius:6px;outline:1px dashed #f1d58e}.combatant.knocked{filter:grayscale();opacity:.3!important}.acting{animation:.6s ease-in-out act}.acting .sprite{filter:drop-shadow(0 0 10px #ffe4a6)}@keyframes act{50%{transform:translate(-12px)scale(1.07)}}.dashboard{grid-template-columns:1.22fr 1fr;gap:20px;margin-top:22px;display:grid}.panel{background:#182629;border:1px solid #354542;border-radius:7px;overflow:hidden}.panel-heading{border-bottom:1px solid #334340;justify-content:space-between;align-items:center;padding:16px 19px;display:flex}h2{color:#e3decd;font-family:Cormorant Garamond,Georgia,serif;font-size:21px;font-weight:600}h2>span{color:#b2b79d;vertical-align:middle;border:1px solid #495345;border-radius:4px;margin-left:8px;padding:2px 5px;font-family:DM Sans,sans-serif;font-size:9px}.subtle{color:#90a097;letter-spacing:.6px;font-size:9px}.formation-labels{letter-spacing:1.4px;color:#92a393;grid-template-columns:1fr 1fr;gap:12px;padding:14px 16px 9px;font-size:8px;display:grid}.party-grid{grid-template-columns:1fr 1fr;gap:9px 12px;padding:0 13px;display:grid}.party-card{text-align:left;background:#1c2c2f;border-color:#374744;border-radius:5px;gap:10px;min-width:0;padding:11px 10px;display:flex}.party-card.chosen{background:#343c32;border-color:#c9b17b;box-shadow:inset 3px 0 #c9b17b}.portrait{border:1px solid #ffffff13;border-radius:4px;flex-shrink:0;width:43px;height:53px;position:relative;overflow:hidden}.portrait .sprite{width:78px;position:absolute;top:-6px;left:-18px}.party-info{flex:1;min-width:0}.name-line,.hp-line{justify-content:space-between;align-items:center;display:flex}.name-line strong{font-size:12px;font-weight:600}.name-line>span{color:#9fac9c;font-size:8px}.reach-word{letter-spacing:.5px;font-size:6px}.hp-line{color:#819c8e;margin-top:6px;font-size:8px}.hp-line b{color:#ccd7c4;font-size:10px;font-weight:500}.hp-line small{color:#82968b;font-size:8px}.hp-bar{background:#0e2021;border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.hp-bar i{background:linear-gradient(90deg,#638f79,#a7b78b);height:100%;transition:width .3s;display:block}.command-label{color:#87968c;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:8px;overflow:hidden}.command-label.set{color:#d6c291}.party-foot{color:#8e9e90;justify-content:space-between;padding:13px 17px;font-size:8px;display:flex}.party-card.knocked{opacity:.45}.actor-heading{align-items:center;gap:12px;padding:13px 19px;display:flex}.actor-gem{font-size:32px}.actor-heading h3{color:#e2dfcf;font-size:15px;font-weight:600}.actor-heading h3 span{color:#93a094;margin-left:7px;font-size:9px;font-weight:400}.actor-heading p{color:#8fa195;margin-top:4px;font-size:9px}.command-editor{min-height:203px;padding:0 15px}.commands{grid-template-columns:1fr 1fr;gap:8px;display:grid}.commands>button{text-align:left;background:#1f3032;border:1px solid #40514a;align-items:center;gap:9px;min-height:57px;padding:11px 10px;display:flex}.commands>button:disabled{opacity:.4}.commands>button:last-child{grid-column:1/-1}.command-icon{color:#c7b883;text-align:center;width:23px;font-size:22px}.commands b{font-size:11px;font-weight:500}.commands small{color:#95a493;margin-top:4px;font-size:8px;display:block}.command-arrow{color:#a6ae91;margin-left:auto;font-size:20px}.inventory{color:#a3ac96;border-top:1px solid #334340;align-items:center;gap:8px;margin-top:7px;padding:12px 18px;font-size:10px;display:flex}.inventory>span{color:#83988e;font-size:9px}.inventory>strong{margin-left:auto;font-size:9px;font-weight:400}.inventory b{color:#d8c18a;padding-left:6px;font-weight:600}.target-heading{color:#d5c399;justify-content:space-between;align-items:center;font-size:11px;display:flex}.target-heading button{border:0;min-height:32px;font-size:10px}.target-hint{color:#8fa797;margin-bottom:9px;font-size:10px}.target-list{grid-template-columns:1fr 1fr;gap:7px;display:grid}.target-list button{background:#213536;align-items:center;gap:6px;padding:9px;font-size:11px;display:flex}.target-list small{color:#9bae9c;margin-left:auto;font-size:8px}.target-list button:last-child:nth-child(odd){grid-column:1/-1}.empty{color:#b4bca8;padding:20px;font-size:12px}.rune-choice{text-align:left;grid-template-columns:1fr auto;gap:12px;width:100%;padding:17px;display:grid}.rune-choice strong{color:#d0ba86;font-size:11px}.rune-choice small{color:#9cae9c;grid-column:1/-1}.round-review{background:linear-gradient(100deg,#25332c,#202e2c);border:1px solid #4a5544;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:17px 21px;display:flex}.round-review>div{align-items:center;gap:15px;display:flex}.review-icon{color:var(--gold);font-size:28px}.round-review h3{color:#d6d8c3;font-size:12px;font-weight:500}.round-review p{color:#97a48f;margin-top:5px;font-size:10px}.confirm{color:#1d2c27;background:#c7b07a;border:1px solid #e1c98c;min-width:172px;min-height:44px;padding:12px 24px;font-size:11px;font-weight:700}.confirm span{margin-left:35px}.confirm:disabled{color:#8b9980;background:#3c493d;border-color:#53604b}.confirm:not(:disabled):hover{background:#e1c891}.battle-log .panel-heading{padding:12px 19px}.battle-log h2{font-size:19px}.log-entries{scrollbar-width:thin;scrollbar-color:#506153 transparent;height:114px;padding:8px 19px 12px;overflow:auto}.log-entries>div{color:#aebcac;gap:15px;padding:6px 0;font-size:10px;line-height:1.5;display:flex}.log-entries>div>span{color:#657e70;padding-top:2px;font-size:8px}.log-entries>div:last-child{color:#d8c99f}footer{color:#70877b;justify-content:space-between;padding:26px 0 28px;font-size:9px;display:flex}footer>span:first-child{font-family:Georgia,serif;font-size:12px;font-style:italic}footer>span:last-child{letter-spacing:1.4px;font-size:7px}footer b{color:#b7a16e;margin:0 9px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}dialog{color:#c9d2c0;background:#1a2b2d;border:1px solid #a28f63;border-radius:10px;width:min(580px,100% - 32px);max-height:85vh;padding:0;box-shadow:0 30px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081517d9}.modal-content{padding:30px}.modal-content h2{margin:10px 0 15px;font-size:33px}.modal-content p{color:#aebcaa;margin-bottom:15px;font-size:12px;line-height:1.8}.modal-content button{margin:8px 8px 0 0;padding:10px 20px}.help-copy{scrollbar-width:thin;max-height:49vh;padding-right:10px;overflow:auto}.help-copy b{color:#d5c497}.result-icon{color:#d8bc7b;margin-bottom:18px;font-size:55px}.fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;padding:25px;display:flex}.fallback button,.fallback a{border:1px solid #bca773;border-radius:4px;padding:12px 30px}@media (width>=1450px){.battle-scene{height:440px}.combatant .sprite{width:100px;height:112px}.combatant.enemy .sprite{width:125px;height:142px}.enemy:first-child .sprite{width:146px;height:164px}}@media (width<=1050px){header{padding:20px 28px}main{padding:27px 28px 0}.dashboard{grid-template-columns:1.12fr 1fr;gap:14px}.party-card{gap:6px;padding:10px 7px}.portrait{width:34px}.reach-word{display:none}.party-foot>span:last-child{font-size:7px}.commands>button{gap:6px;padding:9px 7px}.commands small{font-size:7px}.enemy-formation{width:38%;left:5%}.ally-formation{width:30%;right:13%}}@media (width<=760px){header{padding:17px 18px}.brand{letter-spacing:2.5px;font-size:19px}.brandmark{font-size:37px}.brand small{letter-spacing:2.5px;font-size:6px}.header-right{gap:8px}.demo-tag{display:none}.help-button{font-size:16px}.help-button span{font-size:10px}main{padding:24px 16px 0}.encounter-heading{align-items:flex-start;gap:10px;margin-bottom:20px}h1{font-size:28px}.eyebrow{letter-spacing:1.2px;font-size:7px}.encounter-heading p{max-width:240px;font-size:10px;line-height:1.6}.round-badge{gap:0;margin-top:5px;padding:5px 0 5px 11px}.round-icon{display:none}.round-badge small{letter-spacing:.8px;font-size:6px}.round-badge strong{font-size:23px}.round-badge strong span{white-space:nowrap;margin:3px 0 0;font-size:8px;display:block}.battle-scene{background-position:53%;height:340px}.scene-top{padding:12px 10px;font-size:7px}.scene-top>span:first-child{padding:6px;font-size:6px}.scene-top>span:last-child{font-size:6px}.enemy-formation{width:40%;height:63%;top:22%;left:3%}.combatant.enemy .sprite{width:74px;height:86px}.enemy:first-child .sprite{width:90px;height:106px}.enemy:first-child{top:53%;left:14%}.enemy:nth-child(2){top:0;left:-1%}.enemy:nth-child(3){top:21%;left:54%}.enemy-name{font-size:8px}.enemy-name small{font-size:7px}.mini-bar{width:49px}.combatant .sprite{width:62px;height:75px}.ally-formation{width:31%;height:58%;top:25%;right:12%}.ally-0{top:0;left:0}.ally-1{top:36%;left:10%}.ally-2{top:72%;left:22%}.ally-3{top:-5%;left:63%}.ally-4{top:31%;left:72%}.ally-5{top:67%;left:82%}.ally>span{padding:2px 5px;font-size:7px}.scene-bottom{min-height:39px;padding:10px;font-size:9px}.scene-bottom>span:first-child{max-width:100%}.enemy-count{display:none}.dashboard{grid-template-columns:1fr;gap:16px;margin-top:16px}.party-grid{gap:8px}.party-card{gap:10px;padding:11px 9px}.portrait{width:40px}.party-foot>span:last-child{font-size:8px}.commands small{font-size:9px}.commands>button{min-height:60px;padding:12px}.command-editor{min-height:208px}.actor-heading p{font-size:10px}.round-review{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.round-review>div{gap:10px}.round-review p{font-size:10px;line-height:1.6}.confirm{width:100%}.log-entries{height:145px}.log-entries>div{font-size:10px}footer{flex-direction:column;align-items:center;gap:13px}.modal-content{padding:23px}.modal-content h2{font-size:28px}.target-list button{min-height:48px}.target-heading button{min-height:44px}.commands>button:disabled{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.command-label.set{white-space:normal;overflow-wrap:anywhere;line-height:1.5;overflow:visible}