.atb-row{display:flex;align-items:center;gap:8px;margin:5px 0}.atb-label{font-size:.7em;color:var(--grey-mid);min-width:38px;white-space:nowrap}.atb-track{flex:1;height:11px;background:#0d0d0d;border:1px solid #222;border-radius:5px;overflow:hidden}.atb-bar{height:100%;border-radius:5px;width:0%;transition:width .05s linear}.atb-bar.player{background:linear-gradient(90deg,#d4a017,#f1c40f);box-shadow:0 0 6px #f1c40f66}.atb-bar.player.ready{box-shadow:0 0 12px #f1c40fb3;animation:atb-pulse .6s ease-in-out infinite}@keyframes atb-pulse{0%,to{opacity:1}50%{opacity:.75}}.atb-bar.monster{background:linear-gradient(90deg,var(--grey-dark),#999);box-shadow:0 0 5px #9696964d}#monster-info-overlay .atb-row{position:relative;gap:0;padding-right:50px}#monster-info-overlay .atb-label{position:absolute;left:50%;transform:translate(-50%);z-index:2;font-size:.65em;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;white-space:nowrap}#monster-info-overlay .atb-track{flex:1;height:11px}.atb-ready-label{position:absolute;right:0;font-size:.75em;color:#f1c40f;font-weight:700;width:42px;text-align:right;white-space:nowrap;animation:atb-pulse .6s ease-in-out infinite}.status-effects-row{display:flex;flex-wrap:wrap;gap:5px;min-height:22px;margin:3px 0}.status-badge{padding:2px 9px;border-radius:20px;font-size:.7em;font-weight:700;letter-spacing:.3px}.status-badge.egide{background:#9b59b640;border:1px solid #9b59b6;color:#c39bd3}.status-badge.poison{background:#27ae6040;border:1px solid var(--green);color:#82e0aa}.status-badge.slow{background:#3498db40;border:1px solid #3498db;color:#85c1e9}.status-badge.stun{background:#f39c1240;border:1px solid #f39c12;color:#fad7a0}.status-badge.burn{background:#e74c3c40;border:1px solid var(--red-bright);color:#f1948a}#player-combat-info{background:transparent;border:none;padding:4px 12px;margin-bottom:10px;transform:translateY(20px)}#player-combat-info .atb-row{position:relative;gap:0;padding-right:50px}#player-combat-info .atb-label{position:absolute;left:50%;transform:translate(-50%);z-index:2;font-size:.65em;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;white-space:nowrap}#player-combat-info .atb-track{flex:1;height:11px}#auto-attack-row{margin-top:8px;text-align:center}#auto-attack-row{position:absolute;right:-28px;top:50%;transform:translateY(-50%);z-index:10}.auto-toggle-btn{width:56px;height:56px;border-radius:50%;border:2px solid var(--grey-dark);background:#14141ed9;color:var(--grey);font-size:.6em;font-family:inherit;font-weight:700;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;transition:all .15s}.auto-toggle-btn.auto-on{border-color:var(--green-bright);background:#0a280af2;color:#6ddd6d;box-shadow:0 0 10px #4caf5080}.auto-toggle-btn.auto-off:hover{border-color:var(--grey);color:#bbb}.auto-toggle-btn.auto-on:hover{border-color:#c05050;background:#280a0af2;color:#dd6d6d}.gem-item-owned .gem-item-btn{background:#0a280acc;border-color:var(--green-bright);color:var(--green-bright)}#action-menu{background:transparent;border:none;border-radius:8px;padding:12px 14px;position:relative}.menu-panel{display:flex;flex-wrap:wrap;gap:8px}.menu-panel.hidden{display:none!important}#menu-main{flex-wrap:nowrap;align-items:stretch;gap:6px}#menu-main-left{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1;min-width:0}#menu-main-left .menu-btn{width:100%}#blade-toggle{flex:0 0 50px;flex-direction:column;justify-content:center;align-items:center;width:50px;align-self:stretch;gap:4px;padding:8px 4px;overflow:hidden}#blade-toggle .menu-btn-label{writing-mode:horizontal-tb;font-size:.6em;text-align:center;white-space:nowrap}.blade-sub{writing-mode:horizontal-tb;font-size:.55em;opacity:.7;text-align:center;white-space:nowrap}#element-toggle{flex:0 0 50px;flex-direction:column;justify-content:center;align-items:center;width:50px;align-self:stretch;gap:4px;padding:8px 4px;overflow:hidden}#element-toggle .menu-btn-label{writing-mode:horizontal-tb;font-size:.6em;text-align:center;white-space:nowrap}.elem-sub{writing-mode:horizontal-tb;font-size:.95em;line-height:1;text-align:center;white-space:nowrap}@media(max-width:600px){#menu-main{flex-wrap:wrap}#menu-main-left{flex:1 1 100%}#blade-toggle,#element-toggle{flex:1 1 0;width:auto;align-self:auto;flex-direction:row;gap:6px;padding:8px 10px;min-height:40px;justify-content:center}}#element-picker-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:#000000b8;backdrop-filter:blur(2px)}#element-picker-box{background:#1c1a17;border:2px solid #5de8d5;border-radius:14px;padding:22px 24px;max-width:420px;width:calc(100% - 40px);text-align:center;box-shadow:0 0 30px #5de8d566}.elem-pick-title{font-size:1.25em;font-weight:700;color:#5de8d5;margin-bottom:8px}.elem-pick-sub{color:#cfc8bd;font-size:.82em;line-height:1.45;margin:0 0 16px}.elem-pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.elem-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border:1px solid #3a3631;border-radius:10px;background:#26231f;color:#e8dcc4;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.elem-pick:hover{background:#302c26;transform:translateY(-1px)}.elem-pick-icon{font-size:1.5em;line-height:1;filter:drop-shadow(0 0 4px var(--elem-color, transparent))}.elem-pick-name{font-size:.72em;opacity:.9}.elem-pick-cur{border-color:var(--elem-color, #5de8d5);background:#322d26;box-shadow:0 0 10px var(--elem-color, #5de8d5) 44}.elem-pick-weak{position:absolute;top:3px;right:5px;font-size:.62em;font-weight:700;color:#8fe08f}.elem-pick-resist{position:absolute;top:3px;right:5px;font-size:.62em;font-weight:700;color:#e8806a}#atb-waiting{justify-content:center;padding:6px 0}.waiting-text{color:#2a3a5a;font-size:.82em;font-style:italic}.menu-btn{position:relative;flex:1 1 calc(50% - 4px);min-width:110px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(180deg,#141e38,#0c1228);border:2px solid #1e3a70;border-radius:5px;color:#a0b8e8;font-family:Cinzel,serif;font-size:.88em;cursor:pointer;transition:all .14s}.menu-btn:hover{background:linear-gradient(180deg,#1e2e50,#162040);border:3px solid var(--gold-dark);color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #e0c97f26}.menu-btn:active{transform:translateY(0)}.menu-btn-icon{font-size:1.1em}.menu-btn-label{flex:1}.menu-btn.signs-btn:hover{border-color:#a78bfa;color:#c4b5fd}#btn-action-attack .combat-icon{width:18px;height:auto}#btn-action-signs .sword-icon,#btn-action-flee .flee-icon{width:32px;height:32px}#btn-action-alchemy .chemistry-icon{width:18px;height:18px}.menu-btn.alchemy-btn:hover{border-color:#34d399;color:#6ee7b7}.menu-btn.atb-not-ready{opacity:.45;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.menu-btn.action-locked{opacity:.35;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.menu-btn.action-locked:after{content:"🔒";position:absolute;top:4px;right:6px;font-size:.7em;opacity:.7}.sign-btn.mana-locked{opacity:.4;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.menu-btn.flee-btn{border-color:#3a1818;color:#a06060}.menu-btn.flee-btn:hover{border-color:var(--red-bright);color:#f08080}.menu-btn.capture-btn{border-color:#6a5518;color:#d9c07a}.menu-btn.capture-btn:hover{border-color:var(--gold);color:var(--gold)}.menu-btn.capture-btn.capture-ready{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #e0c97f8c;animation:capturePulse 1s ease-in-out infinite}@keyframes capturePulse{0%,to{box-shadow:0 0 8px #e0c97f59}50%{box-shadow:0 0 18px #e0c97fbf}}.menu-btn.back-btn{flex:0 0 100%;justify-content:center;background:linear-gradient(180deg,#0e0e1a,#080810);border-color:#1a1a2a;color:#445;font-size:.8em;padding:12px 14px;margin-top:2px}.menu-btn.back-btn:hover{border-color:#334;color:#778;transform:none;box-shadow:none}.signs-grid{display:flex;flex-wrap:wrap;gap:7px;width:100%;margin-bottom:8px}.sign-btn{flex:1 1 calc(33.33% - 5px);padding:9px 6px;border-radius:6px;border:2px solid;cursor:pointer;font-size:.78em;text-align:center;transition:all .14s;font-family:Cinzel,serif;line-height:1.45;background:#000000bf}.sign-btn strong{display:block;font-size:1.05em}.sign-btn small{font-family:Georgia,serif;font-size:.83em;opacity:.8}.sign-btn.brasier{border-color:var(--red);color:#e88}.sign-btn.brasier:hover{background:#c0392b6b;box-shadow:0 0 10px #e74c3c66;transform:translateY(-2px)}.sign-btn.fracas{border-color:#2471a3;color:#7ab}.sign-btn.fracas:hover{background:#2471a36b;box-shadow:0 0 10px #3498db66;transform:translateY(-2px)}.sign-btn.egide{border-color:#7d3c98;color:#b899d8}.sign-btn.egide:hover{background:#7d3c986b;box-shadow:0 0 10px #9b59b666;transform:translateY(-2px)}.sign-btn.emprise{border-color:#1e8449;color:#7dbb95}.sign-btn.emprise:hover{background:#1e84496b;box-shadow:0 0 10px #2ecc7166;transform:translateY(-2px)}.sign-btn.entrave{border-color:#b7950b;color:#e8d070}.sign-btn.entrave:hover{background:#b7950b6b;box-shadow:0 0 10px #f1c40f66;transform:translateY(-2px)}#combat-potions-list{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-bottom:8px}.potion-combat-btn{flex:1 1 calc(50% - 3px);padding:8px 10px;background:#1e2d41d9;border:1px solid #2a4a70;border-radius:5px;color:#8ac;font-size:.82em;cursor:pointer;text-align:left;transition:all .14s;font-family:Cinzel,serif}.potion-combat-btn:hover{background:#1e2d41d9;border-color:var(--gold-dark);color:var(--gold)}.potion-qty-badge{float:right;background:#e0c97f26;border:1px solid var(--gold-dark);color:var(--gold);border-radius:10px;padding:0 6px;font-size:.85em}.no-potions{color:#334;font-style:italic;font-size:.82em;width:100%;text-align:center;padding:6px}#region-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:500;animation:modal-fadein .2s ease}#region-modal-overlay.hidden{display:none}@keyframes modal-fadein{0%{opacity:0}to{opacity:1}}#region-modal{background:#0e0e14;border:2px solid var(--gold-dark);border-radius:14px;width:min(560px,92vw);overflow:hidden;box-shadow:0 0 50px #8b691480,0 20px 60px #000c;animation:modal-scalein .22s ease}@keyframes modal-scalein{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}#region-modal-banner{position:relative;width:100%;height:230px;overflow:hidden;background:#050508}#region-modal-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}#region-modal:hover #region-modal-img{transform:scale(1.03)}#region-modal-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a 30%,#0e0e14f2)}#region-modal-name{position:absolute;bottom:14px;left:20px;right:50px;color:var(--gold);font-family:Cinzel Decorative,serif;font-size:1.5em;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 20px rgba(139,105,20,.6);margin:0;z-index:2}#region-modal-close{position:absolute;top:12px;right:14px;background:#0000008c;border:1px solid rgba(255,255,255,.15);color:var(--text);font-size:1.1em;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:3;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:0}#region-modal-close:hover{background:#e74c3cb3;border-color:var(--red-bright);color:#fff}#region-modal-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:14px}#region-modal-desc{color:var(--grey-light);font-family:Georgia,serif;font-size:.92em;line-height:1.5;margin:0;font-style:italic}#region-modal-monsters{display:flex;flex-wrap:wrap;gap:8px}#region-modal-travel-btn{background:linear-gradient(180deg,#1a4d1a,#0d2d0d);color:var(--gold);border:2px solid var(--gold-dark);padding:12px;font-size:1em;font-family:Cinzel,serif;border-radius:6px;cursor:pointer;transition:all .2s;letter-spacing:1px;font-weight:700;width:100%;margin-top:4px}#region-modal-travel-btn:hover:not(:disabled){background:linear-gradient(180deg,#2a6d2a,#1a4d1a);border-color:var(--gold);box-shadow:0 0 18px #e0c97f4d;transform:translateY(-2px)}#region-modal-travel-btn:disabled{opacity:.45;cursor:not-allowed;border-color:#444;color:var(--grey-mid)}#screen-submap{min-height:calc(100vh - 80px);background:#050505}#submap-container{display:flex;flex-direction:column;gap:8px;padding:8px 16px 10px;align-items:center;justify-content:center;position:relative}#submap-header{display:flex;align-items:center;gap:20px;position:absolute;top:6px;left:16px;right:16px;z-index:10;background:transparent;border-bottom:none;padding-bottom:0;pointer-events:none}#submap-header>*{pointer-events:auto}.submap-back-btn,.inn-back-btn{background:#0a080599;border:1px solid var(--gold-dark);color:var(--gold);font-family:Cinzel,serif;font-size:.85em;padding:10px 14px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s;box-shadow:0 2px 8px #00000080}.submap-back-btn:hover,.inn-back-btn:hover{background:#1e1608d9;transform:translate(-3px)}#submap-title-block{flex:1}#submap-region-name{font-family:Cinzel Decorative,serif;color:var(--gold);font-size:1.4em;text-shadow:0 2px 8px #000,0 0 16px var(--gold-dark)}#submap-region-desc,#submap-hint{display:none}@media(max-width:600px){#submap-region-name,#submap-region-desc{display:none}.submap-back-btn,.inn-back-btn{font-size:.75em;padding:7px 10px}}#submap-world{position:relative;width:min(82.1%,950px);max-width:950px;height:auto;aspect-ratio:3 / 2;background-size:100% 100%;background-repeat:no-repeat;border-radius:8px;box-shadow:0 0 40px #8b691473;overflow:visible}#submap-world[data-region=marennes]{width:min(90%,1080px);max-width:1080px}#submap-world.portrait-submap{width:auto;max-width:100%;height:min(74vh,660px);margin-inline:auto}@media(min-width:601px){#submap-world.portrait-submap{height:min(90vh,1080px)}}@media(min-width:601px){#submap-world{width:min(82.1%,1425px);max-width:1425px}#submap-world[data-region=marennes]{width:min(90%,1620px);max-width:1620px}}#submap-world[data-region=villages] .sub-region-pin:not(.submap-link-pin){background:radial-gradient(circle at 35% 35%,#a8eeff,#1a9fc4);border-color:#5bc8e8b3;box-shadow:0 0 8px #5bc8e8cc,0 0 2px #000c}#submap-world[data-region=villages] .map-region.sub-region:hover .sub-region-pin:not(.submap-link-pin){box-shadow:0 0 16px #5bc8e8,0 0 4px #000c}.sub-region-pin.submap-link-pin{width:13px;height:13px;background:radial-gradient(circle at 35% 35%,#fff8a0,var(--gold));border-color:#ffe664b3;box-shadow:0 0 10px #e0c97fe6,0 0 3px #000c}.map-region.sub-region.submap-link:hover .sub-region-pin{width:17px;height:17px;box-shadow:0 0 18px #e0c97f,0 0 5px #000c}.sub-region-label{display:none}.map-region.sub-region.active-sub .sub-region-pin{background:radial-gradient(circle at 35% 35%,#fff8a0,var(--gold));box-shadow:0 0 14px #fff064,0 0 4px #000c;animation:sub-pulse 1.4s ease-in-out infinite}.map-region.sub-region.active-sub .sub-region-label{color:#fff8a0}@keyframes sub-pulse{0%,to{box-shadow:0 0 14px #fff064e6}50%{box-shadow:0 0 22px #fff064,0 0 8px #ffc80099}}#submap-hint{text-align:center;color:#e0c97f8c;font-style:italic;font-size:.8em;margin-top:4px}