*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#11151c;color:#fff;font-family:"Microsoft YaHei",serif}body{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#34404b,#080b12 75%)}#stage{position:relative;width:720px;height:1280px;flex-shrink:0;transform-origin:center;box-shadow:0 0 90px #000}canvas,#ui{position:absolute;inset:0;width:720px;height:1280px}canvas{touch-action:none}#ui{pointer-events:none}button,input{font:inherit}button{cursor:pointer;pointer-events:auto;border:0;color:#fff;background:linear-gradient(#9d7047,#563c2c);border:2px solid #e7c48a;border-radius:8px;text-shadow:0 2px 3px #000;font-size:26px;box-shadow:0 3px 12px #0007;padding:10px 18px}button:active{filter:brightness(1.25);transform:translateY(2px)}button:focus-visible{outline:4px solid #fff}button:disabled{opacity:.45;cursor:default}.plain{background:#263039d9}.art{background:transparent;border:0;box-shadow:none;padding:0}.hud{position:absolute;background:#17242cdb;border:1px solid #d4bd8c88;border-radius:30px;padding:10px 22px;font-size:23px;color:#ffe9b9}.tag{font-size:20px;letter-spacing:3px;color:#eadbbb;text-shadow:0 2px 4px #000}.center{text-align:center}.modal{position:absolute;inset:0;background:#050a13ba;display:flex;align-items:center;justify-content:center;pointer-events:auto}.panel{width:620px;padding:32px 30px;background:linear-gradient(135deg,#384454,#1c2636);border:3px solid #bd9a65;border-radius:18px;box-shadow:0 20px 80px #000c;text-align:center}.panel h1{color:#f4d394;font-size:42px;margin:5px 0 24px}.panel p{font-size:24px;line-height:1.7;color:#e3ded4}.panel button{margin:12px 8px;min-width:180px}.choices{display:flex;gap:12px;flex-direction:column}.choices button{width:100%;margin:0;padding:22px;text-align:left;background:#384858}.choices strong{display:block;color:#ffe0a0;font-size:28px}.choices small{font-size:21px;color:#e6e2d8}.meter{height:12px;border:2px solid #d2bc78;border-radius:10px;background:#182c30;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#58b2a8,#b1e778)}#loading{position:absolute;inset:0;background:#17242c;display:grid;place-items:center;font-size:28px}.muted{color:#b7c6ce;font-size:20px}.row{display:flex;justify-content:space-between;margin:16px 0;font-size:25px}.section{position:absolute;left:38px;right:38px;top:220px;padding:30px;background:#172633e8;border:2px solid #d9ba83;border-radius:14px}.section h1{font-size:36px;color:#f4d394}.section p{font-size:24px;line-height:1.7}.settings label{display:block;font-size:24px;margin:28px}.settings input{width:24px;height:24px}.skillbar{display:flex;gap:8px;justify-content:center}.slot{width:68px;height:68px;border:2px solid #ae9568;background:#1c2838cc;border-radius:10px;font-size:17px;text-align:center;padding-top:7px}

