
.anime-hall{position:relative;height:100svh;min-height:520px;color:#fff6df;background:#425c64;overflow:hidden;isolation:isolate;font-family:'Microsoft YaHei',sans-serif}.town-pan{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.town-pan::-webkit-scrollbar{display:none}.town-panorama{position:relative;width:max(100%,177.78svh);height:100%;background:url('assets/harbour-anime-lobby-v2.png') center/100% 100% no-repeat}.anime-edge{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0b263f80,transparent 21%,transparent 70%,#112e429e);border:5px solid #1c394b35}.anime-hud{position:absolute;top:18px;left:22px;right:22px;display:flex;align-items:flex-start;gap:28px;pointer-events:none}.anime-hud button{pointer-events:auto}.anime-profile{background:linear-gradient(110deg,#1c374ee6,#24465e88,transparent);border:0;border-bottom:2px solid #d1a15c;color:#fff3d8;display:flex;text-align:left;gap:13px;padding:9px 28px 10px 8px;cursor:pointer;min-width:240px}.profile-emblem{width:54px;height:60px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 23%,90% 82%,50% 100%,10% 82%,0 23%);background:linear-gradient(140deg,#fff1b8,#ac7c3b);color:#244657;font:37px Georgia}.anime-profile b{font-size:18px;letter-spacing:2px;text-shadow:0 2px #142839}.anime-profile small{display:block;font-size:10px;color:#e0e7de;margin:4px 0}.anime-profile em{font-style:normal;font-size:10px;color:#f7ce82}.anime-resources{display:flex;gap:15px;margin-top:8px}.anime-resources>span{display:grid;grid-template-columns:34px 1fr;align-items:center;min-width:118px;height:39px;background:linear-gradient(90deg,#162f46e6,#233e50bd);border-top:1px solid #e5c58a;border-bottom:2px solid #a87d41;clip-path:polygon(9% 0,94% 0,100% 50%,94% 100%,9% 100%,0 50%);padding:0 14px 0 9px}.anime-resources i{font-style:normal;font-size:26px;color:#ecc37c;text-shadow:0 2px #7c4a20}.anime-resources b{font:19px Georgia}.anime-resources b small{font:11px sans-serif;color:#d4d8d9}.anime-resources em{display:none}.anime-title{margin-left:auto;font:25px 'SimSun',serif;letter-spacing:3px;white-space:nowrap;text-shadow:0 2px 3px #163b50}.anime-title small{display:block;font:7px sans-serif;letter-spacing:3px;margin-top:7px}.anime-left{position:absolute;top:145px;left:20px;display:grid;gap:18px}.anime-left button,.anime-events button,.anime-dock button{display:grid;justify-items:center;position:relative;background:transparent;border:0;cursor:pointer;color:#fff5df;padding:0;text-shadow:2px 2px #19384b,-1px -1px #19384b,1px -1px #19384b,-1px 1px #19384b}.anime-left svg,.anime-events svg,.anime-dock svg{width:62px;height:62px;filter:drop-shadow(0 3px 0 #152e3bc9) drop-shadow(0 0 2px #fff4cc);transition:transform .18s}.anime-left button:first-child svg{width:44px;height:44px}.anime-left span,.anime-events span,.anime-dock span{font:bold 18px 'SimSun',serif;letter-spacing:2px;margin-top:-4px}.anime-events{position:absolute;right:23px;top:130px;display:grid;gap:22px}.anime-events small{color:#e9c87a;font-size:10px;margin-top:5px}.town-location{position:absolute;display:grid;justify-items:center;gap:5px;background:transparent;border:0;color:#fff5de;cursor:pointer;padding:12px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 2px #183341);font-family:'SimSun',serif}.town-location span{font-size:23px;font-weight:bold;letter-spacing:3px;writing-mode:vertical-rl;padding:12px 7px;background:linear-gradient(180deg,#193a4ce8,#1c3a4bb8 80%,transparent);clip-path:polygon(15% 0,87% 4%,100% 89%,62% 97%,0 100%,8% 36%);border-top:2px solid #e4bf7d}.town-location small{font:10px 'Microsoft YaHei';background:#19384cbf;padding:4px 7px;letter-spacing:1px;white-space:nowrap}.town-location i{width:7px;height:7px;background:#ffe0a0;transform:rotate(45deg);box-shadow:0 0 0 4px #f5d09733,0 0 12px #f5d097}.loc-library{left:13%;top:39%}.loc-prep{left:29%;top:34%}.loc-story{left:62%;top:42%}.loc-food{left:91%;top:63%}.traveler-touch{position:absolute;left:67%;top:35%;width:13%;height:54%;background:transparent;border:0;cursor:pointer}.traveler-line{position:absolute;left:71%;top:30%;transform:translateX(-50%);padding:10px 16px;border-radius:3px;background:#fff2dce8;color:#354d56;border:1px solid #ad945e;box-shadow:0 3px 12px #17394c33;font-size:12px;white-space:nowrap}.traveler-line:after{content:'';position:absolute;left:50%;bottom:-9px;border:9px solid transparent;border-bottom:0;border-top-color:#fff2dc}.anime-mission{position:absolute;left:28px;bottom:132px;display:grid;gap:7px;width:300px;padding:12px 17px;border-left:3px solid #e0b77c;background:linear-gradient(90deg,#15374cdd,#18374aa6,transparent)}.anime-mission>small{color:#e8c58c;font-size:9px;letter-spacing:2px}.anime-mission>b{font:25px 'SimSun',serif;letter-spacing:3px}.anime-mission>span{font-size:11px;color:#e4dfce}.anime-stars{position:absolute;right:28px;top:29px}.anime-stars .stars{gap:2px;margin:0}.anime-stars .stars span{font-size:20px}.anime-stars .off{color:#768c94!important;text-shadow:0 1px #203e4a}.anime-stars .on{color:#ffce72!important}.anime-dock{position:absolute;bottom:27px;left:27px;display:flex;gap:22px;align-items:end}.anime-dock button{min-width:65px}.anime-dock svg{width:66px;height:66px}.anime-dock span{font-size:21px}.anime-adventure{position:absolute;right:25px;bottom:26px;width:210px;min-height:113px;padding:14px 20px;background:linear-gradient(135deg,#ffe5aa,#d4a95f 48%,#ac7f3e);border:3px solid #543f2b;border-radius:3px;box-shadow:inset 0 0 0 2px #fce6b1,0 4px 0 #293a40;clip-path:polygon(6% 0,100% 0,96% 90%,88% 100%,0 100%,2% 14%);transform:rotate(-3deg);color:#293b40;cursor:pointer;display:grid;gap:6px;text-shadow:0 1px #f8dfaa}.anime-adventure small{font:8px Georgia;letter-spacing:3px}.anime-adventure b{font:bold 30px 'SimSun',serif;letter-spacing:4px}.anime-adventure>span{font-size:10px}.anime-save{position:absolute;bottom:6px;left:28px;color:#e0ded0;font-size:8px;text-shadow:0 1px #183b4e}.pan-tip{display:none}.anime-left button:hover svg,.anime-events button:hover svg,.anime-dock button:hover svg{transform:translateY(-5px) rotate(-5deg)}.town-location:hover{filter:drop-shadow(0 0 9px #ffe6aa)}.anime-hall button:focus-visible,.town-pan:focus-visible{outline:3px solid #ffda8b;outline-offset:4px}.bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.bag-grid article{display:grid;justify-items:center;text-align:center;padding:18px 12px;background:#e0d4b4;border:1px solid #b6a57d;filter:grayscale(1);opacity:.65;gap:10px}.bag-grid article.owned{filter:none;opacity:1;background:#f8e4b0}.bag-grid svg{width:60px;height:60px}.bag-grid small{font-size:11px;line-height:1.6}.hub-activity-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.hub-activity-cards article{background:#f6e9bc;border:1px solid #bca371;padding:16px}.activity-art{height:110px;display:grid;place-items:center;font:65px Georgia;background:radial-gradient(circle at 50% 65%,#edc977,#b37e49);color:#fff1ce;margin:-16px -16px 16px}.activity-art.postal{background:linear-gradient(140deg,#6e9c95,#364f68)}.hub-activity-cards small{font-size:10px;color:#887446}.hub-activity-cards p,.hub-activity-cards article>div:not(.activity-art){font-size:12px;line-height:1.8}.hub-activity-cards button{width:100%;padding:12px;background:#ded2ac;border:1px solid #b3a47e;color:#827957;margin-top:15px;cursor:default}
@media(max-width:1100px){.anime-title{display:none}.anime-hud{gap:15px}.anime-resources{gap:8px}.anime-resources>span{min-width:105px}.anime-dock{gap:15px}.anime-adventure{width:185px}.anime-profile{min-width:210px}.town-location span{font-size:20px}}
@media(max-height:600px) and (orientation:landscape){.anime-hall{min-height:340px}.anime-hud{top:9px;left:13px;right:13px}.anime-profile{padding:5px 18px 5px 5px;min-width:190px}.profile-emblem{width:42px;height:48px;font-size:28px}.anime-profile b{font-size:15px}.anime-profile em{font-size:9px}.anime-resources>span{height:32px;min-width:95px;grid-template-columns:27px 1fr}.anime-resources b{font-size:16px}.anime-resources i{font-size:21px}.anime-left{top:100px;left:12px;gap:10px}.anime-events{top:92px;right:14px;gap:12px}.anime-left svg,.anime-events svg{width:46px;height:46px}.anime-left span,.anime-events span{font-size:15px}.anime-dock{left:15px;bottom:18px;gap:10px}.anime-dock svg{width:49px;height:49px}.anime-dock span{font-size:17px}.anime-dock button{min-width:55px}.anime-adventure{width:175px;min-height:87px;bottom:17px;right:17px;padding:9px 14px}.anime-adventure b{font-size:24px}.anime-mission{bottom:103px;left:17px;width:255px;gap:4px;padding:8px 10px}.anime-mission>b{font-size:20px}.anime-mission>small{font-size:8px}.anime-stars{top:23px;right:8px}.anime-mission>span{font-size:10px}.town-location span{font-size:18px;padding:8px 5px}.town-location{gap:3px}.town-location small{font-size:8px}.traveler-line{font-size:10px;padding:7px 10px;top:26%}.anime-save{font-size:7px;bottom:3px}}
@media(orientation:portrait) and (max-width:760px){.anime-hall{min-height:640px}.town-panorama{width:145svh;background-size:cover}.anime-hud{top:15px;left:14px;right:14px;display:block}.anime-profile{min-width:210px;width:fit-content}.anime-resources{margin-top:12px;justify-content:space-between;gap:6px}.anime-resources>span{min-width:0;flex:1;grid-template-columns:24px 1fr;padding:0 9px;height:34px}.anime-resources i{font-size:21px}.anime-resources b{font-size:17px}.anime-resources b small{font-size:10px}.anime-left{top:165px;left:12px;gap:16px}.anime-left svg,.anime-events svg{width:48px;height:48px}.anime-left span,.anime-events span{font-size:14px}.anime-events{top:166px;right:12px;gap:22px}.traveler-line{top:27%;font-size:11px;max-width:190px;white-space:normal;line-height:1.6}.town-location span{font-size:21px}.loc-food{top:58%}.anime-mission{left:15px;bottom:161px;width:270px;padding:10px 12px;background:linear-gradient(90deg,#15374ce8,#18374ac4,transparent)}.anime-mission>b{font-size:24px}.anime-mission>span{font-size:10px}.anime-mission>small{font-size:8px}.anime-stars{top:28px;right:28px}.anime-dock{left:10px;bottom:28px;gap:6px}.anime-dock button{min-width:47px}.anime-dock svg{width:46px;height:46px}.anime-dock span{font-size:15px}.anime-adventure{width:143px;min-height:94px;right:12px;bottom:26px;padding:12px}.anime-adventure b{font-size:23px;letter-spacing:2px}.anime-adventure small{font-size:6px;letter-spacing:1px}.anime-adventure>span{font-size:8px}.pan-tip{display:block;position:absolute;bottom:137px;left:19px;font-size:9px;color:#e6dfc7;text-shadow:0 1px #153b4c;pointer-events:none}.anime-save{left:14px;font-size:8px;bottom:7px}.hub-activity-cards{grid-template-columns:1fr}.bag-grid{gap:7px}.bag-grid article{padding:12px 7px}.bag-grid b{font-size:13px}.bag-grid small{font-size:10px}}
.anime-resources>span{grid-template-rows:21px 12px;align-content:center}.anime-resources i{grid-row:1/3}.anime-resources em{display:block;grid-column:2;font:8px sans-serif;color:#ded9c7;letter-spacing:1px}.anime-resources b{line-height:20px}
.anime-resources>span{grid-template-rows:21px 12px;align-content:center}.anime-resources i{grid-row:1/3}.anime-resources em{display:block;grid-column:2;font:8px sans-serif;color:#ded9c7;letter-spacing:1px}.anime-resources b{line-height:20px}
.loc-food{display:none}
