*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--color-canvas:#faf5f7;--color-surface:#fff;--color-surface-muted:#fff0f5;--color-surface-disabled:#efe9eb;--color-ink:#4a2a33;--color-ink-muted:#a0858d;--color-line:#d4c3c7;--color-line-soft:#efe6e8;--color-primary:#ff8fab;--color-primary-hover:#ff7fa0;--color-primary-shadow:#ffc2d1;--color-danger:#d81b60;--color-success:#4cd137;--color-mana:#8fb8ff;--border-strong:1.5px solid var(--color-ink);--border-soft:1.5px solid var(--color-line-soft);--radius-control:4px;--shadow-panel:6px 6px 0 var(--color-primary-shadow);--shadow-panel-large:8px 8px 0 var(--color-primary-shadow);--shadow-action:4px 4px 0 var(--color-ink);--control-height:50px;--control-height-compact:36px;--theme-bg-base:var(--color-canvas);--theme-panel-bg:var(--color-surface-muted);--theme-primary:var(--color-primary);--text-main:var(--color-ink)}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--color-canvas);min-height:100vh;color:var(--color-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Hiragino Sans GB,Roboto,sans-serif;line-height:1.5}button,input,textarea,select{font:inherit;letter-spacing:0}button{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;min-width:0}button:not(.styled-select-trigger):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,.styled-select:focus-visible,.styled-select-trigger:focus-visible{outline:none}::selection{background:var(--color-primary-shadow);color:var(--color-ink)}*{scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-line);background-clip:padding-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-ink-muted)}.flat-box{background:var(--color-surface);border:var(--border-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-panel)}.flat-btn{min-height:var(--control-height);border:var(--border-strong);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:800;line-height:1;transition:transform .16s,box-shadow .16s,background-color .16s,color .16s,opacity .16s;display:inline-flex}.flat-btn.primary{background:var(--color-primary);color:var(--color-surface);box-shadow:var(--shadow-action)}.flat-btn.primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:2px 2px 0 var(--color-ink);transform:translate(2px,2px)}.flat-btn.primary:active:not(:disabled){box-shadow:0 0 0 var(--color-ink);transform:translate(4px,4px)}.flat-btn.secondary:hover:not(:disabled){background:var(--color-surface-muted)}.flat-btn.small{min-height:var(--control-height-compact);height:var(--control-height-compact);padding:0 14px;font-size:.85rem}.flat-btn:disabled{cursor:not-allowed;color:var(--color-ink-muted);background:var(--color-surface-disabled);box-shadow:none;opacity:.62;transform:none}.flat-input{width:100%;min-width:0;min-height:var(--control-height);border:var(--border-strong);border-radius:var(--radius-control);background:var(--color-canvas);color:var(--color-ink);outline:none;padding:0 15px;transition:border-color .16s,background-color .16s,box-shadow .16s}.flat-input:hover:not(:disabled){background:var(--color-surface)}.flat-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-primary-shadow)}.flat-input:disabled{cursor:not-allowed;color:var(--color-ink-muted);background:var(--color-surface-disabled)}.flat-input::placeholder,.flat-textarea::placeholder{color:var(--color-line);opacity:1}.section-title{border-bottom:var(--border-soft);color:var(--color-ink);letter-spacing:0;margin:0 0 16px;padding-bottom:10px;font-size:1.1rem;font-weight:800;line-height:1.35}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-container{background-color:#faf5f7;background-image:linear-gradient(#efe6e8 1px,#0000 1px),linear-gradient(90deg,#efe6e8 1px,#0000 1px);background-size:30px 30px;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:32px 18px;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:flex}.auth-card{box-sizing:border-box;background:#fff;border:1.5px solid #4a2a33;border-radius:4px;width:100%;max-width:420px;padding:50px 40px;box-shadow:8px 8px #ffc2d1}.auth-header{text-align:center;margin-bottom:42px}.auth-header .title{color:#4a2a33;letter-spacing:2px;margin:0 0 8px;font-size:2.2rem;font-weight:800;line-height:1.15}.auth-header .subtitle{color:#a0858d;letter-spacing:4px;margin:0;font-size:.75rem;font-weight:600}.auth-tabs{background:#fff;border:1.5px solid #4a2a33;border-radius:4px;margin-bottom:28px;display:flex;overflow:hidden;box-shadow:4px 4px #4a2a33}.auth-tabs .tab-btn{color:#4a2a33;letter-spacing:1px;cursor:pointer;background:#fff;border:none;border-right:1.5px solid #4a2a33;flex:1;height:50px;font-size:1rem;font-weight:800;transition:background .2s,color .2s}.auth-tabs .tab-btn:last-child{border-right:none}.auth-tabs .tab-btn:hover{color:#4a2a33;background:#faf5f7}.auth-tabs .tab-btn.active{color:#fff;background:#ff8fab}.auth-form{flex-direction:column;gap:18px;width:100%;display:flex}.input-group{flex-direction:column;gap:8px;width:100%;display:flex}.input-group label{color:#a0858d;text-align:left;font-size:.9rem;font-weight:800}.auth-input{color:#4a2a33;text-align:center;background-color:#fff;border:1.5px solid #d4c3c7;border-radius:4px;outline:none;padding:0 15px;font-size:1rem;line-height:normal;transition:border-color .2s,background .2s;box-sizing:border-box!important;width:100%!important;height:50px!important}.auth-input:focus{background:#fffbfc;border-color:#ff8fab}.auth-input::placeholder{color:#d4c3c7;font-weight:300}.password-field{width:100%;height:50px;position:relative}.password-field .auth-input{padding-right:58px}.password-toggle{color:#a0858d;cursor:pointer;background:#faf5f7;border:0;border-left:1.5px solid #efe6e8;border-radius:0 3px 3px 0;justify-content:center;align-items:center;width:48px;height:47px;padding:0;display:flex;position:absolute;top:1.5px;right:1.5px}.password-toggle:hover,.password-toggle:focus-visible{color:#4a2a33;background:#ffe8ee;outline:none}.password-eye{box-sizing:border-box;border:2px solid;border-radius:50%;width:19px;height:12px;position:relative}.password-eye:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.password-toggle.visible .password-eye:before{content:"";z-index:1;background:currentColor;width:22px;height:2px;position:absolute;top:4px;left:-3px;transform:rotate(-38deg);box-shadow:0 0 0 2px #faf5f7}.password-toggle.visible:hover .password-eye:before,.password-toggle.visible:focus-visible .password-eye:before{box-shadow:0 0 0 2px #ffe8ee}.submit-btn{color:#fff;letter-spacing:1px;background-color:#ff8fab;border:1.5px solid #4a2a33;border-radius:4px;width:100%;height:50px;margin-top:16px;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:4px 4px #4a2a33}.submit-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #4a2a33}.submit-btn:active{transform:translate(4px,4px);box-shadow:0 0 #4a2a33}.auth-footer{text-align:center;color:#c2b0b5;letter-spacing:2px;margin-top:36px;font-size:.8rem;font-weight:700}@media (width<=520px){.auth-card{padding:42px 26px}.auth-header .title{font-size:1.9rem}.auth-header .subtitle{letter-spacing:3px;font-size:.68rem}}.home-container{background-color:var(--color-canvas);background-image:linear-gradient(var(--color-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--color-line-soft) 1px, transparent 1px);background-size:30px 30px;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:32px 18px;display:flex}.boutique-card{background:var(--color-surface);border:var(--border-strong);border-radius:var(--radius-control);width:100%;max-width:500px;box-shadow:var(--shadow-panel-large);padding:44px 40px}.home-character-panel{margin-bottom:20px}.home-character-panel>label{color:#a0858d;margin-bottom:8px;font-size:.82rem;font-weight:800;display:block}.home-character-row{grid-template-columns:minmax(0,1fr) 76px;align-items:stretch;gap:10px;display:grid}.home-character-row .styled-select,.home-character-row .styled-select-trigger,.home-character-row .edit-character-btn{height:50px}.home-character-row .edit-character-btn{width:76px}.home-character-row .edit-character-btn:disabled{cursor:not-allowed;opacity:.45}.header-group{text-align:center;margin-bottom:45px}.header-group .title{color:#4a2a33;letter-spacing:2px;margin:0 0 8px;font-size:2.2rem;font-weight:800}.header-group .subtitle{color:#a0858d;letter-spacing:4px;margin:0;font-size:.75rem;font-weight:600}.action-group{flex-direction:column;gap:0;display:flex}.home-container .flat-btn.primary{width:100%}.divider{color:#d4c3c7;align-items:center;margin:25px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background-color:#efe6e8;flex:1;height:1px}.divider span{padding:0 15px}.join-row{box-sizing:border-box;gap:12px;width:100%;display:flex}.home-container .flat-input{text-align:center;flex:1;width:0;height:50px}.home-container .flat-btn.secondary{flex-shrink:0;width:90px}.footer-text{text-align:center;color:#c2b0b5;letter-spacing:2px;margin-top:40px;font-size:.8rem}.user-panel{border-bottom:1.5px dashed #efe6e8;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.greeting{color:#4a2a33;font-size:1.05rem;font-weight:700}.greeting .highlight-text{color:#ff8fab}.logout-btn{color:#a0858d;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:800;text-decoration:underline;transition:color .2s}.logout-btn:hover{color:#d81b60}@media (width<=560px){.boutique-card{padding:36px 24px}.header-group{margin-bottom:32px}.home-character-row{grid-template-columns:minmax(0,1fr) 68px}.home-character-row .edit-character-btn{width:68px;padding-inline:10px}.join-row{gap:8px}.home-container .flat-btn.secondary{width:76px;padding-inline:12px}}.styled-select{outline:none;width:100%;min-width:0;position:relative}.styled-select-trigger{width:100%;height:var(--control-height);border:var(--border-strong);border-radius:var(--radius-control);background:var(--color-canvas);color:var(--color-ink);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 0 18px;font-family:inherit;font-size:1rem;font-weight:800;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.styled-select-trigger span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.styled-select.open .styled-select-trigger,.styled-select:focus-within .styled-select-trigger{border-color:var(--color-primary);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-primary-shadow)}.styled-select.disabled .styled-select-trigger{cursor:not-allowed;color:var(--color-ink-muted);background:var(--color-surface-disabled);opacity:.72}.styled-select-arrow{border-bottom:2px solid;border-right:2px solid;flex:none;width:9px;height:9px;margin-right:3px;transition:transform .16s;transform:translateY(-2px)rotate(45deg)}.styled-select.open .styled-select-arrow{transform:translateY(2px)rotate(225deg)}.styled-select-menu{z-index:30;border:var(--border-strong);border-radius:var(--radius-control);background:var(--color-surface);width:100%;max-height:240px;box-shadow:var(--shadow-panel);box-sizing:border-box;padding:8px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.styled-select-option{border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-ink);cursor:pointer;text-align:left;border:1.5px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-family:inherit;font-size:.98rem;font-weight:800;display:flex}.styled-select-option+.styled-select-option{margin-top:6px}.styled-select-option:hover{border-color:var(--color-line-soft);background:var(--color-canvas)}.styled-select-option:disabled{cursor:not-allowed;opacity:.45;background:var(--color-canvas)}.styled-select-option.selected{border-color:var(--color-ink);background:var(--color-primary);color:var(--color-surface)}.styled-select-check{flex:none;font-size:1rem;font-weight:900}.lobby-container{background-color:var(--color-canvas);height:100vh;min-height:640px;color:var(--color-ink);flex-direction:column;gap:16px;padding:clamp(16px,2.4vw,32px);display:flex}.lobby-header{flex:none;justify-content:space-between;align-items:center;min-height:64px;padding:12px 24px;display:flex}.lobby-header h2{letter-spacing:0;margin:0;font-size:1.3rem;line-height:1.25}.highlight-text{color:var(--color-primary);font-weight:900}.lobby-content{flex:auto;grid-template-columns:minmax(560px,1.15fr) minmax(360px,.85fr);gap:18px;min-height:0;display:grid}.lobby-left-panel,.lobby-right-panel{flex-direction:column;min-width:0;min-height:0;padding:24px;display:flex}.lobby-left-panel{overflow-y:auto}.lobby-right-panel{overflow:hidden}.section-title{flex:none}.config-form{flex-direction:column;gap:12px;display:flex}.lobby-section-spaced{margin-top:24px;margin-bottom:10px}.config-form label{color:#a0858d;margin-top:5px;font-size:.85rem;font-weight:700}.room-rule-grid{grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(92px,.65fr));align-items:end;gap:10px;display:grid}.room-rule-script,.room-rule-field{min-width:0}.room-rule-script>label,.room-rule-field>span{min-height:18px;color:var(--color-ink-muted);white-space:nowrap;margin:0 0 6px;font-size:.72rem;font-weight:800;display:block}.room-rule-script .styled-select-trigger,.room-rule-field input{box-sizing:border-box;width:100%;height:46px}.room-rule-field input{border:var(--border-strong);border-radius:var(--radius-control);background:var(--color-canvas);color:var(--color-ink);font:inherit;text-align:center;-moz-appearance:textfield;outline:none;font-weight:900}.room-rule-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.room-rule-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.room-rule-field input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-primary-shadow)}@media (width<=1180px){.room-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.flat-select{appearance:none;color:#4a2a33;cursor:pointer;background-color:#faf5f7;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A2A33' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 15px center;background-repeat:no-repeat;background-size:16px;border:1.5px solid #4a2a33;border-radius:4px;outline:none;padding:12px 15px;font-size:1rem;font-weight:600;transition:all .2s}.flat-select:hover{background-color:#fff}.flat-select:focus{transform:translate(-2px,-2px);box-shadow:4px 4px #4a2a33}.character-panel .styled-select{flex:1}.character-panel{border:1.5px dashed var(--color-line);border-radius:var(--radius-control);background:var(--color-canvas);padding:14px}.character-select-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.character-select-row>label{white-space:nowrap;font-size:.85rem;font-weight:800}.character-actions{gap:8px;display:flex}.character-actions .flat-btn{width:64px;padding:0 10px}.character-empty-state{justify-content:space-between;align-items:center;gap:16px;display:flex}.character-empty-state>span{color:var(--color-danger);font-size:.85rem;font-weight:700}.character-empty-state .flat-btn{flex:none;width:auto}.player-list{flex:1;min-height:118px;margin:0;padding:0 4px 0 0;list-style:none;overflow-y:auto}.player-item{border:var(--border-soft);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 15px;display:flex}.player-info{align-items:center;gap:10px;min-width:0;font-weight:700;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-role{color:var(--color-ink);white-space:nowrap;flex:none;font-size:.85rem}.player-role.empty{color:var(--color-ink-muted)}.status-dot{border:1.5px solid #4a2a33;border-radius:50%;width:12px;height:12px}.status-dot.ready{background-color:var(--color-primary)}.status-dot.unready{background-color:var(--color-canvas)}.chat-box{background:var(--color-canvas);border:1.5px solid #4a2a33;border-radius:4px;flex:1;min-height:0;margin-bottom:15px;padding:15px;overflow-y:auto}.chat-msg{margin-bottom:10px;font-size:.95rem;line-height:1.5}.chat-msg span{margin-right:5px;font-weight:800}.chat-msg.system span{color:#a0858d}.chat-input-area{grid-template-columns:minmax(0,1fr) 84px;gap:10px;display:grid}.chat-input-area .flat-input{height:var(--control-height)}.chat-input-area .flat-btn{width:84px;padding-inline:12px}.start-btn{width:100%;margin-top:14px}@media (width<=980px){.lobby-container{height:auto;min-height:100vh}.lobby-content{grid-template-columns:minmax(0,1fr)}.lobby-left-panel,.lobby-right-panel{overflow:visible}.lobby-right-panel{min-height:420px}}@media (width<=680px){.lobby-container{padding:12px}.lobby-header{padding:12px 16px}.lobby-header h2{font-size:1rem}.lobby-left-panel,.lobby-right-panel{padding:18px}.room-rule-grid,.character-select-row{grid-template-columns:minmax(0,1fr)}.character-actions{justify-content:stretch}.character-actions .flat-btn{flex:1;width:auto}.character-empty-state{flex-direction:column;align-items:stretch}.player-item{flex-direction:column;align-items:flex-start;gap:8px}}.game-container{background-color:var(--color-canvas);height:100vh;min-height:620px;color:var(--color-ink);flex-direction:column;gap:14px;padding:16px;display:flex;position:relative}.game-header{justify-content:space-between;align-items:center;min-height:62px;padding:12px 20px;display:flex}.room-info{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;font-size:1.05rem;font-weight:900;overflow:hidden}.game-body{flex:1;gap:16px;min-height:0;display:flex;overflow:hidden}.game-sidebar{flex-direction:column;flex:0 0 264px;gap:14px;width:264px;min-height:0;padding:0 6px 6px 0;display:flex;overflow-y:auto}.my-character-panel{flex-direction:column;gap:12px;padding:16px;display:flex}.clickable{cursor:pointer;transition:transform .1s,box-shadow .1s}.clickable:hover{transform:translate(-2px,-2px)}.avatar-box{aspect-ratio:1;background-color:var(--color-canvas);border:var(--border-strong);letter-spacing:0;justify-content:center;align-items:center;width:100%;max-height:230px;font-size:1.2rem;font-weight:700;display:flex}.stats-board{flex-direction:column;gap:8px;display:flex}.stat-item{align-items:center;gap:10px;display:flex}.stat-label{width:35px;font-size:.8rem;font-weight:800}.stat-bar-bg{background-color:#faf5f7;border:1.5px solid #4a2a33;border-radius:2px;flex:1;height:12px;overflow:hidden}.stat-bar-fill{border-right:1.5px solid #4a2a33;height:100%;transition:width .3s}.stat-bar-fill.hp{background-color:#ff8fab}.stat-bar-fill.san{background-color:#4cd137}.stat-bar-fill.mp{background-color:#8fb8ff}.stat-value{color:#a0858d;text-align:right;width:45px;font-family:monospace;font-size:.75rem;font-weight:700}.teammates-section{flex-direction:column;gap:10px;display:flex}.section-subtitle{color:#a0858d;border-bottom:1px solid #d4c3c7;margin:0;padding-bottom:5px;font-size:.9rem}.teammate-card{background-color:var(--color-surface);box-shadow:3px 3px 0 var(--color-primary-shadow);flex-direction:column;gap:8px;padding:12px;display:flex}.teammate-name{border-bottom:1.5px dashed #efe6e8;padding-bottom:4px;font-size:1rem;font-weight:700}.teammate-role{color:var(--color-ink-muted);font-size:.75rem;font-weight:400}.teammate-mini-stats{justify-content:space-between;font-family:monospace;font-size:.75rem;font-weight:800;display:flex}.mini-stat.hp{color:#d81b60}.mini-stat.san{color:#a0858d}.mini-stat.mp{color:#4b7bec}.game-main{flex-direction:column;flex:1;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.chat-history{flex-direction:column;flex:1;gap:22px;min-height:0;padding:24px;display:flex;overflow-y:auto}.message{flex-direction:column;gap:6px;width:fit-content;max-width:min(82%,980px);display:flex}.sender-name{color:#a0858d;margin-left:2px;font-size:.85rem;font-weight:800}.message-content{border:var(--border-strong);border-radius:var(--radius-control);overflow-wrap:anywhere;min-width:0;padding:16px 18px;font-size:.95rem;line-height:1.75}.message.dm{align-self:flex-start}.message.dm .message-content{background-color:#fff;box-shadow:4px 4px #ffc2d1}.message.player{align-self:flex-end}.message.player .sender-name{text-align:right}.message.player .message-content{color:#fff;background-color:#ff8fab;box-shadow:4px 4px #4a2a33}.message.roll{text-align:center;align-self:center;max-width:90%}.message.roll .message-content{box-shadow:none;background-color:#faf5f7;border-style:dashed;font-weight:700}.stat-change-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.stat-change{border-radius:var(--radius-control);border:1px solid;padding:5px 9px;font-size:.78rem;font-weight:800}.stat-change.negative{color:var(--color-danger);background:#fff0f4}.stat-change.positive{color:#287a35;background:#eef8ef}.roll-request{border:1.5px dashed var(--color-ink);border-radius:var(--radius-control);background:var(--color-canvas);text-align:center;margin-top:16px;padding:14px}.roll-request-title{color:var(--color-danger);margin-bottom:10px;font-size:.88rem;font-weight:800;display:block}.roll-request .flat-btn{width:min(100%,520px);min-width:140px}.roll-result{border:var(--border-soft);border-left:4px solid var(--color-primary);border-radius:var(--radius-control);background:var(--color-surface);max-width:720px;color:var(--color-ink);margin:8px auto 0;padding:10px 14px;font-weight:800;line-height:1.65}.roll-waiting{color:var(--color-ink-muted);font-size:.85rem}.control-panel{background-color:#fff;border-top:1.5px solid #4a2a33;align-items:stretch;gap:15px;padding:16px 20px;display:flex}.composer-row{align-items:stretch;gap:12px;width:100%;display:flex}.force-unlock-btn{width:fit-content;color:var(--color-danger);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:800}.flat-textarea{resize:vertical;color:#4a2a33;background:var(--color-surface);border:1.5px solid #d4c3c7;border-radius:4px;outline:none;flex:auto;width:100%;min-height:50px;max-height:150px;padding:12px 15px;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s}.flat-textarea:disabled{cursor:not-allowed;background:var(--color-surface-disabled);color:var(--color-ink-muted)}.flat-textarea:focus{background:#fff;border-color:#ff8fab}.send-btn{flex:0 0 112px;height:auto;width:112px!important}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background-color:#4a2a3366;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-content{width:400px;max-width:90%;padding:30px;position:relative}.close-btn{color:#a0858d;cursor:pointer;background:0 0;border:none;font-size:1.5rem;font-weight:700;position:absolute;top:15px;right:15px}.close-btn:hover{color:#d81b60}.modal-title{border-bottom:2px solid #ffc2d1;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:1.4rem}.modal-desc{margin-bottom:10px;font-size:.95rem;line-height:1.6}.stat-divider{background:#efe6e8;height:1.5px;margin:15px 0}.skill-grid{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{background:#faf5f7;border:1.5px solid #4a2a33;border-radius:4px;padding:4px 10px;font-size:.85rem;font-weight:700}.modal-warning{color:#d81b60;margin-top:20px;font-size:.85rem;font-style:italic;font-weight:700}.notebook-modal{flex-direction:column;width:85vw;max-width:1000px;height:80vh;padding:0;display:flex;position:relative;overflow:hidden}.notebook-tabs{background-color:#faf5f7;border-bottom:1.5px solid #4a2a33;display:flex}.tab-item{cursor:pointer;border-right:1.5px solid #4a2a33;padding:15px 25px;font-weight:800;transition:background-color .2s}.tab-item:hover{background-color:#f0e6e9}.tab-item.active{color:#fff;background-color:#ff8fab}.notebook-content{flex-direction:column;flex:1;padding:20px;display:flex;overflow:hidden}.flat-textarea.full-height{resize:none;flex:1;max-height:none}.clues-list{flex-direction:column;gap:10px;height:100%;display:flex;overflow-y:auto}.clues-hint{color:#d81b60;margin-bottom:15px;font-size:.9rem;font-weight:700}.empty-state{text-align:center;color:#a0858d;letter-spacing:1px;margin-top:50px;font-weight:700}.clue-item{background:#faf5f7;border:1px dashed #4a2a33;border-radius:4px;padding:15px;line-height:1.6}.campaign-clue-item{border-style:solid;flex-direction:column;gap:4px;display:flex}.campaign-clue-item strong{color:#d81b60}.campaign-clue-item span{font-size:.9rem}.clue-idx{color:#ff8fab;margin-right:5px;font-weight:700}@media (width<=1180px){.game-sidebar{flex-basis:230px;width:230px}.chat-history{padding:20px}.message{max-width:90%}}@media (width<=820px){.game-container{height:auto;min-height:100vh;padding:10px}.game-body{flex-direction:column;overflow:visible}.game-sidebar{flex:none;width:100%;overflow:visible}.my-character-panel{grid-template-columns:140px minmax(0,1fr);display:grid}.avatar-box{grid-row:span 2}.game-main{min-height:70vh}.message{max-width:96%}}@media (width<=560px){.game-header{flex-direction:column;align-items:flex-start;gap:10px}.my-character-panel{display:flex}.avatar-box{max-height:none}.chat-history{padding:14px}.control-panel{padding:12px}.composer-row{flex-direction:column}.send-btn{flex-basis:48px;width:100%!important}}.relation-container{flex-direction:column;gap:15px;height:100%;display:flex}.relation-toolbar{gap:10px;display:flex}.flat-btn.small{height:36px;padding:0 15px}.relation-canvas{background-color:#fff;background-image:radial-gradient(#efe6e8 1.5px,#0000 1.5px);background-size:20px 20px;border:1.5px solid #d4c3c7;border-radius:4px;flex:1;position:relative;overflow:hidden}.relation-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.relation-svg g{pointer-events:all}.graph-node{text-align:center;-webkit-user-select:none;user-select:none;cursor:grab;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:.85rem;font-weight:700;display:flex;position:absolute;box-shadow:3px 3px #ffc2d1}.graph-node:active{cursor:grabbing}.trash-zone{color:#d81b60;background-color:#faf5f7;border-color:#d81b60;padding:15px 25px;font-weight:700;position:absolute;bottom:20px;right:20px;box-shadow:4px 4px #d81b6033}.create-char-container{background-color:var(--color-canvas);min-height:100vh;color:var(--color-ink);justify-content:center;padding:clamp(16px,2.2vw,32px);display:flex}.char-workspace{align-items:flex-start;gap:18px;width:100%;max-width:1600px;display:flex}.char-sidebar{box-sizing:border-box;flex-direction:column;flex:0 0 216px;justify-content:space-between;height:calc(100vh - clamp(32px,4.4vw,64px));padding:24px 20px;display:flex;position:sticky;top:clamp(16px,2.2vw,32px)}.sidebar-top{flex-direction:column;gap:24px;display:flex}.sidebar-title{text-align:center;border-bottom:1.5px dashed #efe6e8;margin:0;padding-bottom:20px;font-size:1.2rem;line-height:1.35}.sidebar-tabs{flex-direction:column;gap:8px;display:flex}.sidebar-tabs .tab-btn{text-align:center;color:#a0858d;border-radius:var(--radius-control);cursor:pointer;box-sizing:border-box;background:0 0;border:1.5px solid #0000;width:100%;min-height:44px;padding:10px 12px;font-weight:700;transition:all .2s}.sidebar-tabs .tab-btn:hover{color:#4a2a33;background:#efe6e8}.sidebar-tabs .tab-btn.active{color:#fff;background:#4a2a33;border-color:#4a2a33;transform:translate(-2px,-2px);box-shadow:4px 4px #ffc2d1}.sidebar-bottom{flex-direction:column;gap:15px;width:100%;display:flex}.sidebar-bottom button.flat-btn{text-align:center;box-sizing:border-box!important;width:100%!important;margin:0!important;display:block!important}.skill-input.text{text-align:left;width:140px}.stat-highlight{font-size:1.1rem;font-weight:900}.error-text{color:#c62828!important}.char-main-area{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;min-width:0;height:calc(100vh - clamp(32px,4.4vw,64px));max-height:calc(100vh - clamp(32px,4.4vw,64px));padding:24px;display:flex;overflow-y:auto}.char-main-area.occupation-tab-active,.char-main-area.basic-tab-active{overflow:hidden}.section-title{letter-spacing:0}.basic-page{grid-template-rows:auto 210px minmax(0,1fr);gap:14px;height:100%;min-height:0;display:grid}.basic-page>.section-title{margin:0}.basic-identity-layout{grid-template-columns:200px minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.basic-page .avatar-upload-box{width:200px;height:100%}.basic-identity-fields{flex-direction:column;justify-content:flex-start;gap:10px;min-width:0;display:flex}.basic-page .form-row{gap:16px;margin:0}.basic-page .form-item{gap:6px}.basic-page .form-item.small{flex-basis:100px}.basic-page .form-item label{letter-spacing:0;font-size:.76rem}.basic-page .flat-input{height:50px;padding:8px 12px;font-size:1rem}.derived-stat-strip{box-sizing:border-box;background:#faf5f7;border:1.5px solid #efe6e8;border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));height:50px;margin-top:auto;display:grid}.derived-stat-strip>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4px 10px;display:flex}.derived-stat-strip>div+div{border-left:1.5px solid #efe6e8}.derived-stat-strip span,.derived-stat-strip strong{display:block}.derived-stat-strip span{color:#a0858d;font-size:.68rem;font-weight:900}.derived-stat-strip strong{color:#4a2a33;margin-top:1px;font-size:1rem;font-weight:900}.basic-attributes-section{border-top:1.5px dashed #efe6e8;grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding-top:12px;display:grid}.basic-page .stat-mode-header{align-items:center;min-height:44px;margin-bottom:8px}.basic-page .stat-mode-header>div:first-child{align-items:center;gap:12px;display:flex}.basic-page .stat-mode-header .section-title{white-space:nowrap;border:0;margin:0;padding:0}.basic-page .mode-toggle{margin:0}.basic-page .mode-toggle .flat-btn,.basic-page .stat-mode-header>.flat-btn{white-space:nowrap;height:42px;padding:7px 12px!important}.stat-mode-action{justify-content:flex-end;align-items:stretch;height:44px;display:flex}.stat-mode-action>.flat-btn,.stat-mode-action .point-buy-control{box-sizing:border-box;height:44px}.stat-mode-action>.flat-btn{padding:0 18px!important}.stat-mode-action .point-buy-control{gap:9px;padding:5px 10px}.stat-mode-action .point-buy-control label,.stat-mode-action .point-buy-control span{color:#a0858d;white-space:nowrap;font-size:.72rem;font-weight:900}.stat-mode-action .point-buy-control .flat-input{text-align:center;width:76px;height:30px;padding:3px 8px}.stat-mode-action .point-buy-control strong{color:#ff8fab;font-size:1rem}.basic-page .info-box{box-sizing:border-box;align-items:center;height:38px;min-height:38px;margin-bottom:9px;padding:0 12px;font-size:.74rem;line-height:1.25;display:flex}.basic-page .stats-grid{grid-template-rows:repeat(3,minmax(72px,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:100%;min-height:0;margin-top:0}.basic-page .stat-box{border-color:#e7dadd;justify-content:center;min-height:0;padding:34px 12px 44px}.basic-page .stat-label{letter-spacing:0;white-space:nowrap;margin:0;font-size:.72rem;position:absolute;top:10px;left:12px}.basic-page .stat-label span{color:#ff8fab;margin:0 3px}.basic-page .stat-description{color:#a0858d;text-align:center;letter-spacing:0;border-top:1px solid #efe6e8;padding-top:7px;font-size:.66rem;font-weight:700;line-height:1.25;position:absolute;bottom:10px;left:12px;right:12px}.basic-page .stat-display-wrapper,.basic-page .stat-input{font-size:1.55rem}.basic-page .stat-input{height:auto;padding:0}.basic-page .luc-dice-btn{border-radius:4px;line-height:1;top:8px;right:8px;width:32px!important;min-width:32px!important;height:30px!important;padding:0!important;font-size:.82rem!important}.form-row{gap:24px;margin-top:15px;display:flex}.form-item{flex-direction:column;flex:1;gap:8px;display:flex}.form-item.small{flex:0 0 120px}.form-item label{color:#a0858d;letter-spacing:1px;font-size:.85rem;font-weight:700}.flat-input{box-sizing:border-box;color:#4a2a33;background-color:#faf5f7;border:1.5px solid #4a2a33;border-radius:4px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:1rem;transition:all .2s}.flat-input:focus{border-color:var(--color-primary);box-shadow:4px 4px 0 var(--color-primary-shadow);background-color:#fff}.flat-input:disabled{color:#a0858d;cursor:not-allowed;opacity:.72;background:#efe6e8}textarea.flat-input{resize:vertical;min-height:80px;line-height:1.5}.avatar-upload-box{cursor:pointer;background-color:#faf5f7;border:2px dashed #a0858d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:200px;height:280px;transition:all .2s;display:flex;position:relative;overflow:hidden}.avatar-upload-box:hover{background-color:#fff;border-color:#ff8fab;box-shadow:4px 4px #ffc2d1}.avatar-preview{object-fit:cover;width:100%;height:100%}.upload-placeholder{color:#a0858d;flex-direction:column;align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.upload-placeholder span{color:#ff8fab;font-size:2rem}.stats-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:15px;margin-top:20px;display:grid}.stat-box{text-align:center;background:#faf5f7;border:1.5px solid #efe6e8;border-radius:4px;padding:15px 10px;transition:all .2s}.stat-box:hover{background:#fff;border-color:#4a2a33;transform:translate(-2px,-2px);box-shadow:4px 4px #ffc2d1}.stat-label{color:#a0858d;letter-spacing:1px;margin-bottom:5px;font-size:.85rem;font-weight:700}.stat-value{color:#4a2a33;font-size:28px;font-weight:900}.stat-value.high{color:#ff8fab}.stat-value.low{color:#a0858d;opacity:.6}.skill-page-header{border-bottom:1.5px solid #efe6e8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:10px;display:flex}.skill-page-header .section-title{border:0;flex:1;margin:0;padding:0}.compact-career-control{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.compact-career-control .flat-btn{flex:none;min-width:96px;width:auto!important;padding-inline:16px!important}.compact-career-control strong,.compact-career-control small{text-align:right;white-space:nowrap;display:block}.compact-career-control strong{color:#4a2a33;font-size:.95rem;font-weight:900}.compact-career-control small{color:#a0858d;margin-top:2px;font-size:.7rem;font-weight:800}.choice-panel,.choice-group{background:#faf5f7;border:1.5px solid #efe6e8;border-radius:4px}.choice-panel{margin-top:10px;padding:12px 14px}.choice-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rule-box-title{color:#ff8fab;letter-spacing:1px;margin-bottom:10px;font-size:.95rem;font-weight:900}.choice-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-list-section{margin-top:12px}.skill-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:10px;margin-bottom:9px;display:flex}.compact-budget-group{flex:360px;gap:7px;display:flex}.skill-toolbar-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.skill-toolbar-actions .flat-btn{flex:none;min-width:max-content;width:auto!important;padding-inline:14px!important}.compact-budget{white-space:nowrap;background:#fff;border:1.5px solid #4a2a33;border-radius:4px;justify-content:center;align-items:baseline;gap:4px;min-width:104px;padding:6px 9px;display:flex;box-shadow:3px 3px #ffc2d1}.compact-budget span,.compact-budget small{color:#a0858d;font-size:.7rem;font-weight:900}.compact-budget strong{color:#ff8fab;font-size:1rem;font-weight:900}.compact-budget.danger strong{color:#c62828}.skill-tag{color:#4a2a33;background:#fff;border:1.5px solid #4a2a33;border-radius:4px;align-items:center;min-height:28px;padding:4px 9px;font-family:inherit;font-size:.78rem;font-weight:900;display:inline-flex}.skill-tag.fixed{color:#fff;background:#4a2a33}.skill-tag.chosen{color:#fff;cursor:pointer;background:#ff8fab;box-shadow:3px 3px #4a2a33}.skill-tag.muted{color:#a0858d;border-color:#efe6e8}.choice-empty{color:#a0858d;grid-column:1/-1;font-weight:800}.choice-group{padding:12px}.choice-group-header{color:#4a2a33;justify-content:space-between;gap:12px;margin-bottom:10px;font-weight:900;display:flex}.choice-group-header span{color:#ff8fab}.choice-row{grid-template-columns:minmax(160px,1fr) minmax(140px,.8fr) auto;align-items:stretch;gap:10px;margin-bottom:10px;display:grid}.choice-row.single-menu{grid-template-columns:minmax(300px,1fr) auto}.choice-subtype-slot{min-width:0;height:var(--control-height);position:relative}.choice-custom-input{width:100%;height:var(--control-height);min-height:var(--control-height);margin:0;padding-right:42px}.choice-custom-cancel{color:#a0858d;cursor:pointer;background:0 0;border:0;border-radius:4px;width:28px;height:28px;padding:0;font-family:inherit;font-size:1.2rem;font-weight:900;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.choice-custom-cancel:hover{color:#4a2a33;background:#efe6e8}.skill-name-main{font-weight:900}.skill-row-badge{color:#a0858d;border:1.5px solid #efe6e8;border-radius:4px;justify-content:center;min-width:34px;padding:2px 6px;font-size:.65rem;font-weight:900;display:inline-flex}.skill-row-badge.fixed{color:#fff;background:#4a2a33;border-color:#4a2a33}.skill-row-badge.chosen{color:#fff;background:#ff8fab;border-color:#ff8fab}.skill-row-badge.muted{background:#faf5f7}.occupation-skill-row{background:#ff8fab1a}.skill-table{border-collapse:collapse;width:100%;margin-top:10px}.skill-table th,.skill-table td{text-align:center;border-bottom:1.5px solid #efe6e8;padding:10px;font-size:.9rem}.skill-table th{color:#a0858d;font-weight:700}.skill-table td{color:#4a2a33;font-weight:600}.skill-input{text-align:center;width:50px;padding:5px}.stat-mode-header{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.mode-toggle{gap:10px;margin-top:10px;display:flex}.info-box{color:#4a2a33;background-color:#efe6e8;border-left:4px solid #ff8fab;border-radius:4px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;line-height:1.6}.stat-input{text-align:center;color:#4a2a33;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:100%;padding:5px 0;font-family:inherit;font-size:26px;font-weight:900}.stat-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stat-input:focus{color:#ff8fab;border-bottom:2px solid #ff8fab}.btn-short{width:auto!important;padding:10px 20px!important}.point-buy-control{background:#faf5f7;border:1.5px solid #efe6e8;border-radius:4px;align-items:center;gap:10px;padding:10px 15px;display:flex}.point-buy-limit-input{-moz-appearance:textfield}.point-buy-limit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.point-buy-limit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.point-buy-limit-input:disabled{cursor:not-allowed;color:#4a2a33;opacity:1}.stat-box{text-align:center;background:#faf5f7;border:1.5px solid #efe6e8;border-radius:4px;flex-direction:column;justify-content:center;padding:15px 10px;display:flex;position:relative}.luc-dice-btn{position:absolute;top:5px;right:5px;padding:2px 6px!important;font-size:.7rem!important}.stat-display-wrapper{color:#4a2a33;width:100%;font-size:26px;font-weight:900}.skill-input{-moz-appearance:textfield}.skill-input:focus{box-shadow:none}.skill-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.skill-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.skill-table-container{background:#faf5f7;border:1.5px solid #efe6e8;border-radius:4px;max-height:620px;padding:10px;overflow-y:auto}.skill-table thead th{z-index:1;background-color:#faf5f7;border-bottom:2px solid #efe6e8;position:sticky;top:0}.skill-grid-legend{display:none}.skill-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.compact-skill-card{background:#fff;border:1.5px solid #efe6e8;border-radius:4px;grid-template-columns:minmax(130px,1fr) minmax(300px,2fr);align-items:center;gap:6px;min-width:0;padding:4px 7px;display:grid}.compact-skill-card.occupation-skill-row{border-color:#ff8fab;box-shadow:3px 3px #ffc2d1}.compact-skill-heading,.compact-skill-actions,.compact-skill-values{align-items:center;display:flex}.compact-skill-heading{justify-content:space-between;gap:6px;min-width:0;min-height:27px;margin:0}.compact-skill-heading .skill-name-main{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;overflow:hidden}.compact-skill-actions{flex:none;gap:4px}.compact-skill-values{grid-template-columns:repeat(5,minmax(42px,1fr));gap:5px;display:grid}.compact-skill-values label{text-align:center;min-width:0}.compact-skill-values label>span{color:#a0858d;margin-bottom:1px;font-size:.58rem;font-weight:800;line-height:1;display:block}.compact-skill-values .skill-input{width:100%;height:26px;min-height:26px;padding:1px 3px;font-size:.78rem}.compact-skill-values label>strong{color:#4a2a33;justify-content:center;align-items:center;height:26px;font-size:.82rem;display:flex}.compact-skill-values .skill-total strong{color:#ff8fab;font-size:.95rem}.compact-skill-heading .skill-input.text{width:100%;height:26px;min-height:26px;padding:2px 6px;font-size:.74rem}.skill-remove-btn{color:#a0858d;cursor:pointer;background:0 0;border:0;font-size:1rem;font-weight:900}@media (width<=1050px){.skill-page-header{flex-wrap:wrap}.compact-career-control{margin-left:auto}.choice-groups-grid,.skill-card-grid{grid-template-columns:1fr}.skill-list-toolbar{flex-wrap:wrap}.compact-budget-group{flex:100%}.compact-budget{flex:1}.skill-toolbar-actions{width:100%}}.occupation-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.occupation-hint{color:#a0858d;margin:-6px 0 0;font-size:.9rem;font-weight:700;line-height:1.6}.occupation-count{text-align:center;cursor:pointer;background:#faf5f7;border:1.5px solid #4a2a33;border-radius:4px;min-width:120px;padding:12px 16px;font-family:inherit;transition:background .18s,box-shadow .18s,transform .18s,color .18s;box-shadow:4px 4px #ffc2d1}.occupation-count:hover{transform:translate(-1px,-1px)}.occupation-count:active{transform:translate(2px,2px)}.occupation-count.id-mode{background:#faf5f7;box-shadow:4px 4px #ffc2d1}.occupation-count.points-mode{background:#ff8fab;box-shadow:4px 4px #4a2a33}.occupation-count span{color:#ff8fab;font-size:1.7rem;font-weight:900;line-height:1;display:block}.occupation-count.points-mode span{color:#fff}.occupation-count small{color:#a0858d;font-weight:800}.occupation-count.points-mode small{color:#fff}.occupation-search-row{align-items:stretch;gap:12px;display:flex}.occupation-search{text-align:left}.occupation-workspace{--occupation-panel-height:620px;flex:auto;grid-template-columns:minmax(240px,.9fr) minmax(420px,1.6fr);align-items:stretch;gap:20px;min-height:0;padding:0 8px 8px 0;display:grid}.occupation-list{box-sizing:border-box;background:#faf5f7;border:1.5px solid #efe6e8;border-radius:4px;height:100%;padding:10px;overflow-y:auto}.occupation-list-item{color:#4a2a33;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #0000;border-radius:4px;align-items:center;gap:12px;width:100%;padding:12px;font-family:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.occupation-list-item+.occupation-list-item{margin-top:8px}.occupation-list-item:hover,.occupation-list-item.active{border-color:#4a2a33;transform:translate(-2px,-2px);box-shadow:4px 4px #ffc2d1}.occupation-list-item.active{color:#fff;background:#ff8fab}.occupation-list-id{color:inherit;opacity:.75;flex:0 0 42px;font-weight:900}.occupation-list-main{flex-direction:column;gap:4px;min-width:0;display:flex}.occupation-list-main strong,.occupation-list-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.occupation-list-main strong{font-size:.95rem;font-weight:900}.occupation-list-main small{color:inherit;opacity:.72;font-size:.78rem;font-weight:700}.occupation-empty{text-align:center;color:#a0858d;padding:40px 12px;font-weight:800}.occupation-detail{box-sizing:border-box;background:#fff;border:1.5px solid #4a2a33;border-radius:4px;height:100%;padding:24px;overflow-y:auto;box-shadow:6px 6px #ffc2d1}.occupation-detail-title{border-bottom:1.5px dashed #efe6e8;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.occupation-id{color:#ff8fab;font-size:.85rem;font-weight:900}.occupation-detail-title h4{color:#4a2a33;margin:6px 0 0;font-size:1.6rem;line-height:1.25}.occupation-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.occupation-meta-card{background:#faf5f7;border:1.5px solid #efe6e8;border-radius:4px;padding:14px}.occupation-meta-card span{color:#a0858d;letter-spacing:1px;margin-bottom:6px;font-size:.78rem;font-weight:900;display:block}.occupation-meta-card strong{color:#4a2a33;font-size:1.05rem;line-height:1.45}.occupation-section{border-top:1.5px solid #efe6e8;padding-top:18px}.occupation-section+.occupation-section{margin-top:18px}.occupation-section h5{color:#ff8fab;letter-spacing:1px;margin:0 0 10px;font-size:.95rem;font-weight:900}.occupation-section p{color:#4a2a33;margin:0;font-size:.95rem;font-weight:650;line-height:1.8}.occupation-description{white-space:pre-line}@media (width<=1280px){.char-sidebar{flex-basis:190px;padding:20px 16px}.char-main-area{padding:20px}.basic-identity-layout{grid-template-columns:172px minmax(0,1fr);gap:16px}.basic-page .avatar-upload-box{width:172px}.skill-card-grid{grid-template-columns:minmax(0,1fr)}.occupation-workspace{grid-template-columns:minmax(210px,.72fr) minmax(0,1.5fr);gap:14px}}@media (width<=900px){.char-workspace{flex-direction:column}.char-sidebar{flex:none;gap:16px;width:100%;height:auto;position:static}.sidebar-top{gap:14px}.sidebar-title{padding-bottom:12px}.sidebar-tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sidebar-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.char-main-area,.char-main-area.basic-tab-active,.char-main-area.occupation-tab-active{width:100%;height:auto;max-height:none;overflow:visible}.basic-page{grid-template-rows:auto auto auto;height:auto}.basic-attributes-section,.occupation-workspace{min-height:620px}}@media (width<=680px){.sidebar-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-identity-layout{grid-template-columns:minmax(0,1fr)}.basic-page .avatar-upload-box{width:100%;height:180px}.basic-page .form-row,.form-row{flex-wrap:wrap}.basic-page .form-item.small,.form-item.small{flex:120px}.basic-page .stats-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.basic-attributes-section{min-height:1200px}.skill-page-header,.stat-mode-header,.occupation-header{flex-direction:column;align-items:stretch}.compact-career-control{justify-content:space-between;width:100%;margin-left:0}.choice-row,.choice-row.single-menu,.compact-skill-card,.occupation-workspace{grid-template-columns:minmax(0,1fr)}.occupation-workspace{min-height:1000px}.occupation-list,.occupation-detail{min-height:460px}}