.hideout-art-shell{position:relative;width:min(1024px,100%);min-height:0;padding:0;background:#000;border:0;box-shadow:0 0 80px #000;overflow:visible}
.hideout-full-art{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hideout-art-shell .hideout-title,.hideout-art-shell .hideout-scene,.hideout-art-shell .hideout-footer{display:none}
.hideout-art-shell .hideout-topbar{position:absolute;z-index:4;inset:0;display:block;pointer-events:none}
.hideout-art-shell .hideout-player{position:absolute;top:1.25%;right:1.5%;width:43%;height:10.5%;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;clip-path:none;display:block}
.hideout-art-shell .hideout-player-portrait,.hideout-art-shell .hideout-player small{display:none}
.hideout-art-shell .hideout-player>div:last-child{position:absolute;left:39%;right:0;top:0;bottom:0;display:block;background:#01050c}.hideout-art-shell .hideout-player strong{position:absolute;left:0;top:0;width:58%;height:34%;display:flex;align-items:center;padding:0 3%;color:#edf2f8;background:#01050c;font:600 clamp(13px,2.05vw,28px) serif;line-height:1;letter-spacing:.09em;white-space:nowrap;text-shadow:0 1px 5px #79a8d966}.hideout-art-shell #menu-level{position:absolute;right:0;top:0;width:42%;height:34%;display:flex;align-items:center;justify-content:flex-end;padding:0 3%;color:#3e91ff;background:#01050c;font:700 clamp(12px,2.05vw,28px) Cinzel;line-height:1;letter-spacing:0;white-space:nowrap;text-shadow:0 0 8px #176dff77}
.hideout-art-shell .hideout-meter{position:absolute;left:0;right:0;height:33%;display:grid;grid-template-columns:12% minmax(0,1fr) 31%;align-items:center;gap:3%;padding:0 2%;background:#01040a}.hideout-art-shell .hideout-meter:not(.mp){top:34%}.hideout-art-shell .hideout-meter.mp{top:67%}.hideout-art-shell .hideout-meter>span{display:block;color:#d5d9e2;font:700 clamp(8px,1.15vw,16px) Cinzel;line-height:1}.hideout-art-shell .hideout-meter>i{display:block;width:100%;height:28%;margin:0;background:#080b12;border:1px solid #303a4d;transform:skewX(-10deg);overflow:hidden}.hideout-art-shell .hideout-meter>i em{display:block;height:100%}.hideout-art-shell .hideout-meter output{display:block;width:100%;padding:0;text-align:right;white-space:nowrap;color:#eee;background:#01040a;font:600 clamp(8px,1.3vw,18px) serif;line-height:1}
.hideout-art-shell .hideout-resources{position:absolute;z-index:4;inset:0;display:block;margin:0;pointer-events:none}
.hideout-art-shell .hideout-resources:before{content:"";position:absolute;left:2.45%;top:12.45%;width:73.2%;height:4.55%;background:linear-gradient(90deg,#02050b,#06101d 55%,#02050b);border:1px solid #263c56;box-shadow:inset 0 0 16px #0a2446;pointer-events:none}.hideout-art-shell .hideout-resources>div{position:absolute;left:2.45%;top:12.45%;width:73.2%;height:4.55%;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;clip-path:none}.hideout-art-shell .hideout-exp,.hideout-art-shell .hideout-resources>button{display:none}
.hideout-art-shell .hideout-resources small{display:flex;position:absolute;left:4%;top:0;height:100%;align-items:center;color:#c9b786;font:700 clamp(7px,1.2vw,15px) Cinzel;letter-spacing:.18em}.hideout-art-shell .hideout-resources small:before{content:"◆";margin-right:.7em;color:#dfac3d;font-size:.85em;text-shadow:0 0 8px #e5aa3777}.hideout-art-shell .hideout-resources strong{position:absolute;right:4%;top:0;height:100%;min-width:28%;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;text-align:right;color:#f2e8cc;background:transparent;font:600 clamp(13px,2.2vw,30px) Cinzel;letter-spacing:.04em;text-shadow:0 1px 6px #d9aa4f44}
.hideout-art-shell #hideout-buff{position:absolute;z-index:4;left:2.55%;top:17.75%;width:94.9%;height:4.65%;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;clip-path:none;display:block;pointer-events:none}.hideout-art-shell #hideout-buff>i,.hideout-art-shell #hideout-buff>b{display:none}.hideout-art-shell #hideout-buff>strong{position:absolute;left:32%;top:10%;width:27%;height:76%;display:flex;align-items:center;justify-content:center;padding:0 7px;background:#010703;color:#e5ecdf;font:600 clamp(9px,1.55vw,21px) "Noto Sans JP",sans-serif;letter-spacing:.04em;text-shadow:0 0 7px #8cbb7644}.hideout-art-shell #hideout-buff>span{position:absolute;left:59%;right:1%;top:10%;height:76%;display:flex;align-items:center;padding:0 8px;border:0;background:#010703;color:#72d64b;font:600 clamp(7px,1.12vw,15px) "Noto Sans JP",sans-serif;letter-spacing:.02em}
.hideout-art-shell .hideout-menu{position:absolute;z-index:6;inset:0;display:block;margin:0;pointer-events:none}.hideout-art-shell .hideout-menu button{position:absolute;min-height:0!important;padding:0!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;opacity:1;pointer-events:auto;color:transparent;overflow:hidden}.hideout-art-shell .hideout-menu button>*{opacity:0}.hideout-art-shell .hideout-menu button:hover,.hideout-art-shell .hideout-menu button:focus-visible{outline:2px solid #43c9ff!important;outline-offset:-3px;filter:drop-shadow(0 0 10px #178fff);transform:none}.hideout-art-shell .hideout-menu [data-menu="battle"]{left:2.5%;top:47%;width:45.7%;height:11%}.hideout-art-shell .hideout-menu [data-menu="food"]{left:50.3%;top:47%;width:47.2%;height:11%}.hideout-art-shell .hideout-menu [data-menu="workshop"]{left:2.5%;top:58.9%;width:45.7%;height:11.5%}.hideout-art-shell .hideout-menu [data-menu="equipment"]{left:50.3%;top:58.9%;width:47.2%;height:11.5%}.hideout-art-shell .hideout-menu [data-menu="archive"]{left:2.5%;top:71.4%;width:22.3%;height:14.2%}.hideout-art-shell .hideout-menu [data-menu="job"]{left:26.4%;top:71.4%;width:22.3%;height:14.2%}.hideout-art-shell .hideout-menu [data-menu="items"]{left:50.3%;top:71.4%;width:22.3%;height:14.2%}.hideout-art-shell .hideout-menu [data-menu="system"]{left:74.2%;top:71.4%;width:23.2%;height:14.2%}.hideout-art-shell .hideout-menu .private-mode{left:2.5%;top:86.5%;width:94.9%;height:10.1%;display:block}
.hideout-art-shell .art-boss{position:absolute!important;z-index:8;right:3%;top:23.5%;padding:8px 12px!important;color:#fff!important;background:#13082be8!important;border:1px solid #8c5be0!important;clip-path:none!important}.hideout-art-shell .art-boss span{color:#cbb2ff}
.hideout-art-shell .hideout-panel{position:fixed;z-index:50;left:50%;top:50%;translate:-50% -50%;width:min(820px,calc(100vw - 22px));max-height:88svh;min-height:300px;margin:0;overflow:auto;background:#020710f7;box-shadow:0 0 0 100vmax #000b,0 0 40px #167fff66}.hideout-art-shell .hideout-panel[hidden]{display:none}
@media(max-width:520px){.hideout-art-shell #menu-level{font-size:13px}.hideout-art-shell .hideout-meter output{font-size:9px}.hideout-art-shell .hideout-resources strong{font-size:13px}.hideout-art-shell #hideout-buff>strong{font-size:10px}.hideout-art-shell #hideout-buff>span{font-size:7px}.hideout-art-shell .art-boss{top:24%;right:2%;padding:5px 7px!important;font-size:8px}}
.hideout-art-shell .hideout-resources .hideout-gold{left:2.45%;width:31.8%}.hideout-art-shell .hideout-resources .hideout-progress{left:34.25%;width:41.4%}.hideout-art-shell .hideout-progress small{left:4%;top:2%;height:42%;color:#69cfff}.hideout-art-shell .hideout-progress small:before{color:#398dff}.hideout-art-shell .hideout-progress strong{right:4%;top:1%;height:43%;min-width:45%;padding:0;color:#dcecff;font-size:clamp(8px,1.25vw,16px);text-shadow:none}.hideout-art-shell .hideout-progress .hideout-exp{display:block;position:absolute;left:4%;right:42%;bottom:17%;height:12%;background:#07101d;border:1px solid #1c4e7a;transform:skewX(-12deg);overflow:hidden}.hideout-art-shell .hideout-progress .hideout-exp em{display:block;height:100%;background:linear-gradient(90deg,#5a39e9,#24caff);box-shadow:0 0 7px #2e8fff}.hideout-art-shell #menu-battle-progress{position:absolute;right:4%;bottom:8%;color:#73d8ff;font:700 clamp(7px,1.05vw,14px) Cinzel;letter-spacing:.06em;white-space:nowrap}