html,body{height:100%;overflow:hidden}body{background:#223020}.app{width:100%;max-width:none;height:100dvh;min-height:0;padding:0;position:relative;overflow:hidden;background:#344430}header{position:absolute;z-index:5;top:0;left:0;right:0;height:62px;padding:0 24px;gap:36px;border:0;background:linear-gradient(#111c17ed,#15231c8c,transparent);pointer-events:none}header>*{pointer-events:auto}.brand{gap:9px;min-width:170px}.moon{font-size:34px}h1{font-size:23px;letter-spacing:5px}.brand p{font-size:8px;margin-top:1px}.brand h1 span{font-size:9px}nav{gap:26px}nav>*{font-size:11px}.build{font-size:8px;color:#c6c9ae}.journal-toggle{padding:7px 11px;font-size:11px;background:#17241cc4;border:1px solid #a3a07877;color:#d9d5b7}.journal-toggle span{padding-left:8px}.icon-button{width:30px;height:30px;border-color:#a3a07866;background:#17241cb3}main{display:block;position:absolute;inset:0;padding:0}.field-shell{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;border:0;box-shadow:none}.field-top{top:66px;padding:12px 24px;background:none;right:auto}.location-icon{font-size:20px}.location h2{font-size:16px;letter-spacing:1px;text-shadow:0 2px 5px #122219}.location p{font-size:9px;text-shadow:0 1px 3px #000}.weather{display:none}.field-bottom{bottom:164px;padding:10px 22px;background:none}.field-bottom #action-label{background:#1122198c;color:#d3dcc3;border-radius:2px;padding:6px 10px;font-size:10px}.field-bottom button{font-size:10px;padding:7px 10px;background:#15271bcc;border-color:#a6a17c66}#target-card{top:80px;left:50%;padding:8px 12px;width:260px;background:#15261fd1;border-color:#b3a97d88}#target-card small{font-size:9px}#buff-chip{left:24px;bottom:218px;background:#364420d9;border-color:#afbf7e99;font-size:10px;padding:6px 10px}#spell-hint{top:171px;font-size:11px}#toast{bottom:221px;left:24px;right:auto;transform:translateY(7px);max-width:340px;white-space:normal;text-align:left;padding:10px 14px;font-size:11px;background:#16281fe8;border:1px solid #aaa07866}#toast.show{transform:translateY(0)}#loot-feed{position:absolute;right:24px;top:133px;width:255px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.loot-notice{padding:9px 13px;background:#17281bdb;border-right:2px solid #d9bb77;color:#eee2b4;font-size:11px;box-shadow:0 2px 12px #0002;animation:loot-in .2s ease-out}.loot-notice.rare{border-color:#a0d5e6;color:#bfeaff}@keyframes loot-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}aside#journal{display:flex;position:absolute;z-index:6;right:20px;top:72px;bottom:170px;width:276px;height:auto;min-height:0;max-height:none;overflow:auto;background:#14241bea;border-color:#aaa07866;box-shadow:0 10px 35px #0006}.aside-heading button{font-size:20px;line-height:12px}.minimap-section{display:block}aside .objective{padding:16px 0}aside .bestiary{margin-top:10px}.creature-icon{background-size:contain;background-repeat:no-repeat;background-position:center}.creature-icon.slime{background-image:url('assets/slime3-icon.png')}.creature-icon.wolf{background-image:url('assets/wolf3-icon.png')}.creature-icon.golem{background-image:url('assets/golem3-icon.png')}
footer{position:absolute;z-index:3;bottom:0;left:0;right:0;min-height:0;height:158px;display:grid;grid-template-columns:310px minmax(160px,1fr) 415px;gap:14px;margin:0;padding:14px 20px 24px;background:linear-gradient(transparent,#11211988 40%,#0c1912eb);border:0;pointer-events:none}footer>section{pointer-events:auto}.character,.quickbar{padding:10px 13px;border:1px solid #92926c55;background:linear-gradient(135deg,#14261ee8,#13241dd1);box-shadow:0 4px 16px #0003}.character{gap:11px}.portrait{width:62px;height:86px;border-color:#aaa48666;background:linear-gradient(#65715988,#1a2a2277)}.portrait img{width:216px;left:-77px;top:-5px}.char-name{margin-bottom:6px}.char-name h2{font-size:16px}.bar{height:13px;margin-top:4px}.bar span,.bar b{line-height:11px;font-size:8px}.bar.mp{height:11px}.bar.xp{height:7px}.combat-stats{font-size:8px;gap:3px;margin-top:6px}.combat-stats b{margin-left:3px}.battle-log{display:block;padding:11px 14px;background:#12251b55;border:1px solid #c1c5a329;backdrop-filter:blur(1px);overflow:hidden}.log-heading{margin-bottom:6px;font-size:10px;color:#e0e2ce}.log-heading small{color:#afbaa3}#log{height:73px;font-size:10px;line-height:1.9;text-shadow:0 1px 3px #06120a}#log p{color:#cbd7bd}#log p.loot{color:#e6d39e}#log p.rare{color:#b1dceb}#log time{color:#b0b99a}.wallet{margin-bottom:6px;font-size:9px}.wallet b{font-size:16px}.quickbuttons{gap:5px;grid-template-columns:repeat(7,1fr)}.quickbuttons button{height:59px;background:linear-gradient(140deg,#435039c9,#1a2d20db);border-color:#9b9d6e77}.quickbuttons small{color:#ccd3b8;font-size:8px}.quickbuttons button>span{line-height:28px;font-size:23px}.bottom-note{position:absolute;bottom:0;left:22px;right:22px;padding:5px 0;z-index:4;font-size:8px;color:#a5b293;pointer-events:none}.bottom-note b{color:#89977e;margin:0 6px}.bottom-note span:last-child{display:none}#pause-overlay{z-index:7}
@media(max-width:1100px) and (min-width:761px){footer{grid-template-columns:270px minmax(135px,1fr) 360px;gap:9px;padding-left:12px;padding-right:12px}.character{padding:9px;gap:8px}.portrait{width:48px}.portrait img{left:-84px}.quickbar{padding:9px}.quickbuttons{gap:3px}.combat-stats{font-size:7px}.battle-log{padding:10px}.build{display:none}header{padding:0 16px}.bottom-note{left:15px}}
@media(max-width:760px){header{height:52px;padding:0 12px;gap:8px}.brand{min-width:125px}.brand h1{font-size:20px}.brand .moon{font-size:28px}.brand p{font-size:7px}.header-right{gap:7px}.journal-toggle{font-size:10px;padding:6px}.build,nav{display:none}.field-shell{height:100%;min-height:0}.field-top{top:54px;padding:8px 13px}.location h2{font-size:14px}.location p{font-size:8px}.location-icon{font-size:18px}.field-bottom{bottom:229px;padding:8px 12px}.field-bottom #action-label{font-size:8px;max-width:58%;padding:5px 7px}.field-bottom button{padding:6px;font-size:9px}#target-card{top:106px;width:205px;padding:7px}#target-card small{font-size:8px}#spell-hint{top:190px;font-size:9px;padding:6px 10px}#buff-chip{bottom:275px;left:12px;font-size:9px}#toast{bottom:309px;left:12px;max-width:240px;width:auto;font-size:10px}#loot-feed{right:12px;top:206px;width:210px}.loot-notice{font-size:9px;padding:7px 10px}aside#journal{right:12px;top:59px;bottom:236px;width:260px}footer{height:224px;padding:8px 10px 17px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:94px 95px;gap:7px}.character{min-width:0;width:auto;padding:7px;gap:6px;grid-column:1}.portrait{display:none}.char-name{margin-bottom:4px;gap:6px}.char-name h2{font-size:13px}.char-name>span{font-size:9px}.char-name .class-tag{display:none}.combat-stats{font-size:6px;gap:2px;margin-top:5px}.bar{margin-top:3px;height:12px}.bar.mp{height:10px}.bar.xp{height:6px}.battle-log{display:block;grid-column:2;padding:7px}.log-heading{font-size:8px;gap:5px}.log-heading small{display:none}#log{font-size:8px;height:63px}#log time{font-size:7px;margin-right:4px}.quickbar{grid-column:1/-1;min-width:0;width:auto;padding:7px 9px}.wallet{margin-bottom:5px}.wallet b{font-size:14px}.quickbuttons button{height:54px}.quickbuttons small{font-size:8px}.quickbuttons small b{display:inline;font-size:7px}.quickbuttons button>span{font-size:20px;line-height:25px}.bottom-note{left:12px;right:12px;font-size:7px;padding:4px 0}.bottom-note b{margin:0 3px}#journal .minimap-section{display:block}}