:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#f4e8ce;background:#08070a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 50% 40%,#301823 0,#100c12 48%,#050507)}canvas{display:block;touch-action:none}@media(orientation:portrait){body:after{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:32px;color:#f4e8ce;background:#08070af5;font:600 18px/1.7 PingFang SC,sans-serif;text-align:center;white-space:pre-line;content:"请旋转至横屏\a战场会在横屏中完整展开"}}@media(prefers-reduced-motion:reduce){canvas{scroll-behavior:auto}}#app{position:relative}.profile-ui{position:absolute;z-index:30;inset:0;display:grid;place-items:center;overflow:auto;color:#f4e8ce;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#03070cad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.profile-ui button,.profile-ui input{font:inherit;box-sizing:border-box;min-height:44px}.profile-shell{display:flex;flex-direction:column;width:min(100%,1040px);max-height:100%;min-height:0;margin:0 auto;padding:clamp(18px,4.5vh,42px) max(18px,env(safe-area-inset-right)) clamp(18px,4.5vh,42px) max(18px,env(safe-area-inset-left));overflow:auto;border:1px solid rgba(185,151,100,.38);border-radius:18px;background:radial-gradient(circle at 72% 34%,rgba(98,39,44,.26),transparent 34%),linear-gradient(132deg,#0b1118f7,#14151cf7 52%,#21151bf7);box-shadow:0 24px 80px #00000075}.profile-header{position:relative;max-width:720px;margin:0 auto 14px;text-align:center}.profile-eyebrow{margin:0 0 5px;color:#d3a967;font-size:12px;letter-spacing:.28em}.profile-header h1{margin:0;color:#f5e5c7;font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:clamp(26px,4vw,38px);font-weight:600;letter-spacing:.2em}.profile-subtitle{max-width:640px;margin:8px auto 0;color:#a9a19b;font-size:13px;line-height:1.6}.profile-close-button{min-width:112px;min-height:44px;padding:8px 14px;color:#decba9;border:1px solid rgba(190,145,84,.5);border-radius:999px;background:#060b10b8;cursor:pointer}.profile-close-button:hover,.profile-close-button:focus-visible{color:#fff3d8;border-color:#d8b878}.profile-notice{min-height:22px;margin:0 auto 10px;color:#a8b4b5;font-size:13px;line-height:1.5;text-align:center}.profile-notice-error{color:#f0a9a5}.profile-notice-warning{color:#e3c37d}.profile-notice-info{color:#a8b4b5}.profile-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:960px;margin:0 auto}.profile-slot{display:flex;min-width:0;min-height:164px;overflow:hidden;border:1px solid rgba(185,151,100,.28);border-radius:14px;background:linear-gradient(145deg,#161f26f5,#0c1118f5);box-shadow:0 14px 34px #0003}.profile-slot-filled{border-color:#be9b6080}.profile-slot-selected{border-color:#d6ae6c;box-shadow:0 0 0 2px #d6ae6c33,0 16px 36px #00000047}.profile-slot-main{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;min-height:112px;padding:16px 16px 10px;color:#e8dbc3;border:0;background:transparent;text-align:left;cursor:pointer;touch-action:manipulation}.profile-slot-main:disabled{cursor:not-allowed;opacity:.58}.profile-slot-main:not(:disabled):hover,.profile-slot-main:not(:disabled):focus-visible{background:#d5b06e14}.profile-slot-identity{display:flex;align-items:baseline;gap:10px;width:100%;min-width:0}.profile-slot-id{flex:0 0 auto;color:#d0a661;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.profile-slot-name{min-width:0;overflow:hidden;color:#f0dfc0;font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:clamp(18px,2.2vw,25px);font-weight:600;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.profile-slot-empty .profile-slot-name{color:#d1c0a5}.profile-slot-hint,.profile-slot-status,.profile-slot-progress,.profile-slot-detail{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-slot-hint{margin-top:auto;color:#899398;font-size:12px}.profile-slot-status{margin-top:14px;color:#aeb3af;font-size:13px}.profile-slot-status.is-active{color:#e0bf7c}.profile-slot-progress{margin-top:5px;color:#ded0b6;font-size:12px}.profile-slot-detail{margin-top:4px;color:#7d898e;font-size:11px}.profile-slot-actions{display:flex;align-items:stretch;min-height:48px;border-top:1px solid rgba(185,151,100,.18)}.profile-action-button{min-width:58px;min-height:48px;padding:8px 10px;color:#bdb1a0;border:0;border-left:1px solid rgba(185,151,100,.18);background:#070c115c;cursor:pointer;touch-action:manipulation}.profile-action-button:hover,.profile-action-button:focus-visible{color:#fff0d1;background:#d5b06e1f}.profile-action-danger:hover,.profile-action-danger:focus-visible{color:#f2aaa5}.profile-action-button:disabled{cursor:not-allowed;opacity:.45}.profile-footer-copy{margin:0;color:#748087;font-size:11px;line-height:1.5;text-align:center}.profile-footer{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin:14px auto 0}.profile-dialog-backdrop{position:fixed;z-index:2;inset:0;display:grid;place-items:center;overflow:auto;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#03060ac7}.profile-dialog{width:min(100%,450px);max-height:calc(100dvh - 36px);overflow:auto;padding:clamp(22px,4vw,34px);border:1px solid rgba(214,174,108,.65);border-radius:16px;background:linear-gradient(145deg,#17222a,#0b1219);box-shadow:0 24px 70px #0000007a}.profile-dialog h2{margin:0;color:#f4e5c9;font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:26px;font-weight:600;letter-spacing:.1em}.profile-dialog-copy{margin:10px 0 20px;color:#afa69a;font-size:13px;line-height:1.6}.profile-name-form{display:flex;flex-direction:column;gap:8px}.profile-name-form label{color:#c9b995;font-size:13px}.profile-name-input{width:100%;min-height:52px;padding:10px 14px;color:#fff2d8;border:1px solid rgba(190,155,96,.62);border-radius:9px;outline:none;background:#04090eb8;font-size:18px;line-height:1.4;touch-action:manipulation}.profile-name-input:focus{border-color:#edc980;box-shadow:0 0 0 3px #edc98029}.profile-input-help,.profile-input-count{color:#7f8d91;font-size:11px}.profile-input-count{align-self:flex-end;margin-top:-23px}.profile-input-error{min-height:18px;color:#f1aaa4;font-size:12px;line-height:1.5}.profile-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.profile-dialog-button{min-width:112px;min-height:44px;padding:9px 15px;border:1px solid transparent;border-radius:9px;cursor:pointer;touch-action:manipulation}.profile-dialog-secondary{color:#c8bdad;border-color:#b9976461;background:#070c1185}.profile-dialog-primary{color:#21150f;border-color:#e0b970;background:#d6ae6c}.profile-dialog-danger{color:#fff1e1;border-color:#e2776fcc;background:#8c3438}.profile-dialog-button:hover,.profile-dialog-button:focus-visible{filter:brightness(1.12)}@media(max-width:720px){.profile-shell{padding-top:18px}.profile-header{padding-top:4px}.profile-close-button{position:static;margin:0 auto}.profile-slots{grid-template-columns:1fr;max-width:520px}.profile-slot{min-height:138px}.profile-shell{width:100%}}@media(max-height:500px)and (orientation:landscape){.profile-shell{padding-top:12px;padding-bottom:12px;max-height:100%}.profile-header{margin-bottom:6px}.profile-eyebrow{margin-bottom:1px;font-size:10px}.profile-header h1{font-size:24px}.profile-subtitle{margin-top:3px;font-size:11px}.profile-close-button{min-height:44px}.profile-notice{min-height:18px;margin-bottom:5px;font-size:11px}.profile-slots{gap:9px}.profile-slot{min-height:124px}.profile-slot-main{min-height:76px;padding:10px 12px 7px}.profile-slot-name{font-size:18px}.profile-slot-status{margin-top:7px;font-size:11px}.profile-slot-progress,.profile-slot-detail,.profile-slot-hint{margin-top:2px;font-size:10px}.profile-slot-actions,.profile-action-button{min-height:44px}.profile-action-button{min-width:54px;padding:5px 8px;font-size:12px}.profile-footer-copy{margin-top:6px;font-size:10px}}@media(prefers-reduced-motion:reduce){.profile-ui,.profile-ui *{scroll-behavior:auto;transition:none!important;animation:none!important}}