:root{--ui-ink:#0d1114;--ui-iron:#252729;--ui-iron-light:#3c3b38;--ui-brass:#8d7654;--ui-brass-light:#b09a72;--ui-leather:#2b211c;--ui-parchment:#d8cbb6;--ui-parchment-ink:#34291f;--ui-parchment-muted:#6f5d49;--ui-muted:#998e7c;--ui-danger:#a44840;--world-shell-backdrop:url(/ui/world-shell/harbor-backdrop.webp);--world-shell-panel:url(/ui/world-shell/shell-panel.webp);--world-shell-notice:url(/ui/world-shell/time-notice.webp)}html,body{background:var(--ui-ink);height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--ui-brass-light);outline-offset:2px}.world-shell-page{box-sizing:border-box;background:linear-gradient(90deg, #050a0e4d 0%, #050a0e1f 42%, #050a0e8a 100%), linear-gradient(180deg, #070c1038, #070c1099), var(--world-shell-backdrop) center / cover no-repeat;color:var(--ui-parchment);grid-template-columns:minmax(280px,1fr) minmax(360px,500px);align-items:center;gap:clamp(24px,5vw,84px);padding:clamp(28px,5vw,76px);font-family:Georgia,Noto Serif TC,serif;display:grid;position:fixed;inset:0}.world-shell-page:after{z-index:0;content:"";pointer-events:none;background:radial-gradient(at 25%,#0000 18%,#05090c7a 88%),linear-gradient(#05090c59,#0000 18% 78%,#05090c85);position:absolute;inset:0}.world-shell-page>*{z-index:1}.world-shell-brand{color:#d6c7ae;text-shadow:0 3px 3px #000000d9,0 0 26px #070b0ebd;align-self:center;width:min(620px,48vw);padding-left:clamp(8px,3vw,42px);position:relative}.world-shell-brand h1{letter-spacing:clamp(7px,1.2vw,18px);margin:8px 0 10px;font-size:clamp(44px,6vw,82px);font-weight:600;line-height:1.05}:lang(en) .world-shell-brand h1{letter-spacing:clamp(4px,.7vw,10px);white-space:nowrap;font-size:clamp(40px,4.6vw,68px)}:lang(ja) .world-shell-brand h1,:lang(ko) .world-shell-brand h1{letter-spacing:clamp(4px,.8vw,11px);font-size:clamp(38px,5vw,66px)}.world-shell-kicker,.panel-kicker,.loading-kicker{letter-spacing:5px;text-transform:uppercase;margin:0;font-family:system-ui,sans-serif;font-size:10px}.world-shell-kicker{color:#bba47f}.world-shell-tagline{color:#d8cbb6bd;letter-spacing:4px;margin:0;font-size:clamp(12px,1.2vw,16px)}.world-shell-panel{--panel-h:min(78vh, 720px);width:min(100%,500px);min-height:var(--panel-h);padding:calc(var(--panel-h) * .154) clamp(48px, 4vw, 66px) clamp(54px, 7vh, 76px);box-sizing:border-box;background:var(--world-shell-panel) center / 100% 100% no-repeat;filter:drop-shadow(0 20px 30px #0000008a);color:var(--ui-parchment-ink);border:0;flex-direction:column;justify-self:end;display:flex;position:relative}.world-shell-panel.auth-panel{--panel-h:min(70vh, 650px)}.auth-version{text-align:center;letter-spacing:.125rem;color:var(--ui-parchment-muted);opacity:.75;-webkit-user-select:none;user-select:none;margin:.375rem 0 0;font-size:.6875rem}.auth-copyright{text-align:center;letter-spacing:.1875rem;text-transform:uppercase;color:#d8cbb685;text-shadow:0 1px 2px #000000b3;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;font-size:.6875rem;position:absolute;bottom:clamp(10px,1.6vh,20px);left:0;right:0}.auth-copyright a{color:#e2cda8d1;pointer-events:auto;border-bottom:1px solid #cbae7a73;padding-bottom:1px;text-decoration:none;transition:color .18s,border-color .18s}.auth-copyright a:hover,.auth-copyright a:focus-visible{border-bottom-color:var(--ui-brass-light);color:var(--ui-brass-light)}.panel-kicker{color:var(--ui-parchment-muted);letter-spacing:3px;text-align:center}.world-shell-panel>h1{margin:calc(var(--panel-h) * .101 - 12px) 0 18px;color:#392b20;letter-spacing:3px;text-align:center;text-shadow:0 1px #fff6e273;font-size:26px;line-height:1.2}#join{z-index:20}#join[hidden],#join.reconnecting .auth-tabs,#join.reconnecting #join-form>label,#join.reconnecting input,#join.reconnecting #auth-submit,#join.reconnecting .locale-control{display:none}#join-form{text-align:left;gap:10px}#join-form>h1{margin-top:calc(var(--panel-h) * .101);margin-bottom:15px}#join-form>*{flex-shrink:0}#join-form>label:not(.remember-row){color:#5a4736;letter-spacing:1px;font-family:system-ui,sans-serif;font-size:12px;line-height:1.3}.auth-tabs{grid-template-columns:1fr 1fr;gap:5px;margin:0 0 5px;display:grid}#join-form .auth-tab{color:var(--ui-muted);cursor:pointer;background:#201d1ae0;border:1px solid #6f5b43;border-radius:2px;padding:10px;font-size:13px}#join-form .auth-tab+.auth-tab{border-left-color:#6f5b43}#join-form .auth-tab.is-active{border-color:var(--ui-brass-light);color:#efe4d1;background:linear-gradient(#5f4d35f5,#2b211cfa);box-shadow:inset 0 -2px #c0a273}#email,#password{color:var(--ui-parchment);text-align:left;background:linear-gradient(#0a0d0ff5,#171716fa);border:1px solid #786344;border-radius:2px;padding:11px 12px;font-family:system-ui,sans-serif;font-size:16px}.remember-row{width:fit-content;color:var(--ui-parchment-muted);cursor:pointer;align-items:center;gap:8px;font-family:system-ui,sans-serif;font-size:12px;display:flex}#remember-me{accent-color:var(--ui-brass)}#join-form button{color:var(--ui-parchment);cursor:pointer;background:linear-gradient(#484138fa,#1f1d1bfa);border:1px solid #8d7654;border-radius:2px;padding:11px 12px;font-family:system-ui,sans-serif;font-size:16px}#join-form button:hover{border-color:var(--ui-brass-light);color:#f0e5d2}#join-form button:disabled{cursor:wait;opacity:.62}#auth-submit{place-items:center;display:grid}#auth-submit:disabled{opacity:.78}.auth-submit-spinner{box-sizing:border-box;border:2px solid #c5a979;border-color:#c5a979 #9f8156 #cbb28447 #cbb28447;border-radius:50%;width:18px;height:18px;animation:.85s linear infinite auth-submit-spin}@keyframes auth-submit-spin{to{transform:rotate(1turn)}}.auth-toast{z-index:30;box-sizing:border-box;color:#ded0b8;background:linear-gradient(#252320fa,#131414fa);border:1px solid #856b47;border-radius:3px;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:12px;width:min(340px,100vw - 32px);min-height:52px;padding:8px 10px 8px 14px;font-family:Georgia,Noto Serif TC,serif;animation:.16s ease-out both auth-toast-enter;display:grid;position:fixed;top:clamp(18px,7vh,66px);left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #0d0f0fdb,0 9px 24px #0000007a}.auth-toast-icon{color:#c16a5c;border:2px solid #a54f43;place-items:center;width:22px;height:22px;display:grid;transform:rotate(45deg)}.auth-toast-icon>span{font-family:system-ui,sans-serif;font-size:14px;font-weight:700;transform:rotate(-45deg)}.auth-toast--info .auth-toast-icon{color:#b89a68;border-color:#8f7650}.auth-toast-message{overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.35}.auth-toast-close{color:#a99a84;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;font-family:system-ui,sans-serif;font-size:22px;line-height:1}.auth-toast-close:hover{color:#e5d6bd}@keyframes auth-toast-enter{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.locale-control{z-index:4;box-sizing:border-box;min-width:0;color:var(--ui-parchment);flex:none;font-family:system-ui,sans-serif;position:relative}.locale-control--panel{margin-top:auto;margin-inline:-22px;width:calc(100% + 44px);margin-bottom:-38px;padding-top:0}#join-form .locale-control--panel{border-top:1px solid #523923a8;width:100%;margin:20px 0 0;padding-top:20px}#join-form .locale-control--panel:before{color:#65492f;text-shadow:-2px 0 #b9a17d,2px 0 #b9a17d;content:"◇";padding:0 8px;font-family:Georgia,serif;font-size:15px;line-height:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}#join-form .locale-control.locale-control--panel .locale-trigger{background:#6845291f;border:1px solid #342216f0;grid-template-columns:28px auto minmax(0,1fr) 18px;gap:12px;min-height:48px;padding:7px 13px;box-shadow:inset 0 1px #fff4db6b,inset 0 -1px #48311e4d,0 0 0 1px #fff0d21f}#join-form .locale-control--panel .locale-mark{color:#2f231a;letter-spacing:0;text-shadow:0 1px #fff4dc57;border-color:#372518e0;width:26px;height:26px;font-family:Georgia,Noto Serif TC,serif;font-size:12px;font-weight:700}#join-form .locale-control--panel .locale-label{color:#34271e;letter-spacing:1px;text-shadow:0 1px #fff4dc4d;font-family:Georgia,Noto Serif TC,serif;font-size:13px;font-weight:600}#join-form .locale-control--panel .locale-current{color:#34261c;letter-spacing:1px;text-shadow:0 1px #fff4dc4d;font-family:Georgia,Noto Serif TC,serif;font-size:17px;font-weight:600}#join-form .locale-control--panel .locale-chevron{color:#4f3825;border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;font-size:0;transform:rotate(45deg)translate(-2px,-2px)}#join-form .locale-control--panel[data-state=open] .locale-chevron{transform:rotate(225deg)}.locale-control.locale-control--panel .locale-trigger{background:linear-gradient(#080a0bd1,#040607e6);border-top:1px solid #b09a7242;grid-template-columns:auto auto minmax(0,1fr) auto;min-height:38px;padding:5px 18px;font-size:11px;box-shadow:inset 0 3px 7px #0000008c}.locale-control--panel .locale-mark{color:#d8bd85;border:1px solid #c6a8708c;border-radius:50%;place-items:center;width:21px;height:21px;font-size:8px;display:grid}.locale-control--panel .locale-label{color:#b09a72c7;letter-spacing:2px;font-size:10px}.locale-control--panel .locale-current{color:#e6d7bb;letter-spacing:1px;text-align:center}.locale-control--panel .locale-chevron{color:#c6a870}.locale-control .locale-trigger{box-sizing:border-box;background:linear-gradient(180deg, #1c1e1f2e, #0a0d0f47), var(--world-shell-notice) center / 100% 100% no-repeat;width:100%;min-height:43px;box-shadow:none;color:var(--ui-parchment);text-align:left;cursor:pointer;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 13px 7px 15px;font-family:system-ui,sans-serif;font-size:12px;display:grid}.locale-control .locale-trigger:hover,.locale-control[data-state=open] .locale-trigger{color:#fff0d2;filter:brightness(1.12)}.locale-mark{color:var(--ui-brass-light);letter-spacing:-1px;font-family:Georgia,Noto Serif TC,serif;font-size:11px}.locale-current{letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.locale-chevron{color:#bba47f;font-family:Georgia,serif;font-size:14px}.locale-popover{z-index:12;box-sizing:border-box;background:linear-gradient(180deg, #18191933, #05080a5c), var(--world-shell-notice) center / 100% 100% no-repeat;border:1px solid #887354;padding:17px 17px 15px;position:absolute;bottom:calc(100% + 5px);left:0;right:0;box-shadow:inset 0 0 0 2px #080b0da8,0 12px 28px #0000008c}.locale-popover[hidden]{display:none}.locale-title{color:#cfbc99;letter-spacing:2px;text-transform:uppercase;margin:0 4px 9px;font-family:Georgia,Noto Serif TC,serif;font-size:11px}.locale-listbox{scrollbar-color:#806a4d #0a0d0f57;scrollbar-width:thin;border-top:1px solid #b09a723d;max-height:190px;overflow:hidden auto}.locale-control .locale-option{width:100%;min-height:36px;box-shadow:none;color:#cfc1aa;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b09a7229;border-radius:0;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 5px;font-family:system-ui,sans-serif;font-size:12px;display:grid}.locale-control .locale-option:hover,.locale-control .locale-option:focus-visible,.locale-control .locale-option[aria-selected=true]{color:#fff0d2;background:linear-gradient(90deg,#8d76544d,#0000)}.locale-option-mark{color:#b89b6c;text-align:center;font-size:9px}.locale-code{color:#8e816d;letter-spacing:.7px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:74px;font-size:9px;overflow:hidden}#chat{z-index:10;left:var(--console-chat-left);top:var(--console-chat-top);width:var(--console-chat-width);height:var(--console-chat-height);font-family:system-ui,sans-serif;position:fixed}#chat[hidden]{display:none}#chat-form{align-items:stretch;gap:0;height:100%;display:flex}#chat-input{min-width:0;color:var(--ui-parchment);font-size:var(--console-chat-font);background:0 0;border:0;border-radius:2px;outline:none;flex:1;padding:0 8px}#chat:focus-within #chat-input{background:#0d111473}#chat-input::placeholder{color:var(--ui-muted)}#chat-form button{color:var(--ui-parchment);font-size:calc(var(--console-chat-font) - 1px);cursor:pointer;background:#0d11148c;border:0;border-left:1px solid #8d765473;border-radius:0;padding:0 10px}#chat:not(:focus-within) #chat-form button{display:none}#chat-log{z-index:9;left:var(--console-chat-left);bottom:var(--console-log-bottom);width:var(--console-log-width);height:var(--console-log-idle-height);pointer-events:none;opacity:var(--console-log-idle-alpha);color:var(--ui-parchment);font-size:var(--console-chat-font);line-height:var(--console-log-line);text-shadow:0 1px 2px #000000d9;flex-direction:column;display:flex;position:fixed;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 28%);mask-image:linear-gradient(#0000 0%,#000 28%)}#chat-log[data-focused=true]{height:var(--console-log-focus-height);pointer-events:auto;opacity:var(--console-log-focus-alpha);overflow-y:auto}.chat-log-line:first-child{margin-top:auto}#chat-log::-webkit-scrollbar{width:4px}#chat-log::-webkit-scrollbar-thumb{background:#8d765473}.chat-log-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#channel{z-index:20;top:var(--console-channel-top);left:var(--console-channel-left);font-family:Georgia,Times New Roman,serif;position:fixed}#channel[hidden]{display:none}#channel-toggle{width:var(--console-channel-size);height:var(--console-channel-size);padding:var(--console-rail-pad,0);box-sizing:border-box;cursor:pointer;background:0 0;border:0;border-radius:50%;line-height:0;position:relative}#channel-toggle[aria-expanded=true] img{filter:drop-shadow(0 2px 3px #0000008c)brightness(1.25)}#channel-toggle[aria-expanded=true]{box-shadow:0 0 6px 2px #ffd68c73}#channel-toggle img{filter:drop-shadow(0 2px 3px #0000008c);width:100%;height:100%}#channel-toggle:hover img{filter:drop-shadow(0 2px 3px #0000008c)brightness(1.12)}#logout-button,#switch-character-button,#system-privacy{width:100%;color:var(--ui-muted);cursor:pointer;background:#0d1114c2;border:1px solid #8d76548c;border-radius:3px;margin-top:6px;padding:6px 9px;font-size:11px;display:block}#system-privacy{box-sizing:border-box;text-align:center;text-decoration:none}#logout-button:hover,#switch-character-button:hover,#system-privacy:hover,#system-privacy:focus-visible{color:var(--ui-parchment)}#channel-list{border:1px solid var(--ui-brass);background:linear-gradient(#252729fa,#2b211cfa);border-radius:3px;min-width:180px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:inset 0 0 0 2px #0d11149e,0 8px 22px #0000005c}#channel-list[hidden]{display:none}#channel-list li{color:var(--ui-muted);margin:2px 0;font-size:12px}#channel-list button{width:100%;color:var(--ui-parchment);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:7px 9px;font-size:12px}#channel-list button:hover:not(:disabled){background:#8d765438}#channel-list button:disabled{color:#6f6a60;cursor:default}@media (prefers-reduced-motion:reduce){.auth-submit-spinner{animation-duration:1.6s}.auth-toast{animation:none}}#system{z-index:19;top:var(--console-gear-top);left:var(--console-gear-left);font-family:Georgia,Times New Roman,serif;position:fixed}#system[hidden]{display:none}#system-toggle{width:var(--console-gear-size);height:var(--console-gear-size);padding:var(--console-rail-pad,0);box-sizing:border-box;cursor:pointer;background:0 0;border:0;border-radius:50%;line-height:0}#system-toggle[aria-expanded=true] img{filter:drop-shadow(0 2px 3px #0000008c)brightness(1.25)}#system-toggle[aria-expanded=true]{box-shadow:0 0 6px 2px #ffd68c73}#system-toggle img{filter:drop-shadow(0 2px 3px #0000008c);width:100%;height:100%}#system-toggle:hover img{filter:drop-shadow(0 2px 3px #0000008c)brightness(1.12)}#system-toggle:hover{color:#fff0c7}#system-panel{border:1px solid var(--ui-brass);background:linear-gradient(#252729fa,#2b211cfa);border-radius:3px;min-width:210px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:inset 0 0 0 2px #0d11149e,0 8px 22px #0000005c}#system-panel[hidden]{display:none}#system-volume{align-items:center;gap:8px;margin-top:6px;display:flex}#system-locale{margin-top:6px}.locale-control--menu{width:100%;margin-top:0}.locale-control--menu .locale-trigger{min-height:34px;padding:4px 9px}.locale-control--menu .locale-popover{width:240px;bottom:calc(100% + 6px);left:auto;right:0}#volume-slider{width:110px;accent-color:var(--ui-brass)}#volume-mute{color:var(--ui-muted);white-space:nowrap;cursor:pointer;background:#0d1114c2;border:1px solid #8d76548c;border-radius:3px;padding:5px 8px;font-size:11px}#volume-mute:hover{color:var(--ui-parchment)}#loading-screen{z-index:15;grid-template-columns:minmax(280px,1fr)}.loading-voyage{width:min(520px,100vw - 72px);position:absolute;bottom:clamp(32px,8vh,86px);left:clamp(36px,8vw,126px)}.loading-kicker{color:#d8cbb69e;letter-spacing:3px;margin-bottom:9px}.loading-bar{box-sizing:border-box;background:#090c0ee0;border:1px solid #8d7654;border-radius:1px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 0 0 2px #00000073,0 3px 10px #00000059}.loading-bar-fill{background-blend-mode:color, normal;background:linear-gradient(90deg,#5e3e18f2,#b08941),url(/ui/hud-v4/xp-fill.webp) 50%/cover;height:100%;transition:width .12s linear;box-shadow:0 0 7px #b4873970}.loading-status{color:#d8cbb6cc;letter-spacing:1px;margin:9px 0 0;font-family:system-ui,sans-serif;font-size:12px}.loading-tip{color:#d8cbb685;letter-spacing:.5px;min-height:18px;margin:7px 0 0;font-family:system-ui,sans-serif;font-size:12px;animation:.6s ease-out loading-tip-in}@keyframes loading-tip-in{0%{opacity:0}to{opacity:1}}.lobby-page{z-index:18}.lobby-panel{scrollbar-color:#7d6749 transparent;scrollbar-width:thin;max-height:calc(100vh - 44px);overflow:hidden auto}.lobby-panel h1{flex:none}.lobby-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lobby-list button{width:100%;color:var(--ui-parchment);cursor:pointer;background:linear-gradient(#2d2823f5,#191918fa);border:1px solid #806a4d;border-radius:2px;justify-content:space-between;padding:10px 14px;font-family:system-ui,sans-serif;font-size:14px;display:flex}.lobby-list button:hover:not(:disabled){border-color:var(--ui-brass-light);background:linear-gradient(#52422cf5,#25201bfa)}.lobby-list button:disabled{opacity:.45;cursor:not-allowed}.lobby-hint{color:#bea886}.lobby-status{color:var(--ui-parchment-muted);padding:10px 14px;font-family:system-ui,sans-serif;font-size:12px}.lobby-actions{justify-content:space-between;margin-top:14px;display:flex}.lobby-actions button{color:var(--ui-parchment-muted);letter-spacing:1px;cursor:pointer;background:#30271f14;border:1px solid #0000;padding:6px 10px;font-family:system-ui,sans-serif;font-size:12px}.lobby-actions button:hover{color:#3c2c20;border-color:#6f5b4380}.character-select-panel>h1:after{content:"";background:linear-gradient(90deg,#0000,#7a5f3abf 18% 82%,#0000);width:min(76%,300px);height:1px;margin:14px auto 0;display:block;box-shadow:0 1px #fff6e266}.character-select-panel .lobby-list{flex:auto;gap:10px}.character-select-panel .character-form{flex:auto}.character-select-panel .character-form .lobby-actions{margin-top:auto}.character-select-panel .lobby-status{color:#6f5d49e0;letter-spacing:1px;text-align:center;padding:18px 8px;font-family:Georgia,Noto Serif TC,serif;font-size:13px;font-style:italic}.character-select-panel .character-row{display:block;position:relative}.character-select-panel .character-row>button:first-child{box-sizing:border-box;width:100%;min-height:64px;color:var(--ui-parchment-ink);cursor:pointer;background:linear-gradient(#4a341c1a,#4a341c0a 46%,#4a341c1f);border:1px solid #7a5f3a8c;border-radius:2px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:12px 52px 11px 18px;font-family:Georgia,Noto Serif TC,serif;font-size:14px;transition:border-color .13s,box-shadow .13s;display:flex;box-shadow:inset 0 0 0 1px #fff6e259,0 1px 2px #392b202e}.character-select-panel .character-row>button:first-child:hover{background:linear-gradient(#8d6f4329,#8d6f430f 46%,#8d6f432e);border-color:#8d6f43;box-shadow:inset 0 0 0 1px #fff6e273,0 0 14px #b08c504d}.character-select-panel .character-row>button:first-child>span:first-child{color:#33261b;letter-spacing:1.5px;text-shadow:0 1px #fff6e273;font-size:19px;font-weight:600}.character-select-panel .character-row .lobby-hint{color:#7a6248;letter-spacing:1.5px;align-items:center;gap:7px;font-family:system-ui,sans-serif;font-size:11px;display:inline-flex}.character-select-panel .character-row .lobby-hint:before{content:"";border:1px solid #8d6f43;width:5px;height:5px;transform:rotate(45deg)}.character-select-panel .character-delete{color:#6f5d49b3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;width:28px;height:28px;padding:0;font-size:13px;line-height:1;transition:color .13s,border-color .13s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.character-select-panel .character-delete:hover{color:var(--ui-danger);background:#a4484014;border-color:#a448408c}.character-slot-empty{box-sizing:border-box;color:#6f5d498c;letter-spacing:2px;border:1px dashed #7a5f3a66;border-radius:2px;place-items:center;min-height:64px;font-family:Georgia,Noto Serif TC,serif;font-size:12px;font-style:italic;display:grid}.character-select-panel .lobby-actions{gap:12px;margin-top:20px;margin-bottom:12px}.character-select-panel .lobby-actions button{box-sizing:border-box;color:#5a4736;letter-spacing:2px;cursor:pointer;background:#fff6e229;border:1px solid #7a5f3ab3;border-radius:2px;min-width:108px;padding:10px 18px;font-family:Georgia,Noto Serif TC,serif;font-size:14px;transition:color .13s,border-color .13s,background-color .13s;box-shadow:inset 0 0 0 1px #fff6e240}.character-select-panel .lobby-actions button:hover:not(:disabled){color:#33261b;background:#fff6e24d;border-color:#5a4736e6}.character-select-panel .lobby-actions button:disabled{opacity:.45;cursor:not-allowed}.character-select-panel .lobby-actions button.action-primary{color:#e6d3ab;text-shadow:0 1px 1px #0000008c;background:linear-gradient(#4c4238 0%,#332c26 52%,#23201c 100%);border-color:#8d7654;box-shadow:inset 0 1px #d8be8c4d,inset 0 -2px 3px #00000059,0 2px 6px #1e140a66}.character-select-panel .lobby-actions button.action-primary:hover:not(:disabled){border-color:var(--ui-brass-light);color:#f4e5c2;background:linear-gradient(#5a4e40 0%,#3b332b 52%,#282420 100%)}.character-select-panel .lobby-actions button.character-danger{color:#d8a89a;text-shadow:0 1px 1px #0000008c;background:linear-gradient(#4a322e 0%,#332420 52%,#221917 100%);border-color:#a44840b3;box-shadow:inset 0 1px #d8968c38,inset 0 -2px 3px #00000059,0 2px 6px #1e0a0866}.character-select-panel .lobby-actions button.character-danger:hover:not(:disabled){border-color:var(--ui-danger);color:#eebfb2}.character-select-panel .character-form{flex-direction:column;gap:12px;display:flex}.character-select-panel .character-form label{color:#5a4736;letter-spacing:1px;margin-top:4px;margin-left:8px;font-family:system-ui,sans-serif;font-size:12px}.character-select-panel>.character-hint{margin-left:8px}.character-select-panel .character-form input{box-sizing:border-box;color:#34291f;letter-spacing:1px;background:linear-gradient(#fff6e26b,#fff6e233);border:1px solid #7a5f3aa6;border-radius:2px;padding:12px 14px;font-family:Georgia,Noto Serif TC,serif;font-size:17px;box-shadow:inset 0 2px 4px #392b2029,0 1px #fff6e273}.character-select-panel .character-form input::placeholder{color:#6f5d4999;font-size:15px}.character-select-panel .character-form input:focus-visible{border-color:#8d6f43}.character-select-panel .character-classes{justify-content:center;margin:4px 0 6px;display:flex}.character-select-panel .character-class{box-sizing:border-box;width:min(100%,300px);color:var(--ui-parchment-ink);text-align:center;cursor:pointer;background:linear-gradient(#4a341c17,#4a341c08 55%,#4a341c1c);border:1px solid #7a5f3a8c;border-radius:2px;flex-direction:column;align-items:center;gap:8px;padding:24px 22px 20px;font-family:Georgia,Noto Serif TC,serif;transition:border-color .13s,box-shadow .13s;display:flex;box-shadow:inset 0 0 0 1px #fff6e259}.character-select-panel .character-class strong{color:#33261b;letter-spacing:3px;text-shadow:0 1px #fff6e273;font-size:21px;font-weight:600}.character-select-panel .character-class>span:last-child{color:#6f5d49;max-width:230px;font-family:system-ui,sans-serif;font-size:12px;line-height:1.6}.character-class-emblem{border:1px solid #8d6f43;place-items:center;width:30px;height:30px;margin-bottom:6px;display:grid;position:relative;transform:rotate(45deg)}.character-class-emblem:before{content:"";border:1px solid #8d6f438c;width:16px;height:16px}.character-class-emblem:after{content:"";background:#8d6f43;width:6px;height:6px;position:absolute}.character-select-panel .character-class.is-active{background:linear-gradient(#8d6f4326,#8d6f430d 55%,#8d6f432b);border-color:#8d6f43;box-shadow:inset 0 0 0 1px #fff6e273,0 0 16px #b08c5047}.character-select-panel .character-form,.character-select-panel .character-step-indicator{margin-inline:14px}.character-select-panel .character-step-indicator{letter-spacing:1px;color:#9b8768;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:2px 0 6px;font-family:Georgia,Noto Serif TC,serif;font-size:10px;display:flex}.character-select-panel .character-step-indicator .is-current{color:#4c3a26;text-shadow:0 0 8px #b08c5059;font-weight:700}.character-select-panel .character-classes{flex-wrap:wrap;gap:10px}.character-select-panel .character-classes .character-class{width:min(100%,148px);padding:14px 10px 12px}.character-select-panel .character-classes .character-class>span:last-child{max-width:128px;font-size:11px}.character-select-panel .character-class-locked{filter:grayscale(.9);opacity:.55;cursor:not-allowed;position:relative}.character-select-panel .character-class-ribbon{color:#f4e9d2;letter-spacing:1px;background:#6f5d49;border-radius:2px;padding:2px 8px;font-size:10px;position:absolute;top:8px;right:-6px;transform:rotate(6deg)}.character-select-panel .attr-two-layer-hint{color:#6f5d49;background:#8d76541a;border-left:3px solid #8d7654;margin:0 0 8px;padding:6px 10px;font-size:12px;line-height:1.6}.character-select-panel .attr-preset-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.character-select-panel .attr-preset-card{color:#34291f;cursor:pointer;text-align:left;background:0 0;border:1px solid #4d3a2673;flex-direction:column;gap:2px;padding:6px 10px;font-family:Georgia,Noto Serif TC,serif;display:flex}.character-select-panel .attr-preset-card span{color:#6f5d49;font-size:11px}.character-select-panel .attr-preset-card.is-active{background:#8d6f431f;border-color:#8d6f43;box-shadow:inset 0 0 0 1px #fff6e273}.character-select-panel .attr-preset-badge{color:#6f5d49;border:1px dashed #8d7654;padding:2px 8px;font-size:11px}.character-select-panel .attr-advanced{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.character-select-panel .attr-advanced-toggle{color:#6f5d49;cursor:pointer;background:0 0;border:0;padding:4px 0;font-family:Georgia,Noto Serif TC,serif;font-size:12px}.character-select-panel .attr-remaining{color:#8d6f43;letter-spacing:1px;font-size:13px;font-weight:700}.character-select-panel .attr-table{scrollbar-width:thin;flex-direction:column;max-height:186px;padding-right:2px;display:flex;overflow-y:auto}.character-select-panel .attr-row{border-bottom:1px solid #8d76542e;grid-template-columns:46px 18px 22px 1fr 56px;align-items:center;gap:2px;padding:2px 0;font-size:11px;display:grid}.character-select-panel .attr-name{color:#34291f}.character-select-panel .attr-base{color:#9b8768}.character-select-panel .attr-alloc{color:#8d6f43;font-weight:700}.character-select-panel .attr-effect{color:#6f5d49;font-size:11px}.character-select-panel .attr-controls{justify-content:flex-end;gap:6px;display:flex}.character-select-panel .attr-controls button{color:#34291f;cursor:pointer;background:0 0;border:1px solid #4d3a2673;width:20px;height:20px;line-height:1}.character-select-panel .attr-controls button:disabled{opacity:.35;cursor:default}.character-select-panel .attr-cap-hint{color:#9b8768;align-self:center;font-size:10px}.character-select-panel .attr-table-actions{justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.character-select-panel .attr-table-actions button{color:#6f5d49;cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.character-select-panel .stat-mode-tabs{gap:8px;margin-bottom:8px;display:flex}.character-select-panel .stat-mode-tab{color:#34291f;cursor:pointer;text-align:left;background:0 0;border:1px solid #4d3a2673;flex-direction:column;flex:1;gap:2px;padding:6px 8px;font-family:Georgia,Noto Serif TC,serif;display:flex}.character-select-panel .stat-mode-tab span{color:#6f5d49;font-size:10px;line-height:1.4}.character-select-panel .stat-mode-tab.is-active{background:#8d6f431f;border-color:#8d6f43;box-shadow:inset 0 0 0 1px #fff6e273}.character-select-panel .roll-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.character-select-panel .roll-attempts{color:#8d6f43;font-size:12px;font-weight:700}.character-select-panel .roll-results{scrollbar-width:thin;flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.character-select-panel .roll-card{color:#34291f;cursor:pointer;text-align:left;background:0 0;border:1px solid #4d3a2673;flex-direction:column;gap:2px;padding:8px 12px;font-family:Georgia,Noto Serif TC,serif;display:flex}.character-select-panel .roll-card span{color:#6f5d49;font-size:11px}.character-select-panel .roll-card.is-active{background:#7c5a9e1a;border-color:#7c5a9e;box-shadow:inset 0 0 0 1px #f0e2ff66}.character-select-panel .character-summary{background:#8d765414;border:1px solid #8d765459;padding:10px 12px}.character-select-panel .character-summary p{color:#6f5d49;margin:0 0 4px;font-size:12px}.character-select-panel .character-summary p strong{color:#34291f;margin-right:8px}.character-select-panel .character-summary-title{letter-spacing:2px;color:#9b8768;font-size:11px}.character-select-panel .character-summary-alloc{color:#8d6f43}.character-hint{color:#6f5d49;letter-spacing:.5px;margin:8px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:13px;line-height:1.7}.character-select-panel .character-form .character-hint{color:#5a4736;background:#fff6e238;border-left:2px solid #a44840a6;margin:4px 0 0;padding:10px 14px;box-shadow:inset 0 0 0 1px #fff6e233}.character-error{border-left:2px solid var(--ui-danger);color:#8f3a32;background:#a448401a;margin:0;padding:9px 12px;font-family:Georgia,Noto Serif TC,serif;font-size:13px;line-height:1.5}@media (width>=901px) and (height>=621px) and (height<=820px){#join-form{gap:6px}.world-shell-panel>h1{margin-bottom:12px}}@media (width<=900px),(height<=620px){.world-shell-page{grid-template-columns:minmax(240px,1fr) minmax(340px,48vw);gap:12px;padding:12px 18px}.world-shell-brand{width:auto;padding-left:8px}.world-shell-brand h1{margin:5px 0 7px;font-size:clamp(34px,5.6vw,52px)}.world-shell-tagline{letter-spacing:2px;font-size:11px}.world-shell-panel{--panel-h:calc(100vh - 24px);width:min(420px,48vw);min-height:0;height:var(--panel-h);padding:calc(var(--panel-h) * .154) 40px 4px}.world-shell-panel.auth-panel{--panel-h:min(70vh, 650px);min-height:var(--panel-h);height:var(--panel-h)}.world-shell-panel>h1{margin:calc(var(--panel-h) * .101 - 12px) 0 1px;letter-spacing:2px;font-size:20px}#join-form>h1{margin-top:calc(var(--panel-h) * .101);margin-bottom:1px}#join-form{gap:2px}#join-form .auth-tab,#join-form button,#email,#password{padding-top:4px;padding-bottom:4px;line-height:1.15}.locale-control--panel .locale-trigger,.locale-control--panel .locale-current,.locale-control--panel .locale-label{line-height:1.15}.lobby-panel{max-height:calc(100vh - 24px)}.lobby-list{gap:5px}.lobby-list button{padding:7px 10px}.character-select-panel>h1:after{margin-top:8px}.character-select-panel .lobby-list{gap:6px}.character-select-panel .character-row>button:first-child{gap:2px;min-height:0;padding:7px 44px 7px 12px}.character-select-panel .character-row>button:first-child>span:first-child{font-size:15px}.character-slot-empty{min-height:40px}.character-select-panel .lobby-actions{margin-top:10px}.character-select-panel .lobby-actions button{min-width:90px;padding:6px 12px;line-height:1.15}.character-select-panel .character-form{gap:6px}.character-select-panel .character-form input{padding:6px 10px;line-height:1.15}.character-select-panel .character-class{gap:4px;padding:10px 14px 8px}.character-select-panel .character-class strong{font-size:16px}.character-class-emblem{width:20px;height:20px;margin-bottom:2px}.character-class-emblem:before{width:10px;height:10px}.character-class-emblem:after{width:4px;height:4px}.locale-control--panel{margin-inline:-16px;width:calc(100% + 32px);margin-bottom:0;padding-top:0}#join-form .locale-control--panel{width:100%;margin:2px 0 0;padding-top:12px}.locale-control--panel .locale-trigger{min-height:28px;padding:3px 14px}#join-form .locale-control.locale-control--panel .locale-trigger{grid-template-columns:21px auto minmax(0,1fr) 14px;gap:7px;min-height:34px;padding:3px 8px}#join-form .locale-control--panel .locale-mark{width:19px;height:19px;font-size:9px}#join-form .locale-control--panel .locale-label{font-size:10px}#join-form .locale-control--panel .locale-current{font-size:13px}#join-form .locale-control--panel .locale-chevron{border-width:1px;width:6px;height:6px}.locale-control--panel .locale-popover{padding:12px 14px}.locale-listbox{max-height:170px}}@media (width<=680px){.world-shell-page{grid-template-columns:1fr;padding:14px}.world-shell-brand{width:min(48vw,240px);padding:0;position:absolute;top:18px;left:18px}.world-shell-brand h1{letter-spacing:5px;font-size:28px}.world-shell-tagline{display:none}.world-shell-panel{justify-self:center;width:min(100%,470px);height:min(760px,100vh - 86px);margin-top:58px}.world-shell-panel.auth-panel{--panel-h:min(640px, calc(100vh - 110px));width:min(100%,470px);height:var(--panel-h);padding:calc(var(--panel-h) * .154) 40px 32px}#join-form{gap:8px}#join-form>h1{margin-top:calc(var(--panel-h) * .101);margin-bottom:8px;font-size:24px}#join-form .auth-tab,#join-form button,#email,#password{padding:8px 10px;line-height:1.2}#join-form .locale-control--panel{margin-top:18px;padding-top:18px}#join-form .locale-control.locale-control--panel .locale-trigger{grid-template-columns:26px auto minmax(0,1fr) 16px;gap:10px;min-height:44px;padding:5px 9px}#join-form .locale-control--panel .locale-mark{width:24px;height:24px;font-size:11px}#join-form .locale-control--panel .locale-label{font-size:12px}#join-form .locale-control--panel .locale-current{font-size:16px}#join-form .locale-control--panel .locale-chevron{border-width:2px;width:9px;height:9px}}@media (height<=620px) and (width>=681px){.world-shell-panel.auth-panel{--panel-h:calc(100vh - 24px);width:min(420px,48vw);min-height:0;height:var(--panel-h);padding:calc(var(--panel-h) * .154) 40px 4px}#join-form{gap:2px}#join-form>h1{margin-top:calc(var(--panel-h) * .101);margin-bottom:1px;font-size:20px}#join-form .auth-tab,#join-form button,#email,#password{padding:4px 10px;line-height:1.15}#join-form .locale-control--panel{margin-top:2px;padding-top:10px}#join-form .locale-control.locale-control--panel .locale-trigger{grid-template-columns:20px auto minmax(0,1fr) 13px;gap:6px;min-height:30px;padding:3px 8px}}body.economy-panel-open #channel,body.economy-panel-open #system,body.character-panel-open #channel,body.character-panel-open #system,body.dialogue-open #chat,body.dialogue-open #channel,body.dialogue-open #system{visibility:hidden}.device-gate{z-index:40;box-sizing:border-box;color:var(--ui-parchment);text-align:center;background:#05090cf0;place-items:center;padding:24px;font-family:Georgia,Noto Serif TC,serif;display:grid;position:fixed;inset:0}.device-gate-panel{max-width:460px}.device-gate-panel h2{letter-spacing:2px;margin:0 0 14px;font-size:24px;font-weight:600}.device-gate-panel p{color:var(--ui-brass-light);margin:0;font-size:15px;line-height:1.8}#wi-consent{z-index:9000;background:#0d1114f5;border-top:1px solid #b09a7252;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 20px;padding:14px clamp(16px,4vw,32px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000073}#wi-consent p{max-width:62ch;color:var(--ui-brass-light);margin:0;font-size:13px;line-height:1.7}#wi-consent a{color:#d8c39a;text-underline-offset:2px;text-decoration:underline}.wi-consent-actions{flex-shrink:0;gap:10px;display:flex}.wi-consent-actions button{border:1px solid var(--ui-brass);min-width:104px;color:var(--ui-brass-light);font:inherit;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:3px;padding:9px 18px;font-size:13px;transition:background .16s,color .16s,border-color .16s}.wi-consent-actions button:hover,.wi-consent-actions button:focus-visible{border-color:var(--ui-brass-light);color:#e8dcc4}.wi-consent-actions button.is-primary{background:#8d76544d}.wi-consent-actions button.is-primary:hover,.wi-consent-actions button.is-primary:focus-visible{background:#b09a7266}@media (width<=560px){#wi-consent{justify-content:stretch}.wi-consent-actions,.wi-consent-actions button{flex:1}}.auth-copyright p{margin:0}.auth-legal{margin-bottom:5px!important}.auth-copyright button{color:#e2cda8d1;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-bottom:1px solid #cbae7a73;padding:0 0 1px;transition:color .18s,border-color .18s}.auth-copyright button:hover,.auth-copyright button:focus-visible{border-bottom-color:var(--ui-brass-light);color:var(--ui-brass-light)}.auth-consent{text-align:center;color:var(--ui-parchment-muted);margin:12px 0 2px;font-size:11px;line-height:1.65}.auth-consent a{color:var(--ui-parchment-ink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth-consent a:hover,.auth-consent a:focus-visible{color:#1d1610}.character-create-wizard{--cs-brass:#b08c50;--cs-brass-glow:#b08c5059;--cs-fs-body:14px;--cs-fs-label:15px;--cs-fs-num:16px;box-sizing:border-box;background:radial-gradient(at 34% 46%,#0a0d1159 0%,#0000 55%),#000;grid-template-columns:minmax(400px,1fr) minmax(560px,640px);align-items:center;gap:clamp(32px,3vw,48px);padding:clamp(16px,3vh,40px) clamp(24px,4vw,72px);display:grid;position:fixed;inset:0;overflow:hidden}.ccw-stage{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;align-items:center;height:min(92vh,980px);display:flex;position:relative}.ccw-stage-portrait{object-fit:contain;max-width:100%;height:86%;animation:.22s ease-out ccw-portrait-in;-webkit-mask-image:radial-gradient(62% 54% at 50% 46%,#000 58%,#0000 88%);mask-image:radial-gradient(62% 54% at 50% 46%,#000 58%,#0000 88%)}@keyframes ccw-portrait-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ccw-stage-ring{aspect-ratio:3;filter:blur(.5px);border:2px solid;border-radius:50%;width:46%;position:absolute;bottom:9%}.ccw-ring-knight{border-color:#7a9ebc8c;box-shadow:0 0 34px #608ab073,inset 0 0 26px #608ab04d}.ccw-ring-sorceress{border-color:#947ac68c;box-shadow:0 0 34px #7a60ba73,inset 0 0 26px #7a60ba4d}.ccw-stage-plate{text-align:center;background:linear-gradient(#0c0a0800,#0c0a089e 30% 70%,#0c0a0800);flex-direction:column;align-items:center;gap:4px;margin-top:-4%;padding:10px 34px 12px;display:flex;position:relative}.ccw-stage-plate strong{font-family:var(--serif,serif);letter-spacing:6px;color:#d8b874;text-shadow:0 2px 10px #000000b3;font-size:28px}.ccw-stage-plate span{font-size:var(--cs-fs-body);color:#d8cbb6d1}.ccw-stage-name{letter-spacing:3px;color:#e8decaeb;border-bottom:1px dashed #d8b87473;min-height:1.4em;padding-bottom:3px;font-size:18px}.character-create-wizard .ccw-form.world-shell-panel{--panel-h:min(94vh, 922px);scrollbar-width:thin;width:100%;max-height:96vh;font-size:var(--cs-fs-body);padding-inline:clamp(72px,6vw,92px);padding-bottom:calc(var(--panel-h) * .1);justify-self:stretch;overflow:hidden}.character-create-wizard .ccw-body{scrollbar-width:thin;padding-right:4px;overflow-y:auto}.character-create-wizard .ccw-body .lobby-actions{margin-top:auto;padding-top:8px;position:sticky;bottom:0}.ccw-title{white-space:nowrap}.character-create-wizard .character-select-panel>h1:after{min-width:40px}.ccw-title{align-items:baseline;gap:12px;display:flex}.ccw-title-class{color:var(--cs-brass);letter-spacing:3px;font-size:.8em;font-style:normal}.ccw-steps{align-items:center;gap:8px;margin:6px 0 14px;padding:0;list-style:none;display:flex}.ccw-steps li{opacity:.55;align-items:center;gap:7px;display:flex}.ccw-steps li.is-current,.ccw-steps li.is-done{opacity:1}.ccw-steps li+li:before{content:"";background:#6e5c4299;width:26px;height:1px;margin-right:8px}.ccw-step-node{width:26px;height:26px;color:var(--ui-parchment-ink);border:1.5px solid #6e5c42cc;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.ccw-steps li.is-current .ccw-step-node{background:var(--cs-brass);border-color:var(--cs-brass);color:#241a10;box-shadow:0 0 12px var(--cs-brass-glow)}.ccw-steps li.is-done .ccw-step-node{border-color:var(--cs-brass);color:var(--cs-brass)}.ccw-step-label{letter-spacing:1px;font-size:12.5px}.ccw-body{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.ccw-class-list{flex-direction:column;gap:10px;display:flex}.ccw-class-row{text-align:left;min-height:84px;color:inherit;cursor:pointer;opacity:.78;background:#3a2c1e14;border:1.5px solid #6e5c4273;border-radius:4px;align-items:center;gap:14px;padding:12px 16px;display:flex}.ccw-class-row:hover{opacity:1}.ccw-class-row.is-active{opacity:1;border-color:var(--cs-brass);box-shadow:0 0 0 1px #eee2c873 inset, 0 0 18px var(--cs-brass-glow);background:#b08c501f}.ccw-class-row .character-class-emblem{flex-shrink:0}.ccw-class-text{flex-direction:column;gap:4px;display:flex}.ccw-class-text strong{font-family:var(--serif,serif);letter-spacing:4px;font-size:20px}.ccw-class-text span{font-size:var(--cs-fs-body);opacity:.85}.ccw-stat-preview{border-top:1px solid #6e5c4266;border-bottom:1px solid #6e5c4266;grid-template-columns:1fr 1fr;gap:8px 24px;padding:12px 14px;display:grid}.ccw-stat-row{font-size:var(--cs-fs-body);grid-template-columns:3.5em 1fr 3em;align-items:center;gap:8px;display:grid}.ccw-stat-bar{background:#3a2c1e40;border-radius:2px;height:8px;overflow:hidden}.ccw-stat-bar>span{background:linear-gradient(90deg, #7a6238, var(--cs-brass));height:100%;transition:width .18s ease-out;display:block}.ccw-stat-value{font-size:var(--cs-fs-num);font-variant-numeric:tabular-nums;text-align:right}.ccw-mode-cards{gap:12px;display:flex}.ccw-mode-card{text-align:left;min-height:78px;color:inherit;cursor:pointer;opacity:.72;background:#3a2c1e14;border:1.5px solid #6e5c4273;border-radius:4px;flex-direction:column;flex:1;gap:5px;padding:12px 14px;display:flex;position:relative}.ccw-mode-card.is-active{opacity:1;border-color:var(--cs-brass);box-shadow:0 0 0 1px #eee2c866 inset, 0 0 14px var(--cs-brass-glow);background:#b08c501f}.ccw-mode-card.is-active:after{content:"✓";color:var(--cs-brass);font-size:15px;position:absolute;top:6px;right:10px}.ccw-mode-card strong{letter-spacing:2px;font-size:17px}.ccw-mode-card span{opacity:.85;font-size:13px}.ccw-dice-stage{background:radial-gradient(at 50% 42%,#404e3ae6,#222a20f5),#222a20;border:2px solid #58462ed9;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:140px;display:flex;position:relative;box-shadow:inset 0 4px 18px #0000008c}.ccw-dice-idle{filter:drop-shadow(0 6px 6px #00000073);gap:18px;font-size:44px;display:flex}.ccw-dice-latest{font-family:var(--serif,serif);letter-spacing:3px;color:#d8b874;text-shadow:0 1px 8px #0009;margin:0;font-size:22px}.roll-kept{color:var(--cs-brass);letter-spacing:1px;margin-left:8px;font-size:12px;font-style:normal}.ccw-summary-attrs{font-size:var(--cs-fs-body);flex-wrap:wrap;gap:6px 18px;display:flex}.ccw-summary-attr strong{font-size:var(--cs-fs-num);font-variant-numeric:tabular-nums}.ccw-summary-attr em{opacity:.65;font-size:12.5px;font-style:normal}.ccw-summary-derived{font-size:var(--cs-fs-label);margin:6px 0 0}.ccw-summary-origin{color:var(--cs-brass);margin:2px 0 0;font-size:13px}.character-create-wizard .ccw-name-input{text-align:center;letter-spacing:3px;height:48px;font-size:18px}.character-create-wizard .character-select-panel,.character-create-wizard .attr-row,.character-create-wizard .roll-card span,.character-create-wizard .character-hint{font-size:var(--cs-fs-body)}.character-create-wizard .attr-table{max-height:none;overflow:visible}.character-create-wizard .attr-controls button{width:32px;height:32px;font-size:var(--cs-fs-num)}.character-create-wizard .attr-remaining{color:var(--cs-brass);letter-spacing:2px;font-size:18px}@media (width<=1023px){.character-create-wizard{grid-template-columns:1fr;justify-items:center;overflow-y:auto}.ccw-stage{display:none}.character-create-wizard .ccw-form.world-shell-panel{width:min(100%,560px)}}.die-throw{will-change:transform;pointer-events:none;width:44px;height:44px;position:absolute;top:44px;left:0}.die-squash{will-change:transform;perspective:900px;width:100%;height:100%}.die-spin{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.die-shadow{filter:blur(3px);will-change:transform, opacity;pointer-events:none;background:#140e06e6;border-radius:50%;width:30px;height:9px;position:absolute;top:84px;left:0}.die-face{backface-visibility:hidden;background:linear-gradient(168deg,#f2ead8,#e4d8bf 70%,#d8c9ab);border-radius:5px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #8a6d4a73}.die-face-front{transform:translateZ(22px)}.die-face-back{transform:rotateY(180deg)translateZ(22px)}.die-face-right{transform:rotateY(90deg)translateZ(22px)}.die-face-left{transform:rotateY(-90deg)translateZ(22px)}.die-face-top{transform:rotateX(90deg)translateZ(22px)}.die-face-bottom{transform:rotateX(-90deg)translateZ(22px)}.die-pip{background:radial-gradient(circle at 36% 32%,#7d5732,#59401f);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1.5px 2px #1e1206a6}.die-pips-1{grid-template-columns:1fr}.die-pips-2{grid-template-columns:1fr 1fr;padding:9px}.die-pips-2 .die-pip:first-child{align-self:start}.die-pips-2 .die-pip:last-child{align-self:end}.die-pips-3{grid-template-columns:1fr 1fr 1fr;padding:7px}.die-pips-3 .die-pip:first-child{place-self:start}.die-pips-3 .die-pip:nth-child(2){grid-column:2;place-self:center}.die-pips-3 .die-pip:nth-child(3){grid-column:3;place-self:end}.ccw-dice-latest.is-stamp{animation:.15s cubic-bezier(.34,1.56,.64,1) ccw-stamp}@keyframes ccw-stamp{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.die-throw,.die-spin,.die-squash{transition:none!important}}.ccw-dice-stage .ccw-dice-latest{text-align:center;pointer-events:none;margin:0;position:absolute;bottom:8px;left:0;right:0}.character-select-panel .roll-head button.action-primary{color:#e6d3ab;letter-spacing:2px;text-shadow:0 1px 1px #0000008c;cursor:pointer;background:linear-gradient(#4c4238 0%,#332c26 52%,#23201c 100%);border:1px solid #8d7654;border-radius:2px;min-height:40px;padding:8px 22px;font-family:Georgia,Noto Serif TC,serif;font-size:14px;box-shadow:inset 0 1px #d8be8c4d,inset 0 -2px 3px #00000059,0 2px 6px #1e140a66}.character-select-panel .roll-head button.action-primary:hover:not(:disabled){border-color:var(--ui-brass-light);color:#f4e5c2;background:linear-gradient(#5a4e40 0%,#3b332b 52%,#282420 100%)}.character-select-panel .roll-head button.action-primary:disabled{opacity:.55;cursor:not-allowed}.character-create-wizard .locale-popover{background:linear-gradient(#1e1c18f7,#12100dfa);border:1px solid #887354;box-shadow:inset 0 0 0 2px #080b0da8,0 12px 28px #000000a6}.character-create-wizard .ccw-body input{box-sizing:border-box;color:#34291f;background:linear-gradient(#fff6e26b,#fff6e233);border:1px solid #7a5f3aa6;border-radius:2px;padding:12px 14px;font-family:Georgia,Noto Serif TC,serif;box-shadow:inset 0 2px 4px #392b2029,0 1px #fff6e273}.character-create-wizard .ccw-body input::placeholder{color:#6f5d4999;font-size:15px}.character-create-wizard .ccw-body input:focus-visible{border-color:#8d6f43;outline:none}