.screen{display:none!important}.screen.active{display:block!important}#screen-home{position:relative;min-height:calc(100vh - 80px);background-image:url(../images/home-bg.webp);background-size:cover;background-position:center top;background-repeat:no-repeat}#home-container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);width:100%;color:#fff;text-align:center;gap:20px;padding:20px}#home-wrapper,#home-buttons{display:flex;flex-direction:column;align-items:center;gap:5px}#btn-continue{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease,filter .2s ease}#btn-continue:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.1)}#btn-continue.shake{animation:bag-unlock-shake .4s ease-out;filter:brightness(.6) sepia(1) hue-rotate(-30deg)}#btn-continue img{display:block;width:230px;height:auto;object-fit:contain}#btn-new-game{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease,filter .2s ease}#btn-new-game:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.1)}#btn-new-game img{display:block;width:230px;height:auto;object-fit:contain}#screen-map{height:calc(100vh - 80px);overflow-y:auto;background:#050505}#map-container{max-width:100%;margin:0;padding:4px 10px 10px;display:flex;flex-direction:column;gap:0;position:relative}#map-subtitle{display:none;position:absolute;top:4px;left:0;right:0;z-index:6;text-align:center;margin:0;color:#e0c97fe6;font-style:italic;font-size:.9em;text-shadow:0 2px 6px #000,0 1px 2px #000;pointer-events:none}#world-map{position:relative;width:min(100%,calc((100vh - 175px) * 2760 / 1504 * 1.1));aspect-ratio:2760 / 1504;margin:0 auto;background-image:url(../images/world-map.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:center;border-radius:8px;overflow:visible;box-shadow:0 0 40px #8b691480}.map-region{position:absolute;transform:translate(-50%,-50%);text-align:center;cursor:pointer;z-index:5}.region-pin{font-size:1.6em;opacity:.95;transition:all .2s;filter:drop-shadow(0 0 10px rgba(224,201,127,.9));text-shadow:-1px -1px 3px rgba(0,0,0,.9),1px 1px 3px rgba(0,0,0,.9)}.region-pin-img{display:block;width:26px;height:auto;transform:translateY(-50%)}.map-region:hover .region-pin{transform:scale(1.3) translateY(-3px);filter:drop-shadow(0 0 15px rgba(224,201,127,1))}.map-region.locked .region-pin{opacity:.9}@keyframes region-featured-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(93,232,213,.9))}50%{filter:drop-shadow(0 0 20px rgba(93,232,213,1))}}.map-region.region-featured .region-pin{animation:region-featured-pulse 1.8s ease-in-out infinite}.region-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#0a0805f2;border:1px solid var(--gold-dark);border-radius:6px;padding:10px 14px;width:200px;opacity:0;pointer-events:none;transition:opacity .2s;margin-bottom:8px;z-index:10}@keyframes region-locked-shake{0%,to{translate:0}15%{translate:-5px}30%{translate:5px}45%{translate:-4px}60%{translate:3px}75%{translate:-2px}}.map-region.region-locked-shake{animation:region-locked-shake .4s ease-out}.map-region.region-locked-shake .region-pin{filter:drop-shadow(0 0 8px rgba(220,60,60,.9))}.map-region:hover .region-tooltip{opacity:1;pointer-events:auto}.region-level-badge{position:absolute;top:100%;left:50%;transform:translate(-50%,2px);white-space:nowrap;padding:1px 7px;border-radius:9px;font-size:.62rem;font-weight:700;letter-spacing:.02em;color:#f0e0b0;background:#0c0904d1;border:1px solid rgba(224,201,127,.45);text-shadow:0 1px 2px #000;pointer-events:none;z-index:4}.region-level-badge.rlb-locked{color:#d9a0a0;border-color:#c8787880}@keyframes merchantBounce{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 5px))}}.merchant-submap-pin{position:absolute;left:69%;top:56%;width:23px;height:23px;border-radius:50%;background:#0a0805e0;border:1px solid var(--gold-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,box-shadow .15s;z-index:20;animation:merchantBounce 1.4s ease-in-out infinite}.merchant-submap-pin:hover{border-color:var(--gold);box-shadow:0 0 14px #e0c97f99;animation-play-state:paused;transform:translate(-50%,-50%) scale(1.2)}#merchant-countdown-bar{text-align:center;padding:7px 16px;font-size:.82em;border-bottom:1px solid rgba(200,168,75,.2);margin-bottom:4px}#merchant-countdown-bar.merchant-cd-active{background:#0a1e0a99;color:#7dd87d}#merchant-countdown-bar.merchant-cd-waiting{background:#1e140a80;color:#a08040}#merchant-countdown-bar strong{font-variant-numeric:tabular-nums;letter-spacing:.05em}#submap-world[data-region=velas] .merchant-submap-pin{left:69%;top:56%}.lab-submap-pin{position:absolute;left:30%;top:44%;width:27px;height:27px;border-radius:50%;background:#0a0805e0;border:1px solid var(--gold-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;z-index:20}.lab-submap-pin:hover{border-color:var(--gold);box-shadow:0 0 14px #e0c97f99;transform:translate(-50%,-50%) scale(1.2)}.lab-pin-img{width:19px;height:19px;object-fit:cover;border-radius:50%;pointer-events:none}.lab-pin-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0a0805f2;border:1px solid var(--gold-dark);border-radius:6px;padding:4px 10px;font-size:.72em;color:var(--gold);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30}.lab-submap-pin:hover .lab-pin-tooltip{opacity:1}#submap-world[data-region=velas] .lab-submap-pin{left:30%;top:44%}.inn-submap-pin{position:absolute;left:15%;top:60%;width:23px;height:23px;border-radius:50%;background:#0a0805e0;border:1px solid rgba(180,130,60,.7);transition:border-color .15s,box-shadow .15s,scale .15s;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,box-shadow .15s;z-index:20}.inn-submap-pin:hover{border-color:#d4a55a;box-shadow:0 0 14px #d4a55a99;scale:1.2}#submap-world[data-region=velas] .inn-submap-pin{left:65.3%;top:42%}#submap-world[data-region=korvath] .inn-submap-pin{left:15%;top:60%}#submap-world[data-region=lofoten] .inn-submap-pin{left:42.4%;top:53.3%}#submap-world[data-region=marennes] .inn-submap-pin,#submap-world[data-region=radenfo] .inn-submap-pin{left:15%;top:60%}.inn-pin-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0a0805eb;border:1px solid rgba(180,130,60,.6);color:#d4a55a;font-size:.65em;padding:3px 7px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.inn-submap-pin:hover .inn-pin-tooltip{opacity:1}#screen-inn{background:#050505 url(../images/inn1.webp) center center / contain no-repeat;position:relative;overflow-y:auto;min-height:100vh;width:100%}#screen-lab{background:#050505 url(../images/labo.webp) center center / contain no-repeat;position:relative;overflow-y:auto;min-height:100vh;width:100%}#screen-inn[data-region=marennes]{background-image:url(../images/inn2.webp)}#screen-inn[data-region=marennes] #inn-rest-btn{left:63%;top:29%}#screen-inn[data-region=velas] #inn-rest-btn{left:74%;top:20%}#screen-inn[data-region=korvath]{background-image:url(../images/inn3.webp)}#screen-inn[data-region=radenfo]{background-image:url(../images/inn4.webp)}#screen-inn[data-region=lofoten]{background-image:url(../images/inn5.webp)}#inn-container{position:absolute;top:12px;left:12px}#inn-rest-btn{position:absolute;left:71%;top:48%;transform:translate(-50%,-50%);width:44px;height:44px;z-index:10;background:#0a0805bf;border:2px solid var(--gold-mid);border-radius:50%;color:var(--gold-mid);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 0 8px #c9a14a66}#inn-rest-btn:hover{border-color:#ffd24a;box-shadow:0 0 16px #c9a14abf;transform:translate(-50%,-50%) scale(1.15)}.inn-rest-icon{font-size:22px;line-height:1;pointer-events:none}.inn-rest-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0a0805eb;border:1px solid rgba(180,130,60,.6);border-radius:6px;padding:5px 9px;width:150px;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s;z-index:20}.inn-rest-tooltip strong{display:block;font-size:.8em;color:var(--gold-mid)}.inn-rest-tooltip p{margin:2px 0 0;font-size:.7em;color:#cfc8bd}#inn-rest-btn:hover .inn-rest-tooltip{opacity:1}#inn-rest-modal{position:fixed;inset:0;z-index:9400;background:#000000d1;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}#inn-rest-modal.hidden{display:none}#inn-rest-box{width:min(340px,90vw);background:linear-gradient(180deg,#2a1c0e,#1a1006);border:2px solid var(--gold-dark, #6a4818);border-radius:14px;padding:16px 18px 18px;text-align:center;box-shadow:0 18px 50px #000000b3}#inn-rest-img{width:100%;max-height:220px;object-fit:cover;border-radius:10px;border:1px solid var(--gold-dark, #6a4818)}#inn-rest-text{color:#f0e2c4;font-family:Cinzel,serif;font-size:1em;font-style:italic;margin:12px 4px 16px;line-height:1.4}#inn-rest-text strong{color:var(--gold-mid, #e0c060);font-style:normal}#inn-rest-btns{display:flex;flex-direction:column;gap:8px}#inn-rest-confirm{background:linear-gradient(180deg,#57c26a,#2f9346);border:2px solid #f3e3b0;color:#fff;font-family:Cinzel,serif;font-weight:700;font-size:.95em;padding:11px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px #1d6e32;transition:filter .15s,transform .1s,box-shadow .1s}#inn-rest-confirm:hover{filter:brightness(1.07)}#inn-rest-confirm:active{transform:translateY(2px);box-shadow:0 2px #1d6e32}#inn-rest-confirm .coche-ico{width:16px;height:16px;vertical-align:middle}#inn-rest-cancel{background:transparent;border:none;color:#b8a888;font-family:Cinzel,serif;font-weight:700;font-size:.85em;padding:4px;cursor:pointer;text-decoration:underline}#inn-rest-cancel:hover{color:#e6d6b0}#sleep-fade{position:fixed;inset:0;z-index:9600;background:#000;opacity:0;pointer-events:none}#sleep-fade.sleep-fade-run{animation:sleepFade 1s ease-in-out}@keyframes sleepFade{0%{opacity:0}45%{opacity:1}62%{opacity:1}to{opacity:0}}#gorn-inn-pin{position:absolute;left:calc(39% - 50px);top:calc(40% + 50px);width:44px;height:44px;border-radius:50%;background:#0a0805bf;border:2px solid var(--gold-mid);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .15s,box-shadow .15s,border-color .15s;padding:0;box-shadow:0 0 8px #c9a14a66}#gorn-inn-pin img{width:26px;height:26px;object-fit:contain;pointer-events:none;transition:transform .15s}#gorn-inn-pin:hover{border-color:#ffd24a;box-shadow:0 0 16px #c9a14abf}#gorn-inn-pin:hover img{transform:scale(1.2)}#minstrel-inn-pin{position:absolute;left:42%;top:56%;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f8e878,#b8860b);border:1.5px solid rgba(255,230,100,.55);box-shadow:0 0 8px #e0c97fbf,0 0 2px #000c;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .15s,box-shadow .15s;padding:0}#minstrel-inn-pin .minstrel-inn-pin-icon{display:none}#minstrel-inn-pin:hover{transform:scale(1.25);box-shadow:0 0 14px #ffe664f2,0 0 2px #000c}#minstrel-inn-pin:hover .gorn-tooltip{opacity:1}#screen-inn:not([data-region=velas]) #minstrel-inn-pin{display:none}.gorn-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;width:180px;padding:10px 14px;background:#0a0805f2;border:1px solid var(--gold-dark);border-radius:6px;box-shadow:0 4px 14px #0000008c;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}.gorn-tooltip strong{display:block;margin-bottom:5px;color:var(--gold);font-family:Cinzel,serif;font-size:1.05em}.gorn-tooltip p{margin:0;font-size:.75em;line-height:1.4;color:#bfb094}.gorn-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gold-dark)}#gorn-inn-pin:hover .gorn-tooltip{opacity:1}#gorn-inn-modal{display:none;position:absolute;inset:0;z-index:50;background:#0009;align-items:center;justify-content:center}#gorn-inn-modal.open{display:flex}#gorn-inn-modal-box{background:transparent}#dice-inn-pin{position:absolute;left:calc(39% + 20px);top:calc(40% + 50px);width:44px;height:44px;border-radius:50%;background:#0a0805bf;border:2px solid var(--gold-mid);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .15s,box-shadow .15s,border-color .15s;padding:0;font-size:22px;box-shadow:0 0 8px #c9a14a66}#screen-inn:not([data-region=korvath]) #dice-inn-pin{display:none}#dice-inn-pin:hover{border-color:#ffd24a;box-shadow:0 0 16px #c9a14abf;transform:scale(1.1)}.dice-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;width:190px;padding:10px 14px;background:#0a0805f2;border:1px solid var(--gold-dark);border-radius:6px;box-shadow:0 4px 14px #0000008c;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}.dice-tooltip strong{display:block;margin-bottom:5px;color:var(--gold);font-family:Cinzel,serif;font-size:1.05em}.dice-tooltip p{margin:0;font-size:.75em;line-height:1.4;color:#bfb094}.dice-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gold-dark)}#dice-inn-pin:hover .dice-tooltip{opacity:1}#dice-inn-modal{display:none;position:absolute;inset:0;z-index:50;background:#0009;align-items:center;justify-content:center}#dice-inn-modal.open{display:flex}#dice-inn-modal-box{background:transparent}#palets-inn-pin{position:absolute;left:calc(39% - 20px);top:calc(40% + 90px);width:44px;height:44px;border-radius:50%;background:#0a0805bf;border:2px solid var(--gold-mid);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .15s,box-shadow .15s,border-color .15s;padding:0;font-size:22px;box-shadow:0 0 8px #c9a14a66}#screen-inn:not([data-region=radenfo]) #palets-inn-pin{display:none}#palets-inn-pin:hover{border-color:#ffd24a;box-shadow:0 0 16px #c9a14abf;transform:scale(1.1)}.palets-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;width:190px;padding:10px 14px;background:#0a0805f2;border:1px solid var(--gold-dark);border-radius:6px;box-shadow:0 4px 14px #0000008c;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}.palets-tooltip strong{display:block;margin-bottom:5px;color:var(--gold);font-family:Cinzel,serif;font-size:1.05em}.palets-tooltip p{margin:0;font-size:.75em;line-height:1.4;color:#bfb094}.palets-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gold-dark)}#palets-inn-pin:hover .palets-tooltip{opacity:1}#palets-inn-modal{display:none;position:absolute;inset:0;z-index:50;background:#0009;align-items:center;justify-content:center}#palets-inn-modal.open{display:flex}#palets-inn-modal-box{background:transparent}.merchant-pin-img{width:15px;height:15px;object-fit:contain;border-radius:50%;pointer-events:none}.inn-pin-img{width:15px;height:15px;object-fit:contain;pointer-events:none}.merchant-pin-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0a0805f2;border:1px solid var(--gold-dark);border-radius:6px;padding:4px 10px;font-size:.72em;color:var(--gold);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30}.merchant-submap-pin:hover .merchant-pin-tooltip{opacity:1}.region-tooltip strong{color:var(--gold);display:block;margin-bottom:5px}.region-tooltip p{font-size:.75em;color:#999;margin:3px 0}.region-tooltip-status.region-tooltip-locked{color:#e07a4a;font-weight:600}.map-region.sub-region{z-index:4}.sub-region-pin{width:10px;height:10px;background:radial-gradient(circle at 35% 35%,#f8e878,#b8860b);border-radius:50%;border:1.5px solid rgba(255,230,100,.55);box-shadow:0 0 6px #e0c97fa6,0 0 2px #000c;margin:0 auto 1px;transition:all .18s ease}.map-region.sub-region:hover .sub-region-pin{width:14px;height:14px;box-shadow:0 0 14px #e0c97f,0 0 4px #000c;transform:translateY(-2px)}.map-region.sub-region.locked .sub-region-pin{background:radial-gradient(circle at 35% 35%,var(--grey-mid),#333);border-color:#78787859;box-shadow:0 0 3px #50505066}.map-region.sub-region.locked:hover .sub-region-pin{width:11px;height:11px;box-shadow:0 0 5px #50505080;transform:none}.region-tooltip.sub-tooltip{width:148px;padding:8px 10px;background:#080603f7;border-color:#8b691499}.region-tooltip.sub-tooltip strong{font-size:.88em;letter-spacing:.3px}.region-tooltip.sub-tooltip p{font-size:.72em;color:var(--grey);line-height:1.35}.sub-tooltip-trait{font-size:.74em;color:#e0c97f}.sub-region-trait{margin-top:2px;padding:1px 6px;border-radius:8px;font-size:.6rem;font-weight:700;white-space:nowrap;color:#f0e0b0;background:#0c0904d1;border:1px solid rgba(224,201,127,.4);text-shadow:0 1px 2px #000;pointer-events:none}#last-save{position:absolute;top:8px;right:12px;z-index:10;margin:0;padding:0;background:none;border:none;font-size:.68rem;color:#b4965073;pointer-events:none;letter-spacing:.02em}#save-buttons{display:flex;flex-direction:column;align-items:center;gap:5px}.save-btn{padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:.95em;transition:all .3s;color:#fff;opacity:.8}.save-btn:hover{opacity:1}.export-btn{background:none!important;border:none!important;box-shadow:none!important;padding:0;opacity:1!important;cursor:pointer;align-self:center;transition:transform .2s ease,filter .2s ease}.export-btn:hover,.export-btn:focus{background:none!important;box-shadow:none!important;transform:translateY(-3px) scale(1.03);filter:brightness(1.1);outline:none}.export-btn img{display:block;width:230px;height:auto;object-fit:contain}.import-btn{background:none!important;border:none!important;box-shadow:none!important;padding:0;opacity:1!important;cursor:pointer;align-self:center;transition:transform .2s ease,filter .2s ease}.import-btn:hover,.import-btn:focus{background:none!important;box-shadow:none!important;transform:translateY(-3px) scale(1.03);filter:brightness(1.1);outline:none}.import-btn img{display:block;width:230px;height:auto;object-fit:contain}.import-btn:hover{background:linear-gradient(135deg,#2980b9,#1a5276);transform:translateY(-2px);box-shadow:0 4px 10px #3498db66}.delete-btn{background:linear-gradient(135deg,var(--red-bright) 0%,var(--red) 100%)}.delete-btn:hover{background:linear-gradient(135deg,var(--red) 0%,#a93226 100%);transform:translateY(-2px);box-shadow:0 4px 10px #e74c3c66}@media(max-width:900px){#home-wrapper{display:flex;gap:40px;justify-content:space-around;align-items:center;margin-top:20px;flex-wrap:nowrap;width:100%}}