.page-tools{display:flex;margin-bottom:14px}.page-tools input{width:100%}.page-categories{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.page-categories button,.lottery-pools button{background:#ffffff08;border:1px solid #ffffff22;border-radius:8px;padding:8px 11px;color:#c8d7e2;font-size:12px}.page-categories button.selected,.lottery-pools button.selected{background:#d4ac7026;color:#f7d59e;border-color:#d4ac70}.page-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:520px;overflow:auto}.page-action{text-align:left;border:1px solid #ffffff1f;border-radius:11px;background:#ffffff06;padding:13px;color:#eaf0f5}.page-action:hover{border-color:#d4ac70;background:#d4ac7010}.page-action small,.page-action strong,.page-action span{display:block}.page-action small{color:#a6b8c8;font-size:10px}.page-action strong{margin:7px 0;font-size:14px}.page-action span{color:#d6b67f;font-size:11px}.page-operation{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:#d4ac700a;border:1px solid #d4ac7060;border-radius:12px;padding:18px;margin-bottom:17px}.page-operation h4{width:100%;margin:0;color:#f3d19b}.page-field{display:flex;flex:1;min-width:180px;flex-direction:column;gap:6px;font-size:12px;color:#bacada}.page-field input,.page-field select{padding:10px;background:#0d1c30;color:#f6e8d1;border:1px solid #667c91;border-radius:8px;min-width:0;width:100%;box-sizing:border-box}.page-operation .primary{padding:11px 17px}.page-confirm{width:100%;font-size:12px;color:#e9bc8b;display:flex;gap:8px;align-items:center}.page-result:empty{display:none}.page-result{border-top:1px solid #ffffff25;margin-top:18px;padding-top:16px;font-size:13px;line-height:1.8;color:#dce4ec}.page-result>b{color:#e9c692}.page-reply{white-space:pre-wrap;overflow:auto;max-height:520px;padding-top:10px;overflow-wrap:anywhere}.page-reply img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px;margin-bottom:10px}
.lottery-eyebrow{font-size:10px;letter-spacing:3px;color:#d6b67f;margin-bottom:7px}.lottery-page .view-heading h3{font-size:25px;letter-spacing:2px}.lottery-pools{display:flex;gap:8px;margin-bottom:16px}.lottery-pools button{flex:1;padding:12px;font-size:13px}.lottery-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.lottery-balances>div{border:1px solid #ffffff16;border-radius:10px;background:#ffffff04;padding:13px 16px}.lottery-balances small{display:block;color:#b3c4d1;font-size:11px}.lottery-balances strong{font-size:23px;color:#f5dfbc;font-variant-numeric:tabular-nums;display:block;margin-top:6px}.lottery-stage{position:relative;border:1px solid #d4ac7080;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#d4ac701b,transparent 68%),#0b1628;overflow:hidden}.lottery-stage-top{text-align:center;color:#bca17b;font-size:11px;letter-spacing:2px;padding:17px 0 14px}.lottery-viewport{overflow:hidden;position:relative;padding:10px 0;height:169px;background:linear-gradient(0deg,#071121,#132139)}.lottery-viewport:before,.lottery-viewport:after{position:absolute;content:'';width:40px;top:0;bottom:0;z-index:2;pointer-events:none}.lottery-viewport:before{left:0;background:linear-gradient(90deg,#0a1425,transparent)}.lottery-viewport:after{right:0;background:linear-gradient(-90deg,#0a1425,transparent)}.lottery-pointer{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:150px;transform:translateX(-50%);border-left:1px solid #ffe0a5;border-right:1px solid #ffe0a5;pointer-events:none;background:linear-gradient(0deg,#e8bd720b,transparent);box-sizing:border-box}.lottery-pointer:before{content:'';position:absolute;left:calc(50% - 7px);top:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #ffe0a5}.lottery-track{display:flex;gap:12px;width:max-content;will-change:transform}.lottery-track.rolling{animation:lottery-roll 1.5s linear infinite}.lottery-prize{flex:none;width:138px;height:145px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(155deg,#24334b,#101c2e);border:1px solid #7184a655;border-radius:10px;position:relative;text-align:center;padding:10px}.lottery-prize.tier-S{border-color:#dcb77e;background:linear-gradient(150deg,#5a4434,#211e2c)}.lottery-prize.tier-A{border-color:#b595cb99;background:linear-gradient(150deg,#38314f,#142138)}.lottery-prize.tier-币{border-color:#97bba07a;background:linear-gradient(150deg,#293c38,#132332)}.lottery-tier{font-size:9px;letter-spacing:1px;color:#d7c4ac}.lottery-symbol{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d6b67f70;border-radius:50%;color:#efd0a0;font:25px serif;background:#0b17214a}.lottery-prize strong{font-size:12px;line-height:1.35;color:#f5e8d5;overflow-wrap:anywhere}.lottery-prize small{color:#adbdcd;font-size:10px}.lottery-status{margin:0;padding:16px;text-align:center;color:#e8cfac;line-height:1.7;font-size:12px;min-height:20px}.lottery-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.lottery-controls button{padding:13px 8px;font-size:13px;border-radius:10px;font-weight:600}.lottery-ten{border:1px solid #d4ac70;background:#d4ac7018;color:#f1d2a4}.lottery-page button:disabled{opacity:.5;cursor:default}.lottery-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin-top:17px}.lottery-result-grid .lottery-prize{width:100%;height:139px}.lottery-unresolved{display:flex;gap:9px;margin-top:12px}.lottery-unresolved[hidden]{display:none}.lottery-history{font-size:12px;color:#b9c8d5;line-height:2}.lottery-history h4{color:#edd3ac;font-size:13px;margin-bottom:5px}.lottery-preview{border-top:1px solid #ffffff20;margin-top:22px;padding-top:15px;color:#c1ced8;font-size:12px}.lottery-preview summary{cursor:pointer;color:#e5c493}.lottery-prize-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;max-height:300px;overflow:auto}.lottery-prize-list>div{display:flex;align-items:center;gap:8px;padding:7px;background:#ffffff05;border-radius:6px}.tier-label{color:#bbc9d5;border:1px solid #ffffff25;border-radius:4px;font-size:10px;padding:2px 5px}.tier-label.tier-S{color:#f2d397;border-color:#d4ac7060}.tier-label.tier-A{color:#cdb0e9;border-color:#b595cb60}@keyframes lottery-roll{from{transform:translateX(0)}to{transform:translateX(-1500px)}}@media(max-width:760px){.page-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.page-operation{padding:13px}.page-field{min-width:130px}.lottery-controls button{font-size:11px;padding:13px 4px}.lottery-page{padding:15px}.lottery-prize-list{grid-template-columns:1fr}.lottery-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lottery-page .view-heading h3{font-size:22px}}@media(prefers-reduced-motion:reduce){.lottery-track.rolling{animation:none}.page-form-host{scroll-behavior:auto}}

/* 宝库：深蓝星轨、金色铭纹和分级战利品。动画只展示已确认回执。 */
.lottery-page{--treasure-gold:#f0cf92;--treasure-muted:#9eafc4;isolation:isolate}
.lottery-page .view-heading{align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid #ffffff12}
.lottery-page .view-heading h3{font-family:Georgia,'Microsoft YaHei',serif;font-size:28px;letter-spacing:4px;color:#fae8c8;margin:6px 0}
.lottery-page .view-heading p{color:var(--treasure-muted);font-size:12px;letter-spacing:1px}
.lottery-eyebrow{letter-spacing:4px;font-size:9px}
.lottery-pools{margin-top:19px;gap:12px}
.lottery-pools button{position:relative;border-radius:12px;border:1px solid #ffffff1c;background:#ffffff04;color:#aebed1;padding:15px;transition:background .2s,border-color .2s,color .2s}
.lottery-pools button.selected{background:linear-gradient(140deg,#e1ba7721,#ba8c5510);border-color:#e1ba7780;color:#ffe1ad;box-shadow:inset 0 1px 0 #ffe6b315,0 4px 18px #00000016}
.lottery-pools button.selected:after{content:'';position:absolute;bottom:-1px;left:35%;right:35%;height:2px;background:#f3cf93;box-shadow:0 0 12px #e7b76180}
.lottery-balances{gap:10px;margin-bottom:20px}
.lottery-balances>div{padding:14px 17px;border-radius:12px;background:linear-gradient(135deg,#1d2e432e,#ffffff03);border-color:#aec3e41b}
.lottery-balances small{letter-spacing:1px;color:#adbed0}
.lottery-balances strong{font-size:26px;font-weight:500;letter-spacing:.5px;color:#f4dfbe}
.lottery-stage{border-radius:20px;border-color:#dfbc745c;background:radial-gradient(ellipse at 50% 0,#ddb26f18,transparent 62%),linear-gradient(155deg,#102034,#081322);box-shadow:inset 0 1px 0 #ffe8b619,0 15px 30px #00000021}
.lottery-stage:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:4;opacity:0;background:linear-gradient(115deg,transparent 22%,#ffe6b01c 48%,transparent 65%);transform:translateX(-100%)}
.lottery-stage-top{display:flex;align-items:center;justify-content:center;gap:10px;padding:23px 15px 21px;color:#dac29b;letter-spacing:2px}
.lottery-seal{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d3ad6960;border-radius:50%;color:#f4d49b;box-shadow:0 0 17px #dcb67411;font-size:18px}
.lottery-phase{position:absolute;right:16px;top:13px;letter-spacing:1px;font-size:9px;color:#93a5bc}
.lottery-viewport{height:183px;padding:15px 0;border-top:1px solid #d4ac7014;border-bottom:1px solid #d4ac7014;background:radial-gradient(ellipse at center,#27395866,#091322)}
.lottery-pointer{width:150px;border-color:#f2d19a90;background:linear-gradient(0deg,#e8c2860d,#d4a66b03);box-shadow:0 0 24px #d6ac6b13,inset 0 0 15px #e8c28608}
.lottery-pointer:after{content:'';position:absolute;bottom:0;left:calc(50% - 6px);border:6px solid transparent;border-bottom:8px solid #f0ce91}
.lottery-prize{height:153px;border-radius:12px;background:linear-gradient(150deg,#26374e,#101c2d);box-shadow:inset 0 1px 0 #ffffff08,0 5px 10px #00000020;gap:8px}
.lottery-prize:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff06;border-radius:8px;pointer-events:none}
.lottery-prize.tier-S{background:radial-gradient(circle at 50% 28%,#b68b4a36,transparent 70%),linear-gradient(145deg,#4f3e2c,#252030);border-color:#e7c386c4;box-shadow:inset 0 1px 0 #ffe9b922,0 0 19px #c59c4412}
.lottery-prize.tier-A{background:radial-gradient(circle at 50% 28%,#a684cd29,transparent 70%),linear-gradient(145deg,#383052,#1b2239);border-color:#b994d786}
.lottery-tier{font-size:9px;letter-spacing:2px;color:#aebcd0}
.tier-S .lottery-tier,.tier-S .lottery-symbol{color:#ffdf9f}
.tier-A .lottery-tier,.tier-A .lottery-symbol{color:#d4b6f1}
.lottery-symbol{width:45px;height:45px;border:1px solid #a3b6d33d;background:radial-gradient(circle,#d4ac7017,#0b172138);box-shadow:inset 0 0 12px #00000015;font-size:25px}
.tier-S .lottery-symbol{border-color:#e5c0806b;box-shadow:0 0 13px #e7c18013}
.lottery-prize strong{font-weight:600;max-width:100%;font-size:12px}
.lottery-status{min-height:48px;display:grid;place-items:center;padding:13px 18px;color:#d9c7a9}
.lottery-stage[data-state='submitting'] .lottery-seal{animation:treasure-orbit 2s linear infinite}
.lottery-stage[data-state='submitting'] .lottery-pointer{animation:treasure-pulse 1.1s ease-in-out infinite}
.lottery-stage[data-state='revealing']:before{animation:treasure-sweep 1.9s ease-out both}
.lottery-stage[data-state='complete']{border-color:#eccb8b9c}
.lottery-stage[data-state='complete'] .lottery-winning{animation:treasure-winner .85s ease-out both}
.lottery-stage[data-state='error'],.lottery-stage[data-state='unconfirmed']{border-color:#b99b7766}
.lottery-controls{gap:12px;margin-top:20px}
.lottery-controls button{min-height:50px;border-radius:12px;font-size:12px;letter-spacing:.5px;transition:filter .2s,box-shadow .2s}
.lottery-controls .primary{background:linear-gradient(120deg,#f4d59e,#cda26c);color:#2a2117;border:1px solid #ffe4b485;box-shadow:0 5px 15px #bd874b19}
.lottery-ten{background:linear-gradient(135deg,#d4ac7016,#d4ac7008);border-color:#dab77880;color:#f5d8a6}
.lottery-controls button:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 5px 20px #d4ac7028}
.lottery-page button:focus-visible{outline:2px solid #f2d196;outline-offset:3px}
.lottery-page button:disabled{opacity:.45;cursor:not-allowed}
.lottery-page>.small-note{text-align:center;color:#91a4bc;font-size:11px;margin:13px 0 5px}
.lottery-rules{display:block;margin:0 auto;padding:7px 10px;border:0;background:transparent;color:#d2b37d;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.lottery-result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:23px;padding-top:18px;border-top:1px solid #d5b27426}
.lottery-result-heading[hidden]{display:none}
.lottery-result-heading strong{font-size:13px;color:#f3d6a5;letter-spacing:1px}
.lottery-result-heading span{font-size:10px;color:#9eb0c5}
.lottery-result-grid{margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:10px}
.lottery-result-grid .lottery-prize{height:146px;animation:treasure-reveal .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--reveal-delay,0ms)}
.lottery-history{border-top:1px solid #ffffff10;margin-top:19px;padding-top:5px;font-variant-numeric:tabular-nums;color:#95a8bf;font-size:11px}
.lottery-history:empty{display:none}
.lottery-history h4{letter-spacing:1px;font-weight:500}
.lottery-preview{margin-top:22px;border-color:#d4ac7025}
.lottery-preview summary{list-style-position:inside;padding:4px 0;color:#d2bc97;letter-spacing:.5px}
.lottery-prize-list{gap:8px}
.lottery-prize-list>div{padding:9px;border:1px solid #ffffff08;border-radius:8px;color:#aabbd0}
@keyframes treasure-orbit{to{transform:rotate(360deg)}}
@keyframes treasure-pulse{50%{box-shadow:0 0 25px #e7bf6b30,inset 0 0 20px #d9ae6b0b}}
@keyframes treasure-sweep{30%{opacity:1}to{opacity:0;transform:translateX(100%)}}
@keyframes treasure-winner{0%{filter:brightness(1.4)}to{filter:brightness(1)}}
@keyframes treasure-reveal{from{opacity:0;transform:translateY(13px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.lottery-page .view-heading h3{font-size:24px}.lottery-page .view-heading{gap:8px}.lottery-page .view-heading .subtle-button{font-size:10px;padding:8px}.lottery-balances>div{padding:12px}.lottery-balances strong{font-size:22px}.lottery-controls{gap:8px}.lottery-controls button{font-size:11px;letter-spacing:0;padding:12px 5px}.lottery-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lottery-result-heading{align-items:start;flex-direction:column;gap:5px}.lottery-prize-list{grid-template-columns:1fr}.lottery-phase{right:12px;top:10px}.lottery-stage-top{padding:27px 10px 20px}}
@media(prefers-reduced-motion:reduce){.lottery-page *, .lottery-page *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lottery-result-grid .lottery-prize{opacity:1;transform:none}}
.lottery-set-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.lottery-set-gallery[hidden]{display:none}.lottery-art{width:100%;height:92px;object-fit:contain;display:block;border-radius:10px}.lottery-set-gallery .lottery-art{height:180px}.lottery-set-members{font-size:12px;line-height:1.6;margin:8px 0}.lottery-grade{display:flex;align-items:center;gap:12px;margin:15px 0}.lottery-grade[hidden]{display:none}.lottery-grade select{background:var(--panel,#161c2b);color:inherit;border:1px solid #66738a;border-radius:8px;padding:9px 18px}.tier-SSS{border-color:#e6b65b;background:linear-gradient(140deg,#3d2e19,#182d42);box-shadow:inset 0 0 24px #d4a64922}.tier-材料{border-color:#5f8192}.lottery-instance-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.lottery-instance-actions button{font-size:12px;padding:6px}.lottery-set-gallery .lottery-prize{min-width:0;min-height:250px}@media(max-width:650px){.lottery-set-gallery{grid-template-columns:1fr}.lottery-set-gallery .lottery-art{height:220px}}

/* V78: a single benefits and redemption entry. */
.benefits-page .benefits-purchase{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:27px;margin:14px 0 22px;border:1px solid #d8b16a;border-radius:18px;background:radial-gradient(ellipse at top right,#b58a3540,transparent 66%),linear-gradient(135deg,#17283b,#2a2530);box-shadow:0 10px 28px #0003,inset 0 1px #ffe3ae24;overflow:hidden}
.benefits-page .benefits-eyebrow{font-size:11px;letter-spacing:3px;color:#efd296}.benefits-page .benefits-purchase h4{font-size:22px;line-height:1.4;color:#ffe6b5;margin:10px 0}.benefits-page .benefits-purchase p{font-size:12px;color:#d3dce6;line-height:1.7;margin:0}.benefits-page .benefits-purchase-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.benefits-page .benefits-purchase-tags span{padding:4px 9px;font-size:11px;border:1px solid #d5b56b40;border-radius:6px;background:#e3ba6620;color:#efdaaf}
.benefits-page .benefits-purchase-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:174px}.benefits-page .benefits-buy{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;box-sizing:border-box;padding:15px 20px;border:1px solid #ffe2a2;border-radius:10px;background:linear-gradient(115deg,#f6db9d,#d7aa53);color:#292014;font-size:16px;font-weight:750;text-decoration:none;box-shadow:0 5px 18px #dfb46026}.benefits-page .benefits-buy:hover{filter:brightness(1.09)}.benefits-page .benefits-orders{font-size:12px;color:#e4cfac;text-underline-offset:4px}.benefits-page .benefits-purchase-foot{grid-column:1/-1;border-top:1px solid #d1b06c30;padding-top:15px!important;color:#b6c6d7!important}
.benefits-page .benefits-exchange{border:1px solid #5d7486;border-radius:14px;padding:20px;background:#0f1b2c; margin-bottom:20px}.benefits-page .benefits-exchange h4{font-size:16px;color:#f2dfb7;margin:0 0 6px}.benefits-page .benefits-exchange .support-redeem{margin:14px 0 8px}.benefits-page .benefits-exchange .support-redeem input{min-width:0;width:100%;font-size:13px}.benefits-page .benefits-buy:focus-visible,.benefits-page .benefits-orders:focus-visible{outline:2px solid #fce2a3;outline-offset:4px}
@media(max-width:760px){.benefits-page .benefits-purchase{grid-template-columns:1fr;padding:20px;gap:18px}.benefits-page .benefits-purchase h4{font-size:20px}.benefits-page .benefits-purchase-action{align-items:stretch}.benefits-page .benefits-orders{text-align:center}.benefits-page .benefits-exchange{padding:16px}.benefits-page .support-redeem{flex-direction:column}.benefits-page .support-redeem button{width:100%}}

/* 世界大厅：消息区域固定尺寸，招募独立滚动，移动端单列。 */
.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.lobby-heading small{letter-spacing:3px;color:#bda172;font-size:11px}.lobby-heading h3{font-size:25px;margin:6px 0}.lobby-heading p{color:#8c9db1;margin:0}.lobby-badge{border:1px solid #52604b;border-radius:20px;padding:6px 12px;font-size:12px;color:#a9c993;background:#29383144}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px}.hall-chat{min-width:0}.lobby-feed{height:480px;min-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:14px;border:1px solid #30445a;border-radius:14px;background:#0c1725}.lobby-message{padding:12px 14px;margin:0 0 10px;border-radius:12px;background:#1c2c41;overflow-wrap:anywhere}.lobby-message.command{background:#243647;border-left:3px solid #92a9bf}.lobby-message.game{border-left:3px solid #bda172}.lobby-message-head{display:flex;gap:8px;align-items:center;font-size:12px;color:#8d9db0}.lobby-message-head strong{color:#d0b380;font-size:13px}.lobby-message-head time{margin-left:auto;white-space:nowrap}.lobby-message-text{white-space:pre-wrap;line-height:1.75;margin:7px 0 0;font-size:14px}.lobby-message img{display:block;max-width:min(100%,400px);max-height:380px;object-fit:contain;border-radius:8px;margin:8px 0}.lobby-teams{background:#172539;border:1px solid #30445a;border-radius:14px;padding:16px;max-height:640px;overflow:auto}.lobby-teams h4{margin:0 0 10px;font-size:15px;color:#d0b380}.lobby-teams>h4:not(:first-child){margin-top:20px}.lobby-teams p{font-size:12px;color:#9dacc0;line-height:1.6}.roster-member{display:block;font-size:12px;line-height:1.7;margin-bottom:4px}.lobby-teams label{display:block;font-size:12px;margin:12px 0 5px}.lobby-teams input{width:100%;box-sizing:border-box;background:#0c1725;border:1px solid #3a5067;color:#e3e8f0;border-radius:8px;padding:10px}.lobby-teams .primary{width:100%;margin-top:10px}.recruit-card{border:1px solid #384b60;padding:12px;border-radius:12px;margin:10px 0;background:#1b2d41}.recruit-card-head{display:flex;justify-content:space-between;gap:8px}.recruit-card-head h4{font-size:14px;line-height:1.5;margin:0}.recruit-card-head span{font-size:12px;white-space:nowrap;color:#95b891}.recruit-description{white-space:pre-wrap;overflow-wrap:anywhere}.team-application{padding:10px 0;border-bottom:1px solid #384b60;display:flex;gap:6px;flex-wrap:wrap}.team-application span{width:100%;font-size:12px}.lobby-feedback{font-size:13px;color:#d0b380;min-height:20px}.record-modes{display:flex;gap:8px;margin-bottom:12px}.record-modes button{border:1px solid #3b5067;border-radius:20px;padding:8px 16px;background:#142338;color:#aab9cb}.record-modes .selected{color:#f0dbac;border-color:#a78b56;background:#3a3328}.lobby-empty{color:#889ab0;text-align:center;padding:30px 8px;font-size:13px}.lobby-panel .composer{margin-top:12px}.lobby-panel .composer input{min-width:0}#team-chat-form{margin-top:10px}#team-record{margin-bottom:12px} [hidden]{display:none!important}
@media(max-width:1050px){.lobby-layout{grid-template-columns:minmax(0,1fr)}.lobby-teams{max-height:none}.lobby-feed{height:400px}.lobby-heading{align-items:flex-start}.lobby-badge{font-size:11px}.recruit-card{display:inline-block;width:calc(50% - 16px);vertical-align:top;margin-right:10px;box-sizing:border-box}}
@media(max-width:560px){.lobby-heading{flex-direction:column}.lobby-feed{height:350px}.recruit-card{width:100%;margin-right:0}.lobby-message-head{flex-wrap:wrap}.lobby-message-text{font-size:13px}.lobby-teams{padding:12px}}

/* V82: left/right conversation, one team composer. */
.lobby-message{width:fit-content;max-width:86%;box-sizing:border-box;margin:0 auto 14px 0;border-radius:4px 16px 16px 16px;box-shadow:0 3px 12px #00000015}.lobby-message.mine{margin-left:auto;margin-right:0;background:linear-gradient(135deg,#29443f,#203940);border:1px solid #61785e66;border-radius:16px 4px 16px 16px}.lobby-message-head{flex-wrap:wrap;gap:5px 10px}.lobby-message-head strong{font-size:13px;color:#efdab2}.lobby-message-head .lobby-identity{font-size:11px;color:#afc2d4}.lobby-message-head time{font-size:10px;opacity:.8}.lobby-kind{font-size:10px;border:1px solid #617182;border-radius:5px;padding:1px 5px}.lobby-message.mine .lobby-identity{color:#bad4c6}.lobby-message-text{margin-top:9px}.team-manage{display:flex;gap:8px;margin-top:12px}.team-manage button{flex:1}#team-join-form button{width:100%;margin-top:8px}#record-send-mode{background:#172b3e;border:1px solid #526b83;border-radius:8px;color:#dce5ed;padding:10px;max-width:115px;flex:none}#command-form input{min-width:0}#command-form button{white-space:nowrap}@media(max-width:560px){.lobby-message{max-width:94%;padding:10px 12px}.lobby-message-head{gap:4px 7px}#command-form{gap:6px}#record-send-mode{max-width:92px;padding:8px 5px;font-size:12px}#command-form button{padding:10px 8px;font-size:12px}}

/* V84: responsive adventure terminal. No extra assets, requests or polling. */
:root{--ui-line:#7187a530;--ui-surface:#17283d;--ui-muted:#afc1d6;color-scheme:dark}
html{scroll-padding-top:16px;scrollbar-color:#718b9f #0d1b2b;scrollbar-width:thin}
*{scrollbar-width:thin;scrollbar-color:#657e94 #101e30}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#101e30;border-radius:12px}
::-webkit-scrollbar-thumb{background:#607a90;border:2px solid #101e30;border-radius:12px}
::-webkit-scrollbar-thumb:hover{background:#b99b6c}
body{background:radial-gradient(ellipse at 12% 0,#243e5555,transparent 48%),#0b1422}
button,input,select,summary{ -webkit-tap-highlight-color:transparent}
button,summary{touch-action:manipulation}
button,input,select{min-height:40px;max-width:100%}
button{transition:background .16s,border-color .16s,box-shadow .16s;color:#e6edf5;line-height:1.4}
button:not(.primary):not(:disabled):hover{border-color:#c8a975;background-color:#d4b27319}
button:disabled{cursor:not-allowed}
input,select{border-color:#627c935c!important;border-radius:11px!important;box-shadow:inset 0 1px 3px #0002;color:#eef4fa}
input::placeholder{color:#94a8bd;opacity:1}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #f0cf91;outline-offset:3px}
.shell{max-width:1680px;padding:0 24px 30px}
.panel{border-color:var(--ui-line);background:linear-gradient(155deg,#182a40,#132136);border-radius:20px;box-shadow:0 10px 28px #0002}
.layout{grid-template-columns:220px minmax(0,1fr) 238px;gap:20px}
.layout>*,.lobby-layout>*,.identity-card>*,.view-heading>*{min-width:0}
.top{border-bottom-color:#9caec320}.topright{gap:10px}.topright button{border-color:var(--ui-line);background:#ffffff06}
.hero{min-height:146px;margin:20px 0;padding:24px 30px;background:linear-gradient(120deg,#263e51,#1a293e);border-color:#bca36d45;box-shadow:0 8px 24px #0002}
.hero h1{font-size:30px}.hero-art{width:98px;height:98px;font-size:52px}
.play-head{gap:10px;flex-wrap:wrap;padding:20px 22px;border-bottom-color:var(--ui-line)}
.play-head .activity{margin-left:auto;color:#adbfce;max-width:100%;white-space:normal}
.view-tabs{gap:6px;padding:12px 14px;scrollbar-width:thin;border-color:var(--ui-line)}
.view-tabs button{border:1px solid transparent;border-radius:11px;min-width:78px;padding:10px 12px;font-size:13px;color:#b3c5d8}
.view-tabs button.selected{background:linear-gradient(145deg,#d4b27325,#d4b2730b);color:#ffdfaa;border-color:#d6b87d66;box-shadow:inset 0 1px #fff1}
.view-panel{padding:22px;min-height:0}.view-heading{flex-wrap:wrap;gap:10px}.view-heading>div{flex:1 1 180px}.view-heading h3{font-family:inherit;font-size:21px;letter-spacing:.5px}
.primary,.composer button,.benefits-buy{box-shadow:inset 0 1px #fff4,0 4px 12px #0002;border-radius:12px}
.subtle-button,.action,.quick-action,.aside .link,.pager button,.system-grid button{border:1px solid #728ba342;background:#a6bac50a;border-radius:10px;color:#d8e5f1;padding:10px 12px}
.utility-drawer{min-width:0}.utility-drawer>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:12px 14px;border-radius:12px;color:#e7d2ae;background:#ffffff05;cursor:pointer}
.utility-drawer>summary::-webkit-details-marker{display:none}
.utility-drawer>summary:after{content:'＋';font-size:19px;color:#cead78;flex:none}
.utility-drawer[open]>summary:after{content:'−'}
.utility-drawer>summary small{font-size:11px;color:#92a9bf;flex:1;text-align:right}
.drawer-content{padding:18px 0 0}.sidebar{padding:14px}.sidebar .section-title{font-size:12px;letter-spacing:1px}
.system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.steps{gap:8px}
.record-panel{padding:0}.record-modes{margin:0;padding:16px 18px;gap:10px;border-bottom:1px solid var(--ui-line)}
.record-modes button{flex:1;max-width:180px;border-radius:11px;border-color:#6b83954d;padding:10px 14px}
.record-modes .selected{background:#e0bb7224;border-color:#ddbd8270;color:#f5d8a5}
.record-tools{margin:12px 16px;border:1px solid var(--ui-line);border-radius:14px;overflow:hidden}
.record-tools>summary{border-radius:0}.record-actions{padding:10px 12px 14px}
.record-actions .quick-dock{padding:0 0 12px;flex-wrap:wrap;gap:8px;border:0;overflow:visible}
.action-tabs{gap:6px;padding-bottom:10px}.action-tabs button{border:1px solid #7187a530;border-radius:9px;padding:8px 10px;background:#ffffff04;font-size:12px}
.action-tabs button.selected{border-color:#d5b6798a;color:#f3d8a8;background:#d5b67915}
.action-grid{gap:8px}.action-grid .action{font-size:12px}
.feed{gap:16px;background:#0d1b2c;padding:18px;overscroll-behavior:contain;scrollbar-gutter:stable}
#view-record .feed{height:clamp(320px,53vh,600px);min-height:320px;border:0;border-radius:0}
.bubble{border-color:#6c87964d;background:#1c3048;box-shadow:0 3px 10px #0001;font-size:14px;line-height:1.8}
.bubble.user{background:#354438;border-color:#8b9c7b66}.stamp{color:#9dafc3}
.composer{padding:14px;gap:10px;background:#16283a;border-color:var(--ui-line)}
.composer input{padding:12px;min-height:46px}.composer button{min-height:46px;white-space:nowrap;padding:10px 16px}
.hint{font-size:12px;line-height:1.7;padding:0 16px 12px;overflow-wrap:anywhere;color:#9fb3c9}
.lobby-heading{gap:10px;margin-bottom:18px;flex-wrap:wrap}.lobby-heading h3{font-family:inherit;letter-spacing:.5px;font-size:22px}.lobby-heading p{font-size:13px;line-height:1.6}
.lobby-badge{font-size:11px;border-color:#6e93774d;background:#5e8a6314;line-height:1.5}
.lobby-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}
.lobby-feed{height:clamp(360px,52vh,590px);border-color:var(--ui-line);background:#0d1b2c}
.lobby-message{border:1px solid #7187a52b;box-shadow:none}.lobby-message-text{line-height:1.8}
.lobby-teams{padding:18px;border-color:var(--ui-line);background:linear-gradient(145deg,#1b2d42,#15273b);max-height:760px}
.lobby-teams>h4{font-size:16px;letter-spacing:.5px}.lobby-teams input{min-height:44px;font-size:14px}.lobby-teams button{min-height:44px}
.recruit-card{width:100%;display:block;margin:12px 0;background:#ffffff04;border-color:#7c93a438}
.team-application{gap:8px}.team-application button{flex:1}#team-dissolve{color:#edbbb3;border-color:#ae766c66}
.lobby-feedback:empty{min-height:0;margin:0}.lobby-feedback{overflow-wrap:anywhere;padding:0 4px}
.identity-card{gap:16px}.identity-card h4{overflow-wrap:anywhere}.metric{background:#ffffff04;border-color:var(--ui-line);padding:15px}.metric strong{font-size:21px}
.detail{gap:10px;min-width:0}.detail strong{overflow-wrap:anywhere}.detail-grid{gap:10px}.inventory-item,.bar-card{border-color:var(--ui-line);background:#ffffff04}
.page-categories{flex-wrap:wrap;gap:8px}.page-actions{gap:12px}.page-action{min-height:88px;border-color:var(--ui-line)}
.login-card{max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain}.login-card input{min-height:46px}
@media(max-width:1280px){.layout{grid-template-columns:200px minmax(0,1fr)}.aside{grid-column:2;grid-row:1;padding:14px}.play{grid-column:2;grid-row:2}.sidebar{grid-column:1;grid-row:1/3}.aside>div{display:none}.aside .vitals-card{margin:0}.lobby-layout{grid-template-columns:1fr}.lobby-teams{max-height:none}}
@media(min-width:761px) and (max-width:1050px){.layout{grid-template-columns:180px minmax(0,1fr);gap:14px}.view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.view-tabs button{min-width:0;width:100%;white-space:normal}.view-panel{padding:16px}.record-panel{padding:0}.page-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .shell{padding:0 10px max(18px,env(safe-area-inset-bottom))}.layout{display:flex;gap:12px}.panel{border-radius:16px}
  .top{min-height:68px;padding:8px 0;gap:8px}.brand{gap:8px}.crest{width:34px;height:34px;font-size:22px;border-radius:10px}.brand b{font-size:16px;letter-spacing:1px}.topright{max-width:58%;gap:6px}.topright button{padding:8px 10px;font-size:12px;min-height:40px}.topright #account-label{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
  .hero{min-height:0;padding:16px;margin:12px 0;border-radius:16px}.hero h1{font-size:22px;margin:6px 0;letter-spacing:1px}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero p,.hero-art{display:none}.hero .group-link{margin-top:8px;font-size:12px;padding:8px 12px;min-height:40px}
  .aside{order:0;padding:12px}.vitals-heading{margin-bottom:8px}.vitals-heading b{font-size:13px}.vitals-heading span{font-size:11px}.vitals-card .bar-row{font-size:12px}.vitals-card .bar-track{height:7px;margin:4px 0 8px}.vitals-card p{font-size:11px;line-height:1.5}
  .play{order:1}.sidebar{order:2;padding:8px}.drawer-content{padding:14px 4px 4px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step{font-size:13px;min-height:44px}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.system-grid button{font-size:12px;min-height:44px;padding:8px 5px}
  .play-head{padding:14px;gap:6px}.play-head h2{font-family:inherit;font-size:17px;letter-spacing:.5px}.play-head>span:not(.activity){display:none}.play-head .activity{font-size:11px!important;max-width:60%;line-height:1.5}
  .view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;overflow:visible}.view-tabs button{min-width:0;min-height:44px;width:100%;padding:8px 3px;white-space:normal;font-size:13px;border-color:#6b83952b;background:#ffffff03}
  .view-panel{padding:14px}.view-heading{margin-bottom:14px;gap:8px}.view-heading h3{font-size:19px}.view-heading p{font-size:12px}.view-heading>button{min-height:44px;font-size:12px;padding:9px 12px}
  button,summary{min-height:44px}input,select{font-size:16px!important;min-height:46px}
  .lobby-heading{align-items:flex-start;gap:10px}.lobby-heading h3{font-size:20px}.lobby-heading p{font-size:12px}.lobby-heading small{font-size:10px}.lobby-layout{gap:16px}.lobby-badge{max-width:100%;font-size:11px;padding:5px 10px}
  .lobby-feed{height:clamp(280px,45dvh,450px);min-height:280px;padding:12px 10px}.lobby-message{max-width:94%;padding:11px 12px;margin-bottom:14px}.lobby-message-head{gap:5px 8px}.lobby-message-head strong{font-size:13px}.lobby-message-head time{font-size:10px}.lobby-message-head .lobby-identity{font-size:11px}.lobby-message-text{font-size:14px}
  .lobby-panel .composer{margin-top:10px;padding:10px;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.composer button{padding:10px 14px;font-size:13px;min-height:46px}.composer input{width:100%;min-width:0;padding:11px 10px}.lobby-panel .hint{padding:10px 4px 0;margin:0;font-size:11px}
  .lobby-teams{padding:16px;border-radius:14px;max-height:none}.lobby-teams p{font-size:13px}.recruit-card{margin:12px 0;padding:14px}.roster-member{font-size:13px}.team-manage{gap:10px}
  .record-panel{padding:0}.record-modes{padding:12px;gap:10px}.record-modes button{max-width:none;font-size:13px}.record-tools{margin:10px 12px}.utility-drawer>summary{padding:12px;min-height:48px;font-size:13px}.utility-drawer>summary small{font-size:11px}
  .record-actions{padding:10px}.record-actions .quick-dock{flex-wrap:wrap;overflow:visible;padding:0 0 12px}.quick-action,.action{font-size:12px;padding:10px 12px;min-height:44px}.quick-label{width:100%;font-size:11px}.action-tabs{flex-wrap:wrap;overflow:visible;gap:7px}.action-tabs button{min-height:44px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.action-grid button{white-space:normal;text-align:center}
  #view-record .feed{height:clamp(300px,51dvh,540px);min-height:300px;padding:14px 10px}.bubble{max-width:96%;font-size:14px;padding:12px;line-height:1.8}.record-panel #team-record .hint{padding:8px 12px;margin:0;font-size:11px}.record-panel .hint{padding:8px 12px 12px;font-size:11px}
  #command-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}#command-form input{grid-column:1;min-width:0}#command-form button{grid-column:2;min-height:46px;padding:10px 12px;font-size:13px}
  .identity-card{min-height:0;padding:14px;gap:12px}.soul-portrait{width:70px;height:70px;border-radius:12px}.identity-card h4{font-size:21px}.identity-card p{line-height:1.7}.metric-grid{gap:9px}.metric{padding:12px}.metric strong{font-size:19px}.detail-grid.attributes{grid-template-columns:1fr}.detail{gap:12px;padding:12px;font-size:13px}.inventory-grid{gap:10px}.bar-card{padding:14px}
  .page-field{min-width:0;flex:1 1 100%}.page-operation{gap:12px;padding:14px}.builder-form{display:grid;grid-template-columns:minmax(0,1fr)}.builder-form .builder-input{width:100%}.catalog-tools{flex-wrap:wrap}.catalog-tools input,.catalog-tools select{min-width:0;max-width:100%}.catalog-list{grid-template-columns:1fr}.page-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-action{padding:12px}
  .benefits-page .view-heading>div{flex-basis:180px}.benefits-page .benefits-purchase{padding:18px;gap:16px}.benefits-page .benefits-purchase h4{font-size:20px}.benefits-page .benefits-purchase-action{min-width:0}.benefits-page .benefits-buy{min-height:50px}.noble-card .view-heading>button{white-space:normal}.support-redeem input{min-width:0}.benefit-select{width:100%;max-width:100%}.lottery-pools{flex-wrap:wrap;gap:8px}.lottery-pools button{flex:1 1 40%;min-width:0;font-size:12px}.lottery-controls{gap:10px}.lottery-controls button{font-size:13px;min-height:48px}.lottery-result-grid{gap:10px}
  .login-cover{padding:12px}.login-card{padding:22px;max-height:calc(100dvh - 24px);border-radius:18px}.login-card h2{font-size:25px}.login-card p{font-size:13px;line-height:1.8}.login-card .crest{width:40px;height:40px}
}
@media(max-width:380px){.shell{padding-left:8px;padding-right:8px}.brand b{font-size:14px}.topright{max-width:60%}.view-panel{padding:12px}.record-panel{padding:0}.view-tabs button{font-size:12px}.utility-drawer>summary small{display:none}.lobby-message-head time{margin-left:0}.metric strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){button,input,select{transition:none}.feed{scroll-behavior:auto}}

/* V85: compact cards and controls; original data and command flows retained. */
body{font-size:13px}
button,input,select{min-height:34px}button{font-size:12px}
.panel{border-radius:12px}.layout{gap:16px}.shell{padding-bottom:22px}
.hero{min-height:110px;padding:18px 24px;margin:16px 0}.hero h1{font-size:26px}.hero-art{width:76px;height:76px;font-size:42px}
.play-head{padding:13px 16px}.play-head h2{font-size:18px}
.view-tabs{padding:8px 10px;gap:5px}.view-tabs button{min-height:34px;padding:6px 10px;font-size:12px;border-radius:8px}
.view-panel{padding:16px}.record-panel{padding:0}.view-heading{margin-bottom:12px;gap:7px}.view-heading h3{font-size:18px;margin-bottom:3px}
.subtle-button,.action,.quick-action,.aside .link,.pager button,.system-grid button{padding:6px 9px;border-radius:8px}
.identity-card{min-height:0;padding:12px;gap:12px;margin-bottom:10px;border-radius:10px}.soul-portrait{width:64px;height:64px;font-size:34px;border-radius:10px}.identity-card h4{font-family:inherit;font-size:20px;margin:3px 0}.identity-card p{line-height:1.5}.identity-card small{font-size:10px;letter-spacing:1px}
.detail-grid{gap:6px}.detail{padding:8px 10px;gap:8px;font-size:12px;min-height:34px;border-radius:8px}.detail span{flex:none}.detail strong{min-width:0;line-height:1.5}
.detail-grid.attributes{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.detail-grid.attributes .detail{min-height:52px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.detail-grid.attributes .detail span{font-size:11px;line-height:1.35}.detail-grid.attributes .detail strong{font-size:16px;margin:0;text-align:left;line-height:1.35;font-variant-numeric:tabular-nums}
.metric-grid{gap:6px}.metric,.metric-card,.activity-metric{padding:9px;border-radius:8px}.metric small{margin-bottom:4px}.metric strong,.activity-metric strong{font-size:18px;margin-top:3px}
.bar-card{padding:12px;margin-top:10px;border-radius:10px}.bar-row{margin-bottom:5px}.bar-track{height:7px;margin-bottom:10px}
.inventory-summary{gap:5px;margin-bottom:9px}.inventory-summary span{padding:4px 8px;font-size:11px}.inventory-grid{gap:6px}.item-card{padding:8px 10px;gap:8px;border-radius:8px;min-width:0}.item-card>div:first-child{min-width:0}.item-card strong{font-size:12px;margin-top:3px;line-height:1.5}.item-tools{gap:5px}.item-use{padding:4px 8px;font-size:11px}.pager{gap:8px;margin-top:12px}
.page-categories{gap:5px;margin-bottom:10px}.page-actions{gap:7px}.page-action{padding:10px;min-height:64px;border-radius:9px}.page-action strong{margin:4px 0;font-size:13px}.page-operation{padding:12px;gap:8px;margin-bottom:12px}.page-field{gap:4px}.page-result{margin-top:12px;padding-top:10px}.empty-state{padding:18px 12px}
.utility-drawer>summary{min-height:36px;padding:8px 10px;border-radius:9px;font-size:12px}.drawer-content{padding-top:10px}.sidebar{padding:10px}.step{min-height:34px;padding:6px 9px}
.record-modes{padding:9px 12px;gap:7px}.record-modes button{min-height:34px;padding:6px 10px}.record-tools{margin:6px 10px}.record-actions{padding:8px}.record-actions .quick-dock{gap:6px;padding-bottom:8px}.action-tabs{gap:5px;padding-bottom:7px}.action-tabs button{min-height:32px;padding:5px 8px}.action-grid{gap:6px}
.composer{padding:10px;gap:7px}.composer input{min-height:40px;padding:8px 10px}.composer button{min-height:40px;padding:8px 12px;font-size:12px;border-radius:9px}
.feed{gap:10px;padding:12px}.bubble{font-size:13px;line-height:1.7;padding:10px 12px}.hint{font-size:11px;line-height:1.55;padding:0 12px 9px}
.lobby-heading{margin-bottom:12px;gap:7px}.lobby-heading h3{font-size:19px;margin:3px 0}.lobby-heading p{font-size:12px}.lobby-layout{gap:12px}.lobby-teams{padding:12px;border-radius:10px}.lobby-teams>h4{font-size:14px}.lobby-teams p{font-size:12px}.lobby-teams label{margin:8px 0 4px}.lobby-teams input{min-height:40px;padding:8px 10px}.lobby-teams button{min-height:34px}.recruit-card{padding:10px;margin:8px 0;border-radius:9px}.recruit-card-head h4{font-size:13px}.roster-member{font-size:12px}.team-manage{gap:7px;margin-top:8px}
.lobby-feed{padding:10px}.lobby-message{padding:9px 11px;margin-bottom:10px}.lobby-message-text{font-size:13px;line-height:1.7;margin-top:6px}.lobby-message-head strong{font-size:12px}
.benefits-page .benefits-purchase{padding:18px;gap:14px;margin:10px 0 14px;border-radius:12px}.benefits-page .benefits-purchase h4{font-size:19px;margin:6px 0}.benefits-page .benefits-purchase-tags{gap:5px;margin-top:8px}.benefits-page .benefits-purchase-tags span{padding:3px 7px;font-size:10px}.benefits-page .benefits-purchase-foot{padding-top:10px!important}.benefits-page .benefits-buy{padding:10px 14px;font-size:14px;border-radius:9px;min-height:40px}.benefits-page .benefits-purchase-action{gap:8px}.benefits-page .benefits-exchange{padding:12px;margin-bottom:14px;border-radius:10px}.benefits-page .benefits-exchange .support-redeem{margin:9px 0 6px}.noble-rank{font-size:22px;letter-spacing:1px}.noble-crest{font-size:24px}.noble-identity{gap:8px;margin:8px 0}.noble-tier{padding:10px}.noble-tier p,.benefit-reward p{font-size:12px;line-height:1.6}.benefit-reward{padding:9px;gap:7px}.benefit-buttons{gap:6px}.noble-card .view-heading>button{width:auto}
.lottery-page .view-heading h3{font-size:21px}.lottery-balances>div{padding:9px}.lottery-balances strong{font-size:19px}.lottery-pools{gap:6px}.lottery-pools button{min-height:34px;padding:6px 8px}.lottery-controls{gap:7px}.lottery-controls button{min-height:40px;padding:8px;font-size:12px}.lottery-result-grid{gap:7px}
@media(max-width:760px){
  .shell{padding:0 8px max(14px,env(safe-area-inset-bottom))}.layout{gap:8px}.panel{border-radius:11px}
  .top{min-height:52px;padding:6px 0}.crest{width:28px;height:28px;font-size:18px;border-radius:8px}.brand b{font-size:14px;letter-spacing:.5px}.topright button{min-height:30px;padding:5px 7px;font-size:11px}.topright{gap:5px}.topright #account-label{font-size:10px}
  .hero{padding:10px 12px;margin:8px 0;border-radius:11px}.hero h1{font-size:18px;margin:4px 0}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero .group-link{min-height:30px;margin-top:5px;padding:5px 9px;font-size:11px}
  button,summary{min-height:32px}input,select{min-height:40px;font-size:16px!important}
  .aside{padding:8px 10px}.vitals-heading{margin-bottom:5px}.vitals-card .bar-row{font-size:11px}.vitals-card .bar-track{height:5px;margin:3px 0 6px}.vitals-card p{margin:4px 0 0;font-size:10px}
  .play-head{padding:9px 11px}.play-head h2{font-size:15px}.play-head .activity{font-size:10px!important}
  .view-tabs{padding:7px;gap:5px}.view-tabs button{min-height:32px;padding:5px 3px;font-size:12px;border-radius:7px}
  .view-panel{padding:11px}.record-panel{padding:0}.view-heading{margin-bottom:10px;gap:5px}.view-heading>div{flex-basis:130px}.view-heading h3{font-size:17px}.view-heading p{font-size:11px}.view-heading>button{min-height:32px;padding:5px 8px;font-size:11px}
  .identity-card{padding:10px;gap:10px;margin-bottom:8px}.soul-portrait{width:50px;height:50px;font-size:28px;border-radius:8px}.identity-card h4{font-size:18px}.identity-card p{font-size:11px}.identity-card small{font-size:9px}
  #status-content .detail-grid{grid-template-columns:1fr;gap:5px}.detail{padding:7px 9px;gap:8px;font-size:12px;min-height:32px}.detail span{font-size:11px}.detail strong{font-size:12px}
  .detail-grid.attributes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.detail-grid.attributes .detail{min-height:50px;padding:7px 9px;gap:3px}.detail-grid.attributes .detail strong{font-size:15px}.detail-grid.attributes .detail span{font-size:11px}
  .metric-grid{gap:6px}.metric{padding:8px}.metric strong{font-size:17px}.bar-card{padding:10px}.inventory-grid{grid-template-columns:1fr;gap:5px}.item-card{padding:7px 9px}.item-tools{flex-direction:row;align-items:center;gap:7px}.item-tools b{font-size:12px}.item-use{min-height:28px;padding:4px 8px;font-size:11px}
  .page-actions{gap:6px}.page-action{padding:9px;min-height:60px}.page-action strong{font-size:12px}.page-operation{padding:10px;gap:8px}.page-categories button{padding:5px 8px}.system-grid{gap:6px}.system-grid button{min-height:32px;padding:5px 4px;font-size:11px}.step{font-size:12px;min-height:32px}.drawer-content{padding:8px 3px 3px}.sidebar{padding:6px}.utility-drawer>summary{min-height:34px;padding:7px 9px;font-size:12px}.utility-drawer>summary small{font-size:10px}
  .record-modes{padding:8px 10px;gap:6px}.record-modes button{font-size:12px;min-height:32px}.record-tools{margin:6px 8px}.quick-action,.action{min-height:32px;padding:6px 8px;font-size:11px}.action-tabs button{min-height:32px;font-size:11px}.action-grid{gap:6px}.record-actions{padding:7px}
  #view-record .feed{padding:10px 8px;gap:9px}.bubble{font-size:13px;padding:9px 10px;line-height:1.7}.record-panel .hint,.record-panel #team-record .hint{font-size:10px;padding:6px 10px;line-height:1.5}
  #command-form{gap:6px;padding:9px;padding-bottom:max(9px,env(safe-area-inset-bottom))}#command-form input{min-height:40px;padding:7px 9px}#command-form button{min-height:40px;padding:7px 10px;font-size:12px}
  .lobby-heading{gap:6px}.lobby-heading h3{font-size:18px}.lobby-heading p{font-size:11px}.lobby-badge{padding:4px 8px;font-size:10px}.lobby-layout{gap:10px}.lobby-feed{padding:9px 8px}.lobby-message{padding:8px 10px;margin-bottom:9px}.lobby-message-text{font-size:13px}.lobby-message-head{gap:4px 6px}.lobby-message-head strong{font-size:12px}.lobby-message-head .lobby-identity{font-size:10px}.lobby-panel .composer{padding:8px;gap:6px;margin-top:8px}.composer button{min-height:40px;padding:7px 10px;font-size:12px}.composer input{min-height:40px;padding:7px 9px}.lobby-teams{padding:11px}.lobby-teams input{min-height:40px}.lobby-teams button{min-height:32px}.lobby-teams p{font-size:12px}.roster-member{font-size:12px}.recruit-card{padding:9px;margin:7px 0}.team-manage{gap:6px}
  .benefits-page .benefits-purchase{padding:12px;gap:10px;border-radius:11px}.benefits-page .benefits-purchase h4{font-size:18px}.benefits-page .benefits-purchase p{font-size:11px;line-height:1.6}.benefits-page .benefits-buy{min-height:40px;padding:8px 12px;font-size:13px}.benefits-page .benefits-exchange{padding:11px}.benefits-page .benefits-exchange h4{font-size:14px}.benefits-page .support-redeem{flex-direction:row;gap:6px}.benefits-page .support-redeem input{flex:1;min-width:0;width:0}.benefits-page .support-redeem button{width:auto;min-height:40px;font-size:12px;padding:7px 9px}.noble-card .view-heading>button{width:auto}.noble-rank{font-size:20px}.noble-level{font-size:10px;padding:3px 8px}.noble-tiers{gap:7px}.benefit-reward{padding:8px;gap:6px}.benefit-reward p{margin:5px 0;font-size:11px}.benefit-reward button{padding:5px 8px;font-size:11px}
  .lottery-page .view-heading h3{font-size:18px}.lottery-balances>div{padding:8px}.lottery-balances strong{font-size:18px}.lottery-controls button{min-height:38px;font-size:11px;padding:7px 5px}.lottery-pools{gap:5px}.lottery-pools button{min-height:32px;font-size:11px}.lottery-result-grid{gap:6px}.lottery-set-gallery .lottery-art{height:170px}
  .login-card{padding:18px;border-radius:14px}.login-card h2{font-size:22px}.login-card p{font-size:12px;line-height:1.65}.login-card label{margin-top:12px}.login-card input{min-height:40px;padding:8px 10px}.login-card .primary{min-height:40px;padding:8px;margin-top:16px}
}

/* V86: one shared two-column layout and native horizontal benefit rails. */
#status-content .detail-grid,#attributes-content .detail-grid.attributes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#status-content .detail,#attributes-content .detail-grid.attributes .detail{display:grid;grid-template-columns:minmax(48px,.7fr) minmax(0,1.7fr);align-items:center;justify-content:normal;gap:8px;min-width:0;min-height:38px;padding:8px 10px}
#status-content .detail span,#attributes-content .detail span{min-width:0;font-size:11px;line-height:1.45;white-space:normal}
#status-content .detail strong,#attributes-content .detail-grid.attributes .detail strong{display:block;min-width:0;margin:0;font-size:13px;line-height:1.5;text-align:right;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.benefit-rail-hint{margin:10px 0 6px;color:var(--muted);font-size:11px;line-height:1.6}
#noble-tiers,#pass-rewards{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82%,300px);gap:10px;max-width:100%;min-width:0;margin-top:8px;padding:2px 2px 10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c49c62 #0d1b2e;align-items:stretch}
#noble-tiers:focus-visible,#pass-rewards:focus-visible{outline:2px solid #e8bd72;outline-offset:3px;border-radius:8px}
#noble-tiers::-webkit-scrollbar,#pass-rewards::-webkit-scrollbar{height:7px}
#noble-tiers::-webkit-scrollbar-track,#pass-rewards::-webkit-scrollbar-track{background:#0d1b2e;border-radius:8px}
#noble-tiers::-webkit-scrollbar-thumb,#pass-rewards::-webkit-scrollbar-thumb{background:#b99157;border-radius:8px}
#noble-tiers>.noble-tier,#pass-rewards>.benefit-reward{min-width:0;scroll-snap-align:start;border:1px solid #ffffff25;border-radius:10px;background:#0b1728;overflow-wrap:anywhere}
#noble-tiers>.noble-tier{display:flex;flex-direction:column;padding:12px}
#noble-tiers>.noble-tier.current{border-color:#e8bd72;background:linear-gradient(145deg,#3b2d19,#132035)}
#noble-tiers>.noble-tier>button{margin-top:auto;min-height:34px}
#pass-rewards>.benefit-reward{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr;align-content:start;gap:9px;padding:12px}
#pass-rewards>.benefit-reward>b{font-size:15px;color:#f0c987;border-bottom:1px solid #ffffff20;padding-bottom:7px}
#pass-rewards>.benefit-reward>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px;border-radius:7px;background:#ffffff04}
#pass-rewards>.benefit-reward>div:last-child{background:#e8bd720a}
#pass-rewards>.benefit-reward p{margin:0;font-size:12px;line-height:1.65}
#pass-rewards>.benefit-reward small{font-size:11px}
#pass-rewards>.benefit-reward button{min-height:32px;margin-top:auto}
@media(max-width:760px){
  #status-content .detail,#attributes-content .detail-grid.attributes .detail{grid-template-columns:1fr;align-content:center;gap:3px;padding:7px 9px;min-height:50px}
  #status-content .detail strong,#attributes-content .detail-grid.attributes .detail strong{text-align:left;font-size:14px}
  #noble-tiers,#pass-rewards{grid-auto-columns:min(85%,280px);gap:8px}
  #noble-tiers>.noble-tier,#pass-rewards>.benefit-reward{padding:10px}
}
.game-reply-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.bubble .game-reply-image,.lobby-message .game-reply-image{display:block;width:auto;max-width:min(100%,420px);max-height:300px;object-fit:contain;margin:6px 0 10px;border-radius:8px}

/* V106: current combat enemy, compact on desktop and mobile. */
.vitals-enemy{margin:10px 0 9px;padding-top:10px;border-top:1px solid #b3727240}.vitals-enemy[hidden]{display:none}.enemy-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.enemy-heading>span{color:#c29298;font-size:10px;white-space:nowrap}.enemy-heading strong{color:#f1c8c1;font-size:12px;text-align:right;overflow-wrap:anywhere}.vitals-enemy .bar-fill.enemy{background:linear-gradient(90deg,#bd505a,#e7967d);box-shadow:0 0 9px #d2686340}.vitals-card .vitals-enemy .bar-track{margin-bottom:0}.vitals-enemy .bar-row{font-variant-numeric:tabular-nums}@media(max-width:700px){.vitals-enemy{padding-top:7px;margin:7px 0}.enemy-heading{margin-bottom:3px}.enemy-heading strong{font-size:11px}}@media(prefers-reduced-motion:reduce){.vitals-enemy .bar-fill{transition:none}}
/* V123: reward availability. */
#view-benefits button.reward-claim.is-claimable{background:linear-gradient(145deg,#ffe18a,#e4b84e);border-color:#efd078;color:#35280e;box-shadow:0 2px 9px #e4b84e24;font-weight:600}
#view-benefits button.reward-claim.is-claimable:hover:not(:disabled){background:#ffe49b;border-color:#ffe9b2}
#view-benefits button.reward-claim.is-claimed{background:#303a47;border-color:#48515e;color:#aab3be;box-shadow:none;opacity:1;cursor:default}
#view-benefits button.reward-claim.is-locked{background:#1b293a;border-color:#3a475a;color:#7f8da0;box-shadow:none}
#view-benefits button.reward-claim.is-claimable:disabled{opacity:.6;cursor:wait}
#view-benefits button.reward-claim:focus-visible{outline:2px solid #ffe9b2;outline-offset:3px}
/* V141: personal shortcuts and a clear separation between selection and execution. */
.record-actions .quick-dock{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:10px 0 12px;overflow:visible;border-bottom:1px solid #91a5bd24}
.quick-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-header .quick-label{font-size:12px;color:#dce5ef}.quick-settings{border:1px solid #7895b752;border-radius:7px;background:#6f94bc14;color:#bcd6f0;padding:4px 10px;font-size:11px;cursor:pointer}
.quick-items,.quick-recent{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.quick-items .quick-action{padding:6px 9px;border-radius:7px;background:#b9934a14;border-color:#c5a56865;color:#f3dfb8;font-size:11px;line-height:1.45}.quick-items .quick-action[data-quick-mode=fill]{border-style:dashed;background:#6b90b41a;border-color:#7da2c168;color:#c4ddf2}.quick-items .quick-action[data-quick-mode=fill]::after{content:'＋';margin-left:5px;font-size:10px;opacity:.8}.quick-empty{font-size:11px;color:#91a5bc}.quick-recent{padding-top:2px}.quick-recent .quick-action{padding:4px 7px;font-size:10px;border-color:#6f839236;background:transparent;color:#a5b9cc}
.quick-editor{padding:12px;margin:0 0 12px;border:1px solid #7395b55c;border-radius:10px;background:#101f32}.quick-editor[hidden]{display:none}.quick-editor-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.quick-editor-heading strong{font-size:12px;color:#e2ebf5}.quick-editor-heading small{font-size:10px;color:#91a9c2}.quick-editor-list{display:grid;gap:7px;max-height:360px;overflow:auto;padding:1px 3px 1px 1px;scrollbar-width:thin;scrollbar-color:#526a83 transparent}
.quick-editor-row{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(140px,1.6fr) 112px auto;gap:6px;align-items:center}.quick-editor-row input,.quick-editor-row select{box-sizing:border-box;width:100%;min-width:0;padding:7px 8px;border:1px solid #647f9c69;border-radius:6px;background:#0a1728;color:#deebf5;font-size:11px}.quick-row-tools{display:flex;gap:3px}.quick-row-tools button,.quick-secondary{padding:5px 7px;border:1px solid #6482a14d;border-radius:6px;background:#7892b00b;color:#a9c2dc;font-size:10px;white-space:nowrap;cursor:pointer}.quick-row-tools .quick-remove{color:#d3a2a2;border-color:#a15e5e45}.quick-row-tools button:disabled{opacity:.3;cursor:default}.quick-editor-tools{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.quick-save{padding:6px 12px;border:1px solid #cba45c;border-radius:6px;background:#bd96452b;color:#ffe1a8;font-size:11px;cursor:pointer}.quick-error{min-height:1em;margin:7px 0;color:#e4b77a;font-size:11px}
.operation-section-label{margin:10px 0 6px;color:#819db9;font-size:10px;letter-spacing:.5px}.record-actions .action-tabs{gap:4px;padding:4px;margin-bottom:12px;border:1px solid #769cbb29;border-radius:9px;background:#09182a69}.record-actions .action-tabs button{border:1px solid transparent;border-radius:6px;padding:6px 10px;color:#93afc8;font-size:11px;background:transparent}.record-actions .action-tabs button.selected{border-color:#6c9fc66b;background:#5990bd25;color:#d5e9fb}.record-actions .command-section-label{color:#bcaa83}.record-actions .action-grid{gap:6px;padding-bottom:5px}.record-actions .action-grid .action{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #b4965a8c;border-radius:7px;background:linear-gradient(145deg,#b18d3e29,#8e73371a);color:#eddbb9;font-size:11px}.record-actions .action-grid .action[data-command-mode=send]::before{content:'›';color:#dbb971;font-size:14px;line-height:1}.record-actions .action-grid .action[data-command-mode=form]{border-style:dashed;background:#7793b117;border-color:#7793b17a;color:#c6d9eb}.command-mode-label{padding:1px 4px;border-radius:4px;background:#7197b825;font-size:9px;color:#a8c7e0}
.quick-dock button:focus-visible,.quick-editor button:focus-visible,.quick-editor input:focus-visible,.quick-editor select:focus-visible,.record-actions .action-tabs button:focus-visible,.record-actions .action-grid .action:focus-visible{outline:2px solid #9bc7ec;outline-offset:2px}
@media(max-width:1000px){.quick-editor-row{grid-template-columns:minmax(80px,1fr) minmax(120px,1.6fr)}.quick-editor-row .quick-mode{grid-column:1}.quick-row-tools{justify-content:flex-end}}
@media(max-width:560px){.quick-editor{padding:10px}.quick-editor-list{max-height:330px}.quick-editor-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);padding:7px;border:1px solid #7893ad25;border-radius:7px}.quick-editor-row .quick-mode{grid-column:1}.quick-header{gap:8px}.quick-items{flex-wrap:wrap;overflow:visible;padding-bottom:4px}.quick-items .quick-action{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:6px 9px}.quick-recent{flex-wrap:wrap;overflow:visible;max-width:100%;padding-bottom:3px}.quick-recent>*{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}.record-actions .action-tabs button{padding:6px 8px}.record-actions .action-grid .action{padding:6px 8px}}

/* V142: two independent native disclosure panels. */
.record-actions .operation-fold{min-width:0;border:1px solid #7893ad2b;border-radius:9px;overflow:hidden;background:#0b192a22}.record-actions .operation-fold+.operation-fold{margin-top:7px}.record-actions .operation-fold>summary{min-height:32px;padding:7px 9px;border-radius:0;gap:8px;font-size:12px}.record-actions .operation-fold>summary:focus-visible{outline:2px solid #9bc7ec;outline-offset:-2px}.record-actions .operation-fold>summary small{font-size:10px}.record-actions .operation-fold[open]>summary{border-bottom:1px solid #7893ad25}.record-actions #quick-fold>.quick-dock{margin:0 9px;padding:8px 0;border-bottom:0}.record-actions #quick-fold>.quick-editor{margin:0 9px 9px}.record-actions #category-fold>.operation-section-label{margin:9px 9px 6px}.record-actions #category-fold>.action-tabs{margin:0 9px 8px}.record-actions #category-fold>.action-grid,.record-actions #category-fold>.catalog-panel,.record-actions #category-fold>.command-builder{margin:0 9px 9px}

/* V142 final: categories first, compact horizontal shortcut settings. */
.record-actions .quick-settings{white-space:nowrap;flex:0 0 auto;writing-mode:horizontal-tb;min-width:46px}.quick-editor-tools button{white-space:nowrap}.quick-row-tools{flex-wrap:nowrap}
@media(max-width:560px){.quick-editor-heading{align-items:center}.quick-editor-heading strong{white-space:nowrap}.quick-editor-heading small{font-size:10px}.quick-editor-row{grid-template-columns:80px minmax(0,1fr);gap:6px}.quick-editor-row input{padding:7px 6px}.quick-editor-row .quick-mode{font-size:10px;padding:6px 4px}.quick-row-tools{align-items:center;justify-content:flex-end}.quick-row-tools button{flex:1 1 0;min-width:0;padding:6px 3px;font-size:10px}.quick-editor-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.quick-editor-tools button{width:100%;min-width:0;padding:7px 2px;font-size:10px}.quick-header{flex-wrap:nowrap}.quick-header .quick-label{white-space:nowrap}}

/* V143: mobile live status between game record and system guide. */
@media (max-width:760px){.layout>.aside{display:block;order:2;position:static}.layout>.sidebar{order:3}.layout>.aside .vitals-card{display:block;margin:0}.layout>.aside .vitals-heading{display:flex}.layout>.aside .vitals-card .bar-track{display:block}}

/* Shortcut settings stay in the visible fold title while lists wrap. */
.record-actions .quick-panel{min-width:0;margin-top:7px;border:1px solid #7893ad2b;border-radius:9px;overflow:hidden;background:#0b192a22}
.record-actions .quick-panel>#quick-fold{margin:0;border:0;border-radius:0}
.record-actions .quick-panel>#quick-fold>summary{min-width:0;padding:6px 9px;font-size:11px;justify-content:flex-start}
.record-actions #quick-fold>summary:after{margin-left:auto}
.record-actions #quick-fold>summary>span{flex:0 0 auto;white-space:nowrap}
.record-actions #quick-fold>summary>.quick-settings{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:42px;min-height:26px;padding:3px 8px;font-size:10px;white-space:nowrap;writing-mode:horizontal-tb}

/* Soul-master visual theme. Static art and short interaction feedback only. */
.douluo-skin{--gold:#d9b77a;--muted:#a9bacb;--edge:#7088a02e;background:radial-gradient(ellipse at 50% 0,#28404c55,transparent 55%),#0b1420;color:#e4ebf2}
.douluo-skin .top{border-bottom-color:#b7a17328}
.douluo-skin .crest{position:relative;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#9e77301a,#132638);border-color:#d9b77a90;box-shadow:0 0 0 4px #d9b77a08,inset 0 0 0 4px #d9b77a09;font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:21px;font-weight:400}
.douluo-skin .crest:after{content:'';position:absolute;inset:-5px;border:1px solid #d9b77a28;border-radius:50%;pointer-events:none}
.douluo-skin .brand b{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:600;letter-spacing:3px;color:#f0dfbd}
.douluo-skin .brand small{color:#9baab8;letter-spacing:1.5px}
.douluo-skin .hero{position:relative;isolation:isolate;min-height:136px;padding:21px 27px;border-radius:13px;border-color:#c8a86a45;background:linear-gradient(90deg,#0e1b2af5 0%,#102235e8 41%,#14263775 73%,#14263745),url('/player/next/assets/village-night.webp') center 39%/cover no-repeat;box-shadow:inset 0 1px 0 #f3d39e14,0 9px 28px #02070e25}
.douluo-skin .hero:after{content:'';position:absolute;inset:7px;border:1px solid #d9b77a17;border-radius:8px;pointer-events:none;z-index:-1}
.douluo-skin .hero>div:first-child{max-width:75%;position:relative;z-index:1}
.douluo-skin .hero h1{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:clamp(23px,2.2vw,31px);letter-spacing:2px;color:#f7e8ce;text-shadow:0 2px 14px #0007;margin:6px 0 8px;line-height:1.35}
.douluo-skin .hero p{font-size:12px;color:#c0ceda;line-height:1.7;max-width:440px}
.douluo-skin .eyebrow{font-size:9px;font-weight:500;letter-spacing:3px;color:#d9b77abf}
.douluo-skin .group-link{border-radius:6px;padding:6px 10px;font-size:11px;border-color:#c5a26e50;background:#a5864020;color:#ead6ad;margin-top:12px;transition:background-color .15s,border-color .15s}
.douluo-skin .soul-sigil{position:relative;width:104px;height:104px;display:grid;place-items:center;transform:none;flex-shrink:0;color:#e4c68c;background:none;border:0;border-radius:0;box-shadow:none;margin-right:14px;pointer-events:none}
.douluo-skin .soul-sigil svg{position:absolute;width:100%;height:100%;inset:0;filter:drop-shadow(0 1px 8px #0a172d)}
.douluo-skin .soul-sigil>span{position:relative;font-family:'Songti SC',SimSun,serif;font-size:24px;color:#f2dbb0;line-height:1}
.douluo-skin .soul-sigil>small{position:absolute;bottom:-9px;font:8px/1.3 'Microsoft YaHei',sans-serif;letter-spacing:2px;color:#d2c3a5}
.douluo-skin .panel{background:linear-gradient(155deg,#192a3b,#132133 75%);border-color:#9eb6c62c;border-radius:12px;box-shadow:inset 0 1px 0 #c9d9df06,0 6px 20px #03091021}
.douluo-skin .play-head{border-bottom-color:#d7b77920;background:linear-gradient(90deg,#d1ae6010,transparent 65%);padding-block:14px}
.douluo-skin .play-head h2{font-family:'Songti SC',SimSun,serif;letter-spacing:2px;color:#ebd8b5}
.douluo-skin .view-tabs{gap:4px;padding-top:7px;background:#09172735;border-bottom-color:#afbdc51c;scrollbar-width:thin}
.douluo-skin .view-tabs>button{display:flex;justify-content:center;align-items:center;gap:6px;position:relative;border-radius:7px 7px 0 0;transition:color .15s,background-color .15s,border-color .15s;font-size:11px;min-width:max-content;padding:10px 9px;color:#aebdcb}
.douluo-skin .view-tabs>button.selected{color:#f0d49b;background:linear-gradient(#d3ae6d10,#d3ae6d07);border-bottom-color:#dfbd7b}
.douluo-skin .tab-glyph{width:15px;height:15px;flex:none;opacity:.85}
.douluo-skin .view-panel:not([hidden]){animation:soul-page-in .18s ease-out both}
@keyframes soul-page-in{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.douluo-skin .lobby-heading{border-bottom:1px solid #a5b8c21b;padding-bottom:12px;margin-bottom:13px}
.douluo-skin .lobby-heading small{font-size:8px;letter-spacing:2.5px;color:#c4ad85}
.douluo-skin .view-heading h3,.douluo-skin .lobby-heading h3{font-family:'Songti SC',SimSun,serif;letter-spacing:1px;color:#f0dfc1}
.douluo-skin .view-heading p,.douluo-skin .lobby-heading p{color:#9eb0c1}
.douluo-skin .identity-card{position:relative;overflow:hidden;border-color:#d3b57a3d;background:linear-gradient(110deg,#b6975620,#1a304333 65%,#142335);box-shadow:inset 0 1px 0 #f3dfb008}
.douluo-skin .identity-card:after{content:'';position:absolute;pointer-events:none;width:126px;height:126px;right:14px;top:50%;transform:translateY(-50%) rotate(-22deg);border:1px solid #d9b77a15;border-radius:50%;box-shadow:0 0 0 9px #d9b77a05,0 0 0 10px #d9b77a12,inset 0 0 0 14px #d9b77a06}
.douluo-skin .identity-card>*{position:relative;z-index:1}
.douluo-skin .soul-portrait{border:1px solid #d8b77c80;border-radius:9px;box-shadow:0 0 0 3px #d9b77a08;background:#0c1926}
.douluo-skin .identity-card small{color:#c8aa76;font-size:8px;letter-spacing:2px}
.douluo-skin .identity-card h4{color:#f1e1c4;font-family:'Songti SC',SimSun,serif;letter-spacing:1px}
.douluo-skin .detail{border-color:#a8bfd01e;background:linear-gradient(125deg,#ffffff04,#ffffff01);box-shadow:inset 0 1px 0 #ffffff03}
.douluo-skin .detail strong{color:#f1e5d1;font-variant-numeric:tabular-nums}
.douluo-skin .detail span{color:#a6b8c9}
.douluo-skin .account-card{position:relative;border-radius:9px;border-color:#d7b77b35;background:linear-gradient(130deg,#8e6b2926,#172b3a)}
.douluo-skin .account-card .label{font-size:8px;letter-spacing:2px;color:#baa578}
.douluo-skin .account-card strong{font-family:'Songti SC',SimSun,serif;color:#eddcbb}
.douluo-skin .section-title{font-size:11px;letter-spacing:1px;color:#d8bd8d}
.douluo-skin .section-title:before{content:'◇';font-size:9px;margin-right:7px;color:#a88d5a}
.douluo-skin .feed{background:#0c1a2b80;scrollbar-width:thin;scrollbar-color:#73899a60 transparent}
.douluo-skin .bubble:not(.system){background:#1b3043;border-color:#8094a630;box-shadow:0 2px 5px #0000000d}
.douluo-skin .bubble.user{background:#3b392e;border-color:#d0b47c48;color:#f1e3c8}
.douluo-skin .composer{background:#10203280}
.douluo-skin .composer input,.douluo-skin .login-card input{background:#0b1726;border-color:#8699ab46;transition:border-color .16s,box-shadow .16s}
.douluo-skin .composer input:focus,.douluo-skin .login-card input:focus{border-color:#d9b77a95;box-shadow:0 0 0 3px #d9b77a0b}
.douluo-skin .composer button,.douluo-skin .primary{border:1px solid #ecd39a60;background:linear-gradient(135deg,#e6c98d,#c7a36a);color:#20232a;box-shadow:inset 0 1px 0 #fff2d638,0 2px 6px #0002;border-radius:7px}
.douluo-skin :is(button,.group-link){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.douluo-skin :is(.subtle-button,.action,.quick-action,.step,.system-grid button,.aside .link){transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}
.douluo-skin :is(.subtle-button,.aside .link){border-color:#93a8bc38;color:#cad6e1;background:#9fb9ca08;border-radius:7px}
.douluo-skin button:not(:disabled):active,.douluo-skin .group-link:active{filter:brightness(.94)}
.douluo-skin :is(button,a,input,summary):focus-visible{outline:2px solid #e0c288;outline-offset:3px}
.douluo-skin .vitals-card{border-color:#c1a57440;background:linear-gradient(145deg,#253843,#15283a);border-radius:9px;box-shadow:inset 0 1px 0 #f1d2970c}
.douluo-skin .vitals-heading b{color:#e7d5b2;font-family:'Songti SC',SimSun,serif;letter-spacing:1px}
.douluo-skin .bar-track{box-shadow:inset 0 1px 3px #0005;border:1px solid #ffffff0a}
.douluo-skin .login-cover{background:linear-gradient(105deg,#09131ee8,#101c2d91),url('/player/next/assets/village-night.webp') center 48%/cover no-repeat;backdrop-filter:none;overflow:auto}
.douluo-skin .login-card{position:relative;padding:28px;border-radius:14px;border-color:#c8aa6e70;background:linear-gradient(155deg,#1e3040f5,#101e2efc);box-shadow:inset 0 1px 0 #f2d39b0e,0 22px 65px #0007}
.douluo-skin .login-card>.crest{margin:0 auto 19px;width:43px;height:43px}
.douluo-skin .login-eyebrow{text-align:center;font-size:9px;letter-spacing:3px;color:#c7ad7f}
.douluo-skin .login-card h2{font-family:'Songti SC',SimSun,serif;font-size:25px;letter-spacing:2px;text-align:center;color:#efdebf;margin:12px 0 17px}
.douluo-skin .login-card p{font-size:12px;line-height:1.8;color:#b8c6d2}
.douluo-skin .login-card label{color:#cfbd98}
.douluo-skin .utility-drawer>summary{color:#d9c49d}
.douluo-skin .empty-state{color:#9eb1c1;border-color:#93a9bc29;background:#09182820}
.douluo-skin .item-card,.douluo-skin .bar-card{border-color:#9bb1c22a;box-shadow:inset 0 1px 0 #ffffff04}
.douluo-skin .item-use{border-color:#d3b77c65;color:#e7d4b1}
@media(hover:hover){.douluo-skin :is(.subtle-button,.action,.quick-action,.step,.system-grid button,.aside .link):not(:disabled):hover{background:#d9b77a12;border-color:#c9ad766e;color:#f0dfbc}.douluo-skin .view-tabs>button:not(.selected):hover{color:#e4d1ad;background:#d9b77a08}}
@media(max-width:760px){.douluo-skin .hero{min-height:108px;padding:15px 17px;border-radius:10px;background-position:center 29%}.douluo-skin .hero>div:first-child{max-width:100%}.douluo-skin .hero h1{font-size:22px;letter-spacing:1px;margin:5px 0 6px}.douluo-skin .hero p{max-width:280px;font-size:10px;color:#c2cdd6}.douluo-skin .hero .eyebrow{font-size:8px;letter-spacing:2px}.douluo-skin .soul-sigil{display:none}.douluo-skin .view-tabs{padding-inline:9px;gap:3px}.douluo-skin .view-tabs>button{padding:9px 8px;font-size:10px;gap:4px}.douluo-skin .tab-glyph{width:13px;height:13px}.douluo-skin .play-head{padding-block:12px}.douluo-skin .panel{border-radius:10px}.douluo-skin .login-card{padding:23px}.douluo-skin .identity-card:after{width:94px;height:94px;right:-28px}.douluo-skin .vitals-card{padding:12px}.douluo-skin .group-link{padding:5px 8px;font-size:10px;margin-top:9px}}
@media(max-width:360px){.douluo-skin .hero h1{font-size:20px}.douluo-skin .view-tabs>button{padding-inline:6px}.douluo-skin .tab-glyph{display:none}}
@media(prefers-reduced-motion:reduce){.douluo-skin .view-panel:not([hidden]){animation:none}.douluo-skin :is(button,a,input,.bar-fill){transition:none;scroll-behavior:auto}}
@media(forced-colors:active){.douluo-skin .hero,.douluo-skin .panel,.douluo-skin .login-cover,.douluo-skin .login-card{background:Canvas;color:CanvasText}.douluo-skin .soul-sigil{color:CanvasText}}