body{background:#000}#stage{box-shadow:none}.art:active{filter:none;transform:none}.art:focus-visible{outline:2px solid #ffe9ac;border-radius:12px}
.panel input{display:block;width:100%;padding:16px;margin:16px 0;background:#111d2b;border:1px solid #bba475;color:white;border-radius:8px;font-size:24px;pointer-events:auto}.lottery-history{max-height:300px;overflow:auto;text-align:left;padding:12px;background:#111a25}.lottery-history p{font-size:18px;margin:12px 0}.lottery-result{max-height:160px;overflow:auto}.panel .lottery-result{font-size:21px}
.login-shade{position:absolute;inset:0;background:#0009;pointer-events:auto}.login-account{position:absolute;left:50px;top:430px;width:620px;height:420px;background:linear-gradient(125deg,#282c2e,#1e2529);border:1px solid #65676a;color:#b8b8b8}.login-account header{height:55px;border-bottom:1px solid #4d5153;background:repeating-linear-gradient(135deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(#343b40,#23282d);font-size:40px;line-height:54px;color:#d3b296;padding-left:54px}.login-account header i{position:absolute;left:20px;top:16px;width:16px;height:20px;border-radius:3px;background:#a73e36;box-shadow:0 0 14px #a73e36aa}.login-account label{position:absolute;left:16px;font-size:32px;line-height:66px}.login-user{top:86px}.login-pass-label{top:191px}.login-account input{position:absolute;left:112px;width:477px;height:66px;border:1px solid #242a2b;border-radius:4px;background:linear-gradient(130deg,#16191a,#121617);font-size:30px;color:#eee;padding:8px 12px;pointer-events:auto;outline:none}.login-account input:focus{border-color:#ae9366}.login-name{top:86px}.login-password{top:191px}.login-account button{border-radius:0;padding:0;box-shadow:none;border:1px solid #86745a;font-size:40px;font-weight:400;height:66px;position:absolute;top:321px;width:238px;text-shadow:0 1px 2px #555}.login-account .login-register{left:30px;background:linear-gradient(135deg,#644534,#90694d)}.login-account .login-submit{left:351px;background:linear-gradient(135deg,#405c18,#779d25);border-color:#819c40}.login-account .login-close{top:6px;left:auto;right:8px;width:36px;height:36px;border:0;background:transparent;color:#c0c0ba;font-size:30px;line-height:36px}.login-account .login-error{position:absolute;left:25px;right:25px;top:269px;margin:0;text-align:center;color:#ffac9d;font-size:20px;line-height:27px}.login-account .login-hint{position:absolute;left:-20px;right:-20px;top:430px;text-align:center;font-size:18px;color:#eee2cf;margin:0}.login-account button:disabled{opacity:.55}
.notice-shield{position:absolute;inset:0;pointer-events:auto;color:#fff7e6;font-family:"Microsoft YaHei",sans-serif}
.notice-list{position:absolute;left:71px;top:559px;width:580px;height:540px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}
.notice-item{margin:7px 15px 18px;border:0 solid transparent;background:var(--notice-card) center/100% 100% no-repeat;padding:0 15px 13px;font-size:24px;line-height:34px}
.notice-item summary{list-style:none;cursor:pointer;font-size:24px}.notice-item summary::-webkit-details-marker{display:none}
.notice-heading{display:block;position:relative;margin:0 -30px;padding:2px 48px 2px 30px;color:#ffe3b1;border:0 solid transparent;background:var(--notice-heading) center/100% 100% no-repeat;min-height:34px}
.notice-heading:after{content:'';position:absolute;right:28px;top:8px;width:37px;height:27px;background:var(--notice-arrow) center/contain no-repeat;transform:rotate(180deg)}
.notice-item[open] .notice-heading:after{transform:rotate(0deg)}
.notice-item p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:330px;overflow:auto;touch-action:pan-y}
.notice-item .notice-full{display:none}.notice-item[open] .notice-full{display:block}.notice-item[open] .notice-summary{display:none}
.notice-empty{text-align:center;color:#665343;font-size:24px}.notice-carousel{position:absolute;left:92px;top:257px;width:521px;height:286px;overflow:hidden}
.notice-carousel img{position:absolute;width:100%;height:100%;object-fit:contain}.notice-carousel img[hidden]{display:none}
.recharge-screen{position:absolute;inset:64px 28px 60px;background:#f0e0c4;color:#513b25;border:8px ridge #b88c50;border-radius:16px;padding:24px;pointer-events:auto;overflow:auto;touch-action:pan-y;font:24px 'Microsoft YaHei',sans-serif;box-shadow:0 0 0 1000px #0009}.recharge-screen header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #b88c50}.recharge-screen h1{font-size:38px;margin:0 0 16px}.recharge-screen h2{font-size:28px;margin-top:28px}.recharge-screen button{font:inherit;cursor:pointer;color:#5a3515;background:linear-gradient(#ffe9ad,#dbb568);border:2px solid #a77b42;border-radius:9px;padding:12px}.recharge-screen header button{font-size:36px;line-height:32px}.recharge-mode{color:#8a4c22;font-size:22px}.recharge-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recharge-packages button{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 8px}.recharge-packages b{font-size:27px}.recharge-packages small,.recharge-hint{font-size:19px}.recharge-screen button:disabled{opacity:.55}.recharge-orders article{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-bottom:1px solid #b88c5070;padding:15px 0}.recharge-orders small{width:100%;font-size:18px;color:#7a6a56}.recharge-orders b{font-size:22px;color:#476838}.recharge-retry{display:block;width:100%;margin:10px 0}.recharge-screen [role=status]{color:#32602d;background:#dce6c8;padding:16px;font-size:24px}

.mail-shield{position:absolute;inset:0;pointer-events:auto;color:#fff}.mail-motion{position:absolute;inset:0}.mail-list{position:absolute;left:110px;top:334px;width:500px;height:569px;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin}.mail-row{display:block;position:relative;width:465px;height:104px;margin:0 0 10px;padding:0;border:0 solid transparent;border-radius:0;background:none;box-shadow:none;text-align:left;color:white;text-shadow:none}.mail-row:before{content:"";position:absolute;inset:0;border:0 solid transparent;border-image:var(--notice-card) 30 fill / 30px / 0 stretch;opacity:.52;pointer-events:none}.mail-row:active{filter:brightness(.85)}.mail-title{position:absolute;left:104px;top:12px;line-height:36px;max-width:275px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:26px;font-weight:bold}.mail-row time{position:absolute;right:6px;top:62px;line-height:34px;font-size:24px;font-weight:bold;color:#fffaea;-webkit-text-stroke:1px #755a37;paint-order:stroke fill}.mail-chest{position:absolute;left:13px;top:7px;width:90px;height:90px;background:var(--mail-gold) center/contain no-repeat}.mail-chest.claimed{background-image:var(--mail-copper)}.mail-unread{position:absolute;left:390px;top:10px;width:51px;height:51px;background:var(--mail-unread) center/contain no-repeat}.mail-read{position:absolute;left:385px;top:17px;width:60px;line-height:36px;text-align:center;font-size:26px;font-weight:bold;color:#664b4b}.mail-empty{position:absolute;left:110px;top:583px;width:500px;text-align:center;font-size:32px;line-height:44px;text-shadow:0 2px 3px #333;margin:0}.mail-content{position:absolute;left:105px;top:389px;width:507px;height:343px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:24px;line-height:34px;color:#664b4b;text-shadow:none;touch-action:pan-y;scrollbar-width:thin}.mail-attachments{position:absolute;left:133px;top:749px;width:454px;height:120px;overflow:auto;touch-action:pan-x;scrollbar-width:thin}.mail-error{position:absolute;left:110px;top:334px;width:500px;padding:12px;background:#402823;font-size:22px;z-index:2}.mail-error button,.mail-pagination button{font-size:20px;padding:5px 12px}.mail-pagination{position:absolute;left:110px;top:975px;width:500px;display:flex;justify-content:center;gap:15px;font-size:20px}

.idle-shield{position:absolute;inset:0;pointer-events:auto}.idle-motion{position:absolute;inset:0}.idle-feedback{position:absolute;left:135px;top:545px;width:450px;box-sizing:border-box;text-align:center;color:#664b4b;font-size:25px;line-height:1.6;padding:15px;margin:0}.idle-feedback button{display:block;margin:12px auto;padding:8px 28px;font-size:24px}.idle-items{position:absolute;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin}
#loading{z-index:100;background:linear-gradient(180deg,#24291f,#77745a 55%,#343d31);display:block;pointer-events:auto}#loading[hidden]{display:none}.loading-content{position:absolute;left:65px;right:65px;bottom:185px;text-align:center;color:#fff4c5;text-shadow:0 2px 3px #39280d}.loading-title{font-size:24px;margin-bottom:18px}.loading-track{height:26px;padding:3px;border:2px solid #d6b969;border-radius:20px;background:#251e17;overflow:hidden;box-shadow:0 0 9px #35220c}.loading-fill{width:0;height:100%;border-radius:20px;background:linear-gradient(#fff4a8,#e3b344 50%,#b27125);transition:width .16s linear}.loading-percent{font-size:22px;margin-top:12px}.loading-content button{margin-top:20px}@media(prefers-reduced-motion:reduce){.loading-fill{transition:none}}
#loading{background:#151812 url('assets/ui/344.png') center center/720px 1680px no-repeat}.loading-content{left:68px;right:auto;bottom:auto;top:1076px;width:584px;height:130px}.loading-track{position:absolute;left:0;top:17px;width:584px;height:31px;padding:0;border:0;border-radius:0;background:transparent url('assets/ui/258.png') 0 0 no-repeat;box-shadow:none;overflow:hidden}.loading-fill{position:absolute;left:5px;top:3px;height:18px;max-width:572px;background:transparent url('assets/ui/258.png') 0 -33px no-repeat;border-radius:0;transition:width .2s linear}.loading-percent{position:absolute;left:0;top:0;width:584px;margin:0;font-size:41px;line-height:55px;font-weight:normal;text-shadow:1px 1px #205358,-1px -1px #205358;pointer-events:none}.loading-title{position:absolute;top:43px;left:0;width:584px;margin:0;font-size:20px;line-height:29px}.loading-content button{position:absolute;top:80px;left:180px}

/* Keep the portrait menus centered; battle canvas extends across the viewport. */
html,body{background:#000;overscroll-behavior:none}body{height:100dvh}#stage{box-shadow:none}#ui .art{touch-action:none}

.chapter-list{max-height:650px;overflow:auto;touch-action:pan-y;text-align:left}.chapter-list p{padding:12px;border-bottom:1px solid #b89b69}