@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap";:root{color:#e8e3d5;font-synthesis:none;background:#111817;font-family:Noto Serif SC,serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.game-shell{isolation:isolate;min-height:100svh;padding-bottom:92px;position:relative;overflow:hidden}.world-bg{z-index:-4;background:url(/assets/soul-master-world.png) 50%/cover no-repeat;animation:15s ease-in-out infinite alternate breathe;position:fixed;inset:0}.paper-noise{z-index:-3;opacity:.18;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 0 0,#0000 0,#fff1 1px,#0000 2px 5px);background-size:9px 9px;position:fixed;inset:0}.vignette{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#080e0ed6 0%,#080e0e52 42%,#080e0e0d 70%),linear-gradient(#080d0d99,#0000 55%,#080d0de0);position:fixed;inset:0}@keyframes breathe{0%{filter:saturate(.85)brightness(.9);transform:scale(1.005)}to{filter:saturate()brightness();transform:scale(1.035)}}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a1111eb,#0a111194);border-bottom:1px solid #cdb47b47;align-items:center;gap:28px;min-height:82px;padding:12px 3.5vw;display:flex}.profile{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-width:250px;display:flex}.profile .avatar{color:#eee2c5;background:radial-gradient(circle,#4b625c,#162421);border:1px solid #bd9d60;border-radius:50%;place-items:center;width:50px;height:50px;font-family:Ma Shan Zheng;font-size:23px;display:grid;box-shadow:0 0 0 3px #111b18,0 0 16px #8ca99866}.profile b,.profile small{display:block}.profile b{letter-spacing:.16em;font-size:18px}.profile small{color:#aaa99e;margin-top:3px;font-size:11px}.level-wrap{width:min(280px,24vw);position:relative}.level-wrap>span{color:#a8aaa1;font-size:11px}.level-wrap>b{color:#d7be7d;margin-left:10px;font-size:24px}.level-wrap>b i{margin-left:2px;font-size:11px;font-style:normal}.level-wrap>small{color:#bebbae;font-size:10px;position:absolute;bottom:11px;right:0}.xp{background:#49504c;height:3px;margin-top:7px;overflow:hidden}.xp span{background:linear-gradient(90deg,#7b9e83,#e4c779);height:100%;display:block;box-shadow:0 0 10px #e7cf90}.resources{align-items:center;gap:18px;margin-left:auto;display:flex}.resource{align-items:center;gap:8px;min-width:85px;display:flex}.resource>svg{background:#1c2927;border:1px solid #ffffff25;border-radius:50%;width:31px;height:31px;padding:5px}.resource small,.resource b{display:block}.resource small{color:#969a92;font-size:9px}.resource b{margin-top:2px;font-size:13px}.resource.gold svg{color:#e4c05f}.resource.blue svg{color:#85cbd2}.resource.purple svg{color:#ad8bd4}.round-btn{color:#bbb;cursor:pointer;background:#172220bb;border:1px solid #ffffff2b;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.round-btn:hover{color:#ead59f;border-color:#c4a462;transform:translateY(-2px)}.main-stage{grid-template-columns:300px minmax(350px,1fr) minmax(390px,520px);align-items:end;gap:4vw;min-height:calc(100svh - 174px);padding:5vh 3.5vw 2vh;display:grid}.ink-panel{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(135deg,#0e1817e6,#0c1212b8);border:1px solid #cbb58247;box-shadow:0 22px 60px #0008,inset 0 0 45px #7590810a}.character-card{grid-column:1;padding:24px;position:relative;overflow:hidden}.character-card:before,.story-panel:before{content:"";pointer-events:none;border:1px solid #b8a26c24;position:absolute;inset:7px}.eyebrow{color:#c9ae70;letter-spacing:.38em;text-transform:uppercase;font-size:10px}.character-card h2,.save-modal h2{color:#eee2c4;letter-spacing:.12em;margin:7px 0 3px;font-family:Ma Shan Zheng;font-size:29px;font-weight:400}.character-card>p{color:#8f9890;margin:0 0 22px;font-size:11px}.stat-grid{border-top:1px solid #ffffff13;grid-template-columns:repeat(5,1fr);gap:5px;padding-top:16px;display:grid}.stat-grid div{text-align:center}.stat-grid small,.stat-grid b{display:block}.stat-grid small{color:#858b84;font-size:9px}.stat-grid b{color:#ded7c5;margin-top:5px;font-size:14px}.ring-row{justify-content:center;gap:10px;margin:22px 0 16px;display:flex}.ring{color:#111;border:1px solid #ffffff36;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;display:grid;box-shadow:inset 0 0 0 4px #17211f}.ring.filled{border:2px solid var(--ring);color:#efd987;box-shadow:0 0 10px color-mix(in srgb, var(--ring), transparent 30%), inset 0 0 0 4px #17211f}.skill{background:#ffffff0a;border-left:2px solid #c8a85f;align-items:center;gap:10px;padding:10px 12px;display:flex}.skill svg{color:#d7af56}.skill span{flex:1}.skill small,.skill b{display:block}.skill small{color:#8f938e;font-size:8px}.skill b{margin-top:2px;font-size:12px}.skill em{color:#cfb16f;font-size:10px;font-style:normal}.chapter-mark{writing-mode:vertical-rl;letter-spacing:.4em;text-shadow:0 3px 16px #000;grid-column:2;place-self:center;transform:translateY(-8vh)}.chapter-mark small{color:#b6a36f;font-size:10px}.chapter-mark span{color:#e9e0c9;margin-top:14px;font-family:Ma Shan Zheng;font-size:30px}.story-panel{flex-direction:column;grid-column:3;max-height:69vh;padding:20px 22px 18px;display:flex;position:relative}.story-head{color:#c5b787;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:11px;display:flex}.story-head>span{color:#868f89;align-items:center;gap:5px;font-size:9px;display:flex}.live-dot{background:#88aaa1;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #a9e5d5}.story-scroll{scrollbar-width:thin;scrollbar-color:#6e765f44 transparent;min-height:178px;padding:12px 5px 8px;overflow:auto}.story-scroll p{color:#d0ccbf;margin:8px 0;font-size:12px;line-height:1.8}.story-scroll .story-time{color:#7e8882;letter-spacing:.13em;font-size:9px}.story-scroll .story-place{color:#dec988;font-family:Ma Shan Zheng;font-size:19px}.story-scroll .story-npc{color:#b8c8be;border-left:1px solid #728b7d;padding-left:12px}.story-scroll .story-choice{color:#ab9870;font-size:10px}.thinking{opacity:.6;animation:1.3s infinite pulse}@keyframes pulse{50%{opacity:.25}}.choice-label{color:#9d937a;letter-spacing:.2em;align-items:center;gap:10px;margin:4px 0 8px;font-size:9px;display:flex}.choice-label:before,.choice-label:after{content:"";background:#ffffff12;flex:1;height:1px}.choices{gap:7px;display:grid}.choices button{text-align:left;color:#d7d2c4;cursor:pointer;background:linear-gradient(90deg,#31403b96,#1a2523aa);border:1px solid #ffffff14;grid-template-columns:29px 22px 1fr 18px;align-items:center;gap:9px;padding:9px 11px;transition:all .2s;display:grid}.choices button:hover{background:linear-gradient(90deg,#4a584bba,#202d2aaa);border-color:#b69b5f;transform:translate(-5px);box-shadow:8px 6px 22px #0004}.choices button:disabled{opacity:.5}.choices button>svg{color:#b9a36e}.choices button>svg:last-child{color:#717b75}.choice-num{color:#857c68;border-right:1px solid #ffffff1a;font-size:9px}.choices b,.choices small{display:block}.choices b{letter-spacing:.08em;font-size:12px}.choices small{color:#92978e;margin-top:2px;font-size:8px}.dock{z-index:10;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);background:linear-gradient(#161e1ceb,#090f0efa);border:1px solid #b99b5a48;border-bottom:0;padding:6px 18px 9px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 45px #0007}.dock button{color:#888f89;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:74px;padding:8px 14px 4px;transition:all .2s;display:flex;position:relative}.dock button span{font-size:10px}.dock button:hover,.dock button.active{color:#e2c985;transform:translateY(-3px)}.dock button.active:before{content:"";background:#d0b369;width:42px;height:2px;position:absolute;top:-7px;box-shadow:0 0 12px #ffe39d}.mobile-menu{display:none}.toast{z-index:30;color:#ded2b5;background:#17221fea;border:1px solid #bca36180;padding:9px 19px;font-size:11px;animation:.25s ease-out toast;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)}}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050909b5;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.save-modal{width:min(520px,100%);padding:32px;position:relative}.modal-close{color:#999;cursor:pointer;background:0 0;border:0;position:absolute;top:18px;right:18px}.save-modal>p{color:#999f98;font-size:12px;line-height:1.8}.primary{color:#111712;cursor:pointer;background:#9e834b;border:0;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:flex}.save-list{gap:8px;margin-top:22px;display:grid}.save-list>button{text-align:left;color:#d3cdbd;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff16;justify-content:space-between;align-items:center;padding:12px;display:flex}.save-list span b,.save-list span small{display:block}.save-list small,.save-list em{color:#8c938d;margin-top:3px;font-size:9px;font-style:normal}.empty{text-align:center;color:#7c827d;border:1px dashed #ffffff17;padding:25px;font-size:11px}@media (width<=1100px){.resources .resource{display:none}.main-stage{grid-template-columns:250px 1fr 450px;gap:2vw}.dock button{min-width:64px}.chapter-mark{display:none}}@media (width<=820px){body{overflow:auto}.game-shell{padding-bottom:76px}.world-bg{background-position:66%}.vignette{background:linear-gradient(#070c0cbf,#070c0c26 40%,#070c0cfa)}.topbar{min-height:68px;padding:10px 16px}.profile{min-width:0}.profile .avatar{width:42px;height:42px}.profile small,.profile+.level-wrap{display:none}.resources{gap:8px}.main-stage{flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:43vh 12px 18px;display:flex}.character-card{order:2}.story-panel{order:1;max-height:none}.story-scroll{max-height:280px}.dock{clip-path:none;justify-content:flex-start;width:100%;padding-left:8px;overflow:auto}.dock button{min-width:63px;padding-inline:8px}.dock button:nth-child(n+6){display:none}.mobile-menu{z-index:12;color:#d8c48e;background:#182522;border:1px solid #b99d60;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;bottom:15px;right:14px}.character-card .stat-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=430px){.topbar{gap:8px}.profile b{font-size:15px}.round-btn:last-child{display:none}.story-panel{padding:17px 15px}.choices button{grid-template-columns:24px 20px 1fr 14px}.resource{display:none!important}}@media (prefers-reduced-motion:reduce){.world-bg,.thinking{animation:none!important}.choices button,.dock button{transition:none}}.cover-screen{isolation:isolate;color:#f3f0e7;background:#0b1112;width:100%;height:100svh;position:relative;overflow:hidden}.cover-art{background:#0b1112 url(/assets/game-cover.png) 50%/contain no-repeat;position:absolute;inset:0}.cover-hit-layer{pointer-events:none;width:min(100vw,177.78vh);height:min(100vh,56.25vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-hit-layer button{pointer-events:auto;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;position:absolute}.cover-hit-layer button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cover-hit-layer button:focus-visible{outline-offset:3px;background:#d8f7f612;outline:2px solid #d8f7f6}.cover-hit-layer button:hover{background:radial-gradient(#d8f7f610,#0000 70%)}.cover-settings-hit{width:8.5%;height:18%;top:2%;left:90.5%}.cover-enter-hit{width:29%;height:13%;top:69%;left:37%}.cover-load-hit{width:29%;height:14%;top:83%;left:37%}.cover-load-hit i{background:#bcecea;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:8%;box-shadow:0 0 10px #bcecea}.creator-screen{isolation:isolate;background:#111a1a;place-items:center;min-height:100svh;padding:5vh 5vw;display:grid;position:relative;overflow:auto}.creator-bg{z-index:-2;filter:saturate(.55);background:linear-gradient(90deg,#070d0de6,#0d1414a6),url(/assets/game-cover.png) 50%/cover no-repeat;position:fixed;inset:0}.creator-screen:after{content:"";z-index:-1;background:radial-gradient(circle at 64% 48%,#77999b18,#0000 42%),linear-gradient(#0000 40%,#07100ff0);position:fixed;inset:0}.text-back{color:#d6c79c;cursor:pointer;letter-spacing:.12em;z-index:2;background:0 0;border:0;position:fixed;top:3vh;left:3vw}.creator-sheet{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#121c1bf0,#0a1111e0);border:1px solid #bca36555;width:min(820px,100%);padding:38px 46px;box-shadow:0 30px 90px #000a,inset 0 0 100px #95afa407}.creator-heading{text-align:center;margin-bottom:30px}.creator-heading small{color:#bba66f;letter-spacing:.5em}.creator-heading h1{letter-spacing:.2em;color:#eee2c7;margin:8px 0;font-family:Ma Shan Zheng;font-size:44px;font-weight:400}.creator-heading p{color:#89918b;font-size:11px}.creator-grid{grid-template-columns:1fr 1fr;gap:20px 28px;display:grid}.creator-grid label>span,.creator-grid legend{color:#b5a477;letter-spacing:.22em;margin-bottom:8px;font-size:10px;display:block}.creator-grid input,.creator-grid select,.settings-modal input{color:#ded8c9;background:#0c1514a8;border:1px solid #ffffff1e;border-bottom-color:#a58c55;outline:none;width:100%;height:42px;padding:0 13px}.creator-grid select option{background:#172220}.creator-grid fieldset{border:0;gap:8px;margin:0;padding:0;display:flex}.creator-grid fieldset legend{width:100%}.creator-grid fieldset button,.soul-options button{color:#aeb4ad;cursor:pointer;background:#172320;border:1px solid #ffffff1c;padding:10px 17px}.creator-grid button.selected{color:#eddcae;background:#3c3826;border-color:#c6aa68}.creator-grid .full{grid-column:1/-1}.soul-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.power-field{grid-template-columns:105px 1fr 55px;align-items:center;gap:10px;display:grid!important}.power-field>span{margin:0!important}.power-field input{accent-color:#b99c5d;height:auto;padding:0}.power-field b{color:#dec584}.power-field small{color:#747d77;grid-column:2/-1;font-size:9px}.seal-button{color:#151a16;letter-spacing:.2em;cursor:pointer;background:#806837;border:1px solid #bb9d59;margin:32px auto 0;padding:12px 38px;font-weight:800;display:block;box-shadow:0 8px 22px #0005}.seal-button:disabled{opacity:.35;cursor:not-allowed}.settings-modal{width:min(520px,100%);padding:34px;position:relative}.settings-modal h2{color:#eee2c4;margin:8px 0;font-family:Ma Shan Zheng;font-size:30px;font-weight:400}.settings-modal>p{color:#8f9891;margin-bottom:22px;font-size:11px;line-height:1.8}.settings-modal label{margin:14px 0;display:block}.settings-modal label>span{color:#b8aa82;letter-spacing:.12em;margin-bottom:7px;font-size:10px;display:block}.secret-input{color:#8ea39c;background:#0c1514a8;border:1px solid #ffffff1e;border-bottom-color:#a58c55;align-items:center;padding-left:12px;display:flex}.secret-input input{background:0 0;border:0}.secret-input button{color:#85948f;cursor:pointer;background:0 0;border:0}.secret-input button svg{width:17px}.api-note{color:#858e88;align-items:center;gap:8px;margin:17px 0;font-size:9px;display:flex}.api-note i{background:#765b52;border-radius:50%;width:7px;height:7px}.api-note i.connected{background:#7da88f;box-shadow:0 0 8px #7da88f}.settings-save{margin-top:4px}@media (width<=700px){.creator-screen{padding:70px 14px 24px}.creator-sheet{padding:28px 20px}.creator-grid{grid-template-columns:1fr}.creator-grid .full{grid-column:auto}.soul-options{grid-template-columns:repeat(2,1fr)}.power-field{grid-template-columns:85px 1fr 48px}.creator-heading h1{font-size:37px}}.creator-screen{padding:0;display:block;overflow:hidden}.creator-bg{filter:saturate(.48)brightness(.65);background:linear-gradient(90deg,#050b0bfa,#081010d1 45%,#050a0af0),url(/assets/soul-master-world.png) 50%/cover no-repeat}.creation-layout{grid-template-columns:210px minmax(520px,1fr) 365px;gap:30px;max-width:1500px;height:100svh;margin:auto;padding:4.8vh 34px 28px;display:grid}.text-back{font-size:11px;top:18px;left:27px}.creation-nav{border-right:1px solid #b49a5a2e;padding:45px 18px 20px 0;position:relative}.creation-brand{color:#ddc98f;align-items:center;gap:12px;margin:0 0 70px 12px;font-family:Ma Shan Zheng;font-size:28px;display:flex}.creation-brand svg{border:1px solid #aa8d4c66;width:38px;height:38px;padding:7px;transform:rotate(45deg)}.creation-nav>button{color:#747d78;cursor:pointer;letter-spacing:.12em;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:14px;width:100%;height:58px;padding-left:28px;font-size:14px;transition:all .2s;display:flex}.creation-nav>button svg{width:18px}.creation-nav>button:hover{color:#c5b680}.creation-nav>button.active{color:#e2cb8a;background:linear-gradient(90deg,#b99b4e22,#0000);border-left-color:#d0b364}.creation-motto{color:#7c827a;letter-spacing:.13em;font-size:10px;position:absolute;bottom:28px;left:12px}.creation-main{flex-direction:column;min-width:0;padding:66px 5% 24px;display:flex;overflow:hidden}.creation-main>header{border-bottom:1px solid #ffffff12;padding-bottom:20px}.creation-main>header small{color:#aa955e;letter-spacing:.4em;font-size:9px}.creation-main>header h1{color:#e5d2a1;letter-spacing:.18em;margin:8px 0;font-family:Ma Shan Zheng;font-size:35px;font-weight:400}.creation-main>header p{color:#7f8882;margin:0;font-size:10px}.identity-form{width:min(650px,100%);margin:auto 0;padding:25px 0}.identity-form input{color:#e0d9c9;background:#0b1413b5;border:1px solid #ffffff18;border-bottom-color:#967d48;outline:none;width:100%;height:42px;padding:0 13px}.identity-form label>span,.choice-section>span,.fixed-age>span{color:#b7a575;letter-spacing:.18em;margin-bottom:8px;font-size:11px;display:block}.name-row{grid-template-columns:1fr 1.25fr 42px;align-items:end;gap:12px;display:grid}.dice-button{color:#dec988;cursor:pointer;background:#2e2c20;border:1px solid #9d854f;height:42px}.choice-section{margin-top:25px}.choice-section>div{flex-wrap:wrap;gap:9px;display:flex}.choice-section button,.appearance-categories button{color:#8d9790;cursor:pointer;background:#121d1bb5;border:1px solid #ffffff17;padding:9px 16px}.choice-section button:hover,.appearance-categories button:hover{color:#d3c497;border-color:#8d7d51}.choice-section button.selected,.appearance-categories button.selected{color:#efd999;background:#47402766;border-color:#c3a75f}.origin-grid{grid-template-columns:repeat(3,1fr);display:grid!important}.origin-grid button{min-height:42px}.fixed-age{background:#ffffff05;border:1px solid #ffffff10;grid-template-columns:110px 60px 1fr;align-items:center;margin-top:28px;padding:14px 16px;display:grid}.fixed-age>span{margin:0}.fixed-age b{color:#dec785}.fixed-age small{color:#717a74;font-size:9px}.creation-next{text-align:center;margin-top:auto;padding-top:15px}.creation-next button{color:#c7b47e;cursor:pointer;letter-spacing:.1em;background:0 0;border:0;border-bottom:1px solid #aa9052;padding:9px 28px}.appearance-editor{flex:1;grid-template-columns:170px 1fr;gap:22px;min-height:0;padding-top:20px;display:grid}.appearance-preview{text-align:center;background:linear-gradient(#15201ea8,#0a1211cc);border:1px solid #aa925143;align-self:start;padding:18px 10px}.portrait-sigil{background:radial-gradient(circle,#7f978435,#0000 65%);border-bottom:1px solid #ffffff10;place-items:center;height:155px;margin-bottom:12px;display:grid}.portrait-sigil svg{color:#927f58;stroke-width:.65px;width:94px;height:94px}.appearance-preview>b,.appearance-preview>small{display:block}.appearance-preview>b{color:#dec990;font-family:Ma Shan Zheng;font-size:23px}.appearance-preview>small{color:#79827c;margin-top:5px;font-size:9px}.appearance-preview>div:last-child{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:15px;display:flex}.appearance-preview span{color:#a39a81;border:1px solid #ffffff14;padding:3px 6px;font-size:8px}.appearance-categories{scrollbar-width:thin;scrollbar-color:#9c855044 transparent;padding:0 8px 35px 0;overflow:auto}.appearance-categories section{border-bottom:1px solid #ffffff0c;grid-template-columns:58px 1fr;gap:12px;padding:10px 0;display:grid}.appearance-categories h3{color:#b2a374;margin:9px 0;font-size:10px;font-weight:400}.appearance-categories section>div{flex-wrap:wrap;gap:6px;display:flex}.appearance-categories button{padding:7px 10px;font-size:10px}.creation-rules{scrollbar-width:thin;scrollbar-color:#9c855044 transparent;background:linear-gradient(135deg,#111b19e8,#09110ff2);border:1px solid #a9915352;margin:48px 0 0;padding:28px 26px 18px;overflow:auto;box-shadow:0 18px 55px #0008}.creation-rules section{border-bottom:1px solid #ffffff12;margin-bottom:18px;padding-bottom:18px}.creation-rules h2{letter-spacing:.1em;color:#d5bc79;margin:0 0 12px;font-family:Ma Shan Zheng;font-size:21px;font-weight:400}.creation-rules p{color:#969d96;margin:6px 0;font-size:10px;line-height:1.85}.attribute-head{justify-content:space-between;align-items:center;display:flex}.attribute-head>span{color:#858d86;font-size:9px}.attribute-head>span b{color:#b8a777;font-size:14px}.attribute-head>span b.has-points{color:#e0b75b}.attribute-row{grid-template-columns:1fr 28px 32px 28px;align-items:center;gap:5px;margin:5px 0;display:grid}.attribute-row>span{color:#b4b4a8;font-size:11px}.attribute-row button{color:#bfa866;cursor:pointer;background:#18221f;border:1px solid #ffffff18;width:27px;height:25px}.attribute-row button:disabled{opacity:.25;cursor:not-allowed}.attribute-row>b{text-align:center;color:#ddd1ae;font-size:12px}.random-points{color:#a9996d;cursor:pointer;background:#2b2a1d55;border:1px solid #8e784633;width:100%;margin-top:8px;padding:7px;font-size:9px}.rule-tip{margin-bottom:8px!important}.creation-rules>.seal-button{width:100%;margin:10px 0 0}@media (width<=1100px){.creation-layout{grid-template-columns:160px minmax(430px,1fr) 320px;gap:18px;padding-inline:18px}.creation-nav>button{padding-left:16px}.creation-brand{font-size:23px}.creation-main{padding-inline:2%}.creation-rules{padding-inline:18px}.origin-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.creator-screen{overflow:auto}.creation-layout{height:auto;min-height:100svh;padding:65px 14px 25px;display:block}.creation-nav{border:0;border-bottom:1px solid #ffffff16;margin-bottom:10px;padding:0;display:flex}.creation-brand{display:none}.creation-nav>button{justify-content:center;width:50%;padding:0}.creation-motto{display:none}.creation-main{padding:22px 6px;overflow:visible}.creation-rules{margin:12px 0 0;overflow:visible}.appearance-editor{grid-template-columns:1fr}.appearance-preview{display:none}.appearance-categories{overflow:visible}.name-row{grid-template-columns:1fr 1fr 40px}.origin-grid{grid-template-columns:repeat(2,1fr)}.fixed-age{grid-template-columns:90px 45px 1fr}}.custom-origin{color:#ddd4be;background:#0a1312;border:1px solid #9f864a66;outline:none;width:100%;height:42px;margin-top:10px;padding:0 13px}.settings-wide{width:min(860px,95vw);max-height:90vh;overflow:auto}.dual-api-settings{grid-template-columns:1fr 1fr;gap:18px;display:grid}.api-settings-block{background:#0b1413aa;border:1px solid #ffffff13;padding:18px}.api-settings-block h3{color:#d5bd7c;margin:0 0 12px;font-family:Ma Shan Zheng;font-size:20px;font-weight:400}.api-settings-block label{margin:10px 0}.api-settings-block select{color:#ded8c9;background:#0c1514;border:1px solid #ffffff1e;border-bottom-color:#a58c55;width:100%;height:42px;padding:0 12px}.detect-button{color:#cbb77e;cursor:pointer;background:#2a2a1d;border:1px solid #967f49;width:100%;padding:9px}.detect-button:disabled{opacity:.5}.settings-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:18px;display:flex}.settings-footer>span{color:#8b948d;font-size:9px}.settings-footer .settings-save{flex:none}.character-modal{grid-template-columns:340px 1fr;width:min(980px,96vw);height:min(720px,90vh);display:grid;position:relative;overflow:hidden}.portrait-column{background:linear-gradient(#1a2724cc,#08110f);border-right:1px solid #ffffff15;flex-direction:column;align-items:center;padding:34px 26px;display:flex}.portrait-frame{background:radial-gradient(circle at 50% 35%,#8ea99a22,#0000 55%),#09110f;border:1px solid #a78f5260;flex:1;place-items:center;width:100%;min-height:360px;display:grid;overflow:hidden}.portrait-frame img{object-fit:cover;width:100%;height:100%}.portrait-frame>svg{color:#8c7c58;stroke-width:.5px;width:120px;height:120px}.upload-button,.generate-button{text-align:center;color:#d4c18b;cursor:pointer;background:#2c2b1e;border:1px solid #9e854d;width:100%;margin-top:10px;padding:10px;font-size:11px}.upload-button input{display:none}.generate-button{background:#4d4328}.generate-button:disabled{opacity:.45}.portrait-column>small{color:#819087;min-height:16px;margin-top:8px;font-size:9px}.character-details{padding:38px 34px;overflow:auto}.character-details>h2{color:#e5d19d;margin:7px 0;font-family:Ma Shan Zheng;font-size:35px;font-weight:400}.character-details>p{color:#838c86;font-size:10px}.detail-section{border-top:1px solid #ffffff12;margin-top:24px;padding-top:17px}.detail-section h3{color:#c9b476;margin:0 0 12px;font-family:Ma Shan Zheng;font-size:19px;font-weight:400}.detail-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.detail-grid span,.appearance-record span{background:#ffffff06;padding:9px}.detail-grid span{color:#78827c;font-size:8px}.detail-grid b,.appearance-record b{color:#d8d0bb;margin-top:5px;font-size:11px;display:block}.appearance-record{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.appearance-record small{color:#777f79;font-size:8px}.favorite-section p{color:#727c75;font-size:10px}.favorite-section>div{gap:8px;display:flex}.favorite-section>div span{color:#d2bd83;border:1px solid #9a814b55;padding:7px 12px}@media (width<=760px){.dual-api-settings{grid-template-columns:1fr}.character-modal{grid-template-columns:1fr;height:92vh;overflow:auto}.portrait-column{border:0}.portrait-frame{min-height:280px;max-height:360px}.character-details{overflow:visible}.detail-grid,.appearance-record{grid-template-columns:repeat(2,1fr)}}.main-stage{grid-template-columns:300px minmax(420px,1fr) minmax(310px,390px);align-items:stretch;gap:22px;padding-top:4vh}.character-card{grid-column:1;align-self:end}.story-panel{grid-column:2;min-height:560px;max-height:70vh}.story-panel .story-scroll{flex:1;min-height:0;max-height:none;padding:18px 12px}.story-panel .story-scroll p{font-size:13px;line-height:2}.choice-panel{grid-column:3;align-self:end;max-height:70vh;padding:19px;position:relative;overflow:auto}.choice-panel:before{content:"";pointer-events:none;border:1px solid #b8a26c24;position:absolute;inset:7px}.choice-panel-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:12px;padding:3px 4px 13px;display:flex}.choice-panel-head small,.choice-panel-head b{display:block}.choice-panel-head small{color:#a8935f;letter-spacing:.18em;font-size:8px}.choice-panel-head b{color:#d5ccb8;margin-top:5px;font-size:11px;line-height:1.5}.choice-panel-head label{color:#8d978f;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.choice-panel-head input{accent-color:#bda25f}.choice-panel>.choices{margin-top:12px}.choice-panel>.choices button{grid-template-columns:25px 19px 1fr 14px;padding:8px}.choice-panel>.choices b{font-size:11px}.time-unit{grid-template-columns:1fr 1fr;gap:5px;margin:10px 0;display:grid}.time-unit button{color:#7d8780;cursor:pointer;background:#121d1b;border:1px solid #ffffff12;padding:7px;font-size:9px}.time-unit button.active{color:#dac481;background:#3b3723;border-color:#a88d4e}.custom-choice{grid-template-columns:1fr 50px;gap:6px;margin-top:10px;display:grid}.custom-choice input{color:#cfc8b6;background:#091210;border:1px solid #ffffff18;outline:none;min-width:0;height:36px;padding:0 9px;font-size:10px}.custom-choice button{color:#d6c07e;cursor:pointer;background:#3b3420;border:1px solid #9c8248;font-size:10px}.custom-choice button:disabled{opacity:.3}.soul-system-modal{width:min(720px,94vw);max-height:82vh;padding:34px;position:relative;overflow:auto}.soul-system-modal>h2{color:#e3cd91;margin:7px 0 22px;font-family:Ma Shan Zheng;font-size:33px;font-weight:400}.system-empty{color:#69736d;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.system-empty svg{stroke-width:.7px;width:56px;height:56px}.system-empty b{color:#a79568;margin:12px;font-family:Ma Shan Zheng;font-size:32px}.system-empty p{max-width:420px;font-size:10px;line-height:1.8}.ring-records,.skill-records{gap:10px;display:grid}.ring-records article,.skill-records article{background:#ffffff05;border:1px solid #ffffff12;align-items:center;gap:14px;padding:15px;display:flex}.ring-records article>i{border:4px solid var(--ring-color,#ddd);width:52px;height:52px;box-shadow:0 0 16px var(--ring-color,#ddd),inset 0 0 0 6px #101816;border-radius:50%}.ring-records span{flex:1}.ring-records b,.ring-records small{display:block}.ring-records b{color:#d9ca9f}.ring-records small,.ring-records p{color:#838c85;margin:4px 0;font-size:9px}.skill-records article{display:block}.skill-records small{color:#9d8a59}.skill-records h3{color:#dfcc96;margin:6px 0}.skill-records p{color:#8d968f;font-size:10px;line-height:1.7}@media (width<=1100px){.main-stage{grid-template-columns:240px 1fr 340px}.story-panel{min-height:540px}.choice-panel{max-height:72vh}}@media (width<=820px){.main-stage{padding-top:38vh;display:flex}.story-panel{order:1;min-height:480px}.choice-panel{order:2;max-height:none}.character-card{order:3}.choice-panel>.choices{grid-template-columns:1fr}.story-panel .story-scroll{max-height:430px}.main-stage .character-card{display:block}}.world-bg{background-image:url(/assets/village-world-bg.png);background-position:50%;background-size:cover}.profile-static{cursor:default}.profile-static:hover{transform:none}.people-modal{grid-template-columns:220px 1fr 310px;width:min(1320px,97vw);height:min(780px,92vh);display:grid;position:relative;overflow:hidden}.people-list{background:#09110fdd;border-right:1px solid #ffffff13;padding:32px 14px;overflow:auto}.people-list>h2{color:#dfca90;margin:7px 8px 18px;font-family:Ma Shan Zheng;font-size:25px;font-weight:400}.people-list>button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.people-list>button.active{color:#e0cd99;background:#8f794b18;border-color:#9e87504f}.people-list button span b,.people-list button span small{display:block}.people-list button span small{color:#747e77;margin-top:4px;font-size:8px}.library-portrait{background-color:#1a2423;background-image:url(/assets/portrait-library.png);background-repeat:no-repeat;background-size:300% 200%;flex:none;width:45px;height:55px;display:block}.library-portrait.large{width:100%;height:100%}.people-content{background:#101a18e8;flex-direction:column;min-width:0;display:flex}.people-content>nav{border-bottom:1px solid #ffffff14;display:flex}.people-content>nav button{color:#79837d;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:14px}.people-content>nav button.active{color:#d6bd79;border-bottom-color:#b99b55}.person-profile,.chat-panel,.gift-panel,.notebook{padding:26px 30px;overflow:auto}.person-profile header h2{color:#e2cd93;margin:0;font-family:Ma Shan Zheng;font-size:31px;font-weight:400}.person-profile header p{color:#818a83;font-size:9px}.person-profile blockquote{color:#a9aaa0;background:#ffffff05;border-left:2px solid #9b834b;margin:16px 0;padding:12px;font-size:10px;line-height:1.7}.person-profile section{border-top:1px solid #fff1;margin-top:22px;padding-top:15px}.person-profile h3,.gift-panel h3,.notebook h3{color:#ceb777;font-family:Ma Shan Zheng;font-size:19px;font-weight:400}.person-profile section>p{color:#88918a;font-size:10px}.chat-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-log{flex:1;overflow:auto}.chat-log p{border-radius:3px;max-width:80%;padding:10px 13px;font-size:11px;line-height:1.7}.chat-log p.me{color:#e0d3af;background:#4a4127;margin-left:auto}.chat-log p.them{color:#c2cbc4;background:#1c2926}.chat-input{grid-template-columns:1fr 45px;gap:8px;display:grid}.chat-input input{color:#ddd;background:#07100e;border:1px solid #ffffff1b;height:43px;padding:0 12px}.chat-input button{color:#d5be7c;background:#3c3420;border:1px solid #a78b4e}.gift-panel>p{color:#7d8780;font-size:9px}.gift-panel>div{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.gift-panel>div button{color:#bbb;cursor:pointer;background:#17221f;border:1px solid #ffffff15;align-items:center;gap:8px;padding:13px;display:flex}.gift-panel svg{color:#c6a95f}.notebook>p{color:#aeb4ad;border-bottom:1px solid #fff1;gap:12px;padding:12px;font-size:10px;line-height:1.7;display:flex}.notebook>p span{color:#a88f51}.person-portrait-side{background:#080f0eef;border-left:1px solid #ffffff13;flex-direction:column;padding:26px 20px;display:flex;overflow:auto}.person-art{background:#121d1a;border:1px solid #9d844c66;height:400px;overflow:hidden}.person-art img{object-fit:cover;width:100%;height:100%}.person-stats{grid-template-columns:repeat(5,1fr);gap:3px;margin:8px 0;display:grid}.person-stats span{text-align:center;background:#ffffff05;padding:5px 2px}.person-stats small,.person-stats b{display:block}.person-stats small{color:#717b74;font-size:7px}.person-stats b{color:#d5c9aa;margin-top:3px;font-size:10px}.person-portrait-side>label,.person-portrait-side>button{text-align:center;color:#c9b67d;cursor:pointer;background:#29291c;border:1px solid #927944;margin-top:6px;padding:8px;font-size:9px}.person-portrait-side>label input{display:none}.person-portrait-side>small{color:#7e8982;min-height:14px;margin-top:7px;font-size:8px}.portrait-picker{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px;display:grid}.portrait-picker button{height:70px;overflow:hidden;margin:0!important;padding:0!important}.portrait-picker .library-portrait{width:100%;height:100%}.portrait-picker button:first-child .library-portrait{background-position:0 0}.portrait-picker button:nth-child(2) .library-portrait{background-position:50% 0}.portrait-picker button:nth-child(3) .library-portrait{background-position:100% 0}.portrait-picker button:nth-child(4) .library-portrait{background-position:0 100%}.portrait-picker button:nth-child(5) .library-portrait{background-position:50% 100%}.portrait-picker button:nth-child(6) .library-portrait{background-position:100% 100%}@media (width<=900px){.people-modal{grid-template-columns:150px 1fr;height:94vh}.person-portrait-side{grid-area:1/2;width:220px;height:calc(100% - 45px);display:none;position:absolute;top:45px;right:0;transform:translate(100%)}.people-content{grid-column:2}.people-list{grid-column:1}.appearance-record{grid-template-columns:repeat(2,1fr)}}