:root{--paper:#ece5d3;--ink:#3a352c;--ink-soft:#6b6455;--seal:#a33a3a;--jade:#7c9a6d;--panel:#faf6eceb;--border:#5a503c40}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:Kaiti SC,STKaiti,KaiTi,Noto Serif SC,serif;overflow:hidden}#game-root{position:fixed;inset:0}.create-overlay{z-index:20;background:radial-gradient(ellipse at 30% 20%, #7c9a6d1f, transparent 55%), radial-gradient(ellipse at 75% 80%, #a33a3a12, transparent 50%), var(--paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;width:min(680px,92vw);padding:36px 40px 30px;box-shadow:0 12px 60px #3a352c2e}.create-card h1{letter-spacing:12px;text-align:center;font-size:34px;font-weight:600}.create-card .sub{text-align:center;color:var(--ink-soft);letter-spacing:3px;margin:8px 0 26px;font-size:14px}.persona-portrait{aspect-ratio:2/3;border:2px solid var(--border);border-radius:6px;width:156px;margin:0 auto 16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #3a352c38}.persona-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;display:grid}.persona-card{border:1px solid var(--border);cursor:pointer;text-align:center;background:#fff6;border-radius:5px;padding:12px 8px 10px;transition:transform .12s,box-shadow .12s}.persona-card:hover{transform:translateY(-2px)}.persona-card.selected{border-color:var(--seal);background:#fffcf5e6;box-shadow:0 0 0 2px #a33a3a59}.persona-dot{border:2px solid #fffc;border-radius:50%;width:34px;height:34px;margin:0 auto 8px}.persona-thumb{border:2px solid #fffc;border-radius:50%;width:40px;height:40px;margin:0 auto 8px;position:relative;overflow:hidden}.persona-card .pname{font-size:16px;font-weight:600}.persona-card .pabode{color:var(--ink-soft);margin-top:2px;font-size:11px}.persona-motto{text-align:center;color:var(--ink-soft);letter-spacing:2px;min-height:20px;margin-bottom:4px;font-size:13px}.persona-intro{text-align:center;color:var(--ink-soft);opacity:.85;letter-spacing:.5px;min-height:18px;margin-bottom:16px;font-size:12px;line-height:1.5}.name-row{gap:12px;display:flex}.name-row input{letter-spacing:2px;border:1px solid var(--border);color:var(--ink);background:#fff9;border-radius:4px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:17px}.name-row input:focus{border-color:var(--jade)}.name-row button{letter-spacing:6px;background:var(--seal);color:#f6efe2;cursor:pointer;border:none;border-radius:4px;padding:10px 26px;font-family:inherit;font-size:17px}.name-row button:hover{background:#8f3030}.name-row button:disabled{cursor:not-allowed;background:#b9a999}.create-err{color:var(--seal);text-align:center;min-height:18px;margin-top:10px;font-size:13px}.create-card>.field,.create-card>.password-field-wrap{margin-bottom:12px}.create-card>.field:last-child,.create-card>.password-field-wrap:last-child{margin-bottom:0}.password-field-wrap{position:relative}.password-field-wrap .field{padding-right:38px}.eye-toggle{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:6px;line-height:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.eye-toggle:hover{color:var(--seal)}.auth-links{color:var(--ink-soft);justify-content:space-between;margin-top:14px;font-size:13px;display:flex}.auth-link{cursor:pointer;text-underline-offset:3px;text-decoration:underline}.auth-link:hover{color:var(--seal)}.auth-notice{color:var(--jade);text-align:center;letter-spacing:.5px;margin-top:12px;font-size:12px;line-height:1.6}.auth-legal-footer{color:var(--ink-soft);justify-content:center;gap:12px;margin-top:18px;font-size:11px;display:flex}.auth-legal-footer a{color:inherit;text-decoration:none}.auth-legal-footer a:hover{color:var(--seal);text-decoration:underline}.char-list{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.char-row{border:1px solid var(--border);background:#fff6;border-radius:5px;align-items:center;gap:8px;padding:10px 14px;display:flex}.char-row .persona-dot{flex-shrink:0;width:20px;height:20px;margin:0}.char-row .persona-thumb{flex-shrink:0;width:28px;height:28px;margin:0}.char-name{font-size:16px;font-weight:600}.char-alias,.char-persona{color:var(--ink-soft);font-size:13px}.char-row .mini-btn{margin-left:auto}.hud-top{z-index:10;background:var(--panel);border:1px solid var(--border);letter-spacing:6px;color:var(--ink);border-radius:4px;align-items:baseline;gap:16px;padding:6px 22px;font-size:15px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.hud-top .online{color:var(--ink-soft);letter-spacing:1px;font-size:12px}.hud-nav-btn{letter-spacing:1px;background:var(--jade);color:#f6efe2;cursor:pointer;border:none;border-radius:3px;margin-left:4px;padding:4px 10px;font-family:inherit;font-size:12px}.hud-hint{z-index:10;color:var(--ink-soft);letter-spacing:1px;background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:5px 10px;font-size:12px;position:fixed;bottom:14px;right:16px}.volume-row{align-items:center;gap:8px;margin:8px 0 4px;display:flex}.volume-row .volume-label{color:var(--ink);flex-shrink:0;width:62px;font-size:13px}.volume-row input[type=range]{cursor:pointer;accent-color:var(--jade);flex:1}.volume-mute-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;line-height:1}.gate-label{color:#e8dcbe;letter-spacing:3px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#3a352c99;border-bottom:2px solid #8b8578;border-radius:4px;padding:3px 9px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:13px}.gate-label.self{border-bottom-color:var(--jade);color:#f6efe2;background:#3a352cc7}.site-label{color:#e8dcbe;letter-spacing:4px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#3a352c8c;border-radius:4px;padding:3px 10px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:15px}.site-label.hero{letter-spacing:8px;padding:5px 16px;font-size:23px}.chat-panel{z-index:10;flex-direction:column;gap:8px;width:min(340px,80vw);display:flex;position:fixed;bottom:16px;left:16px}.chat-log{background:var(--panel);border:1px solid var(--border);border-radius:5px;max-height:200px;padding:8px 12px;font-size:13px;line-height:1.7;overflow-y:auto}.chat-log .who{color:var(--seal);margin-right:6px}.chat-log .sys{color:var(--ink-soft);font-style:italic}.chat-input{gap:6px;display:flex}.chat-input input{border:1px solid var(--border);background:var(--panel);color:var(--ink);border-radius:4px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:14px}.chat-input input:focus{border-color:var(--jade)}.chat-input button{letter-spacing:2px;background:var(--jade);color:#f6efe2;cursor:pointer;border:none;border-radius:4px;padding:8px 14px;font-family:inherit;font-size:14px}.poeticize-btn{background:var(--seal)}.poeticize-btn:disabled{background:var(--ink-soft);cursor:default;opacity:.6}.avatar-label{pointer-events:none;-webkit-user-select:none;user-select:none;background:#201d18a8;border-radius:9px;flex-direction:row;align-items:center;gap:7px;padding:3px 11px 3px 4px;display:flex;position:relative;overflow:hidden;transform:translateY(-4px)}.avatar-portrait{object-fit:cover;object-position:top;background:#e8e0c826;border:1.5px solid #e8e0c88c;border-radius:50%;flex:none;width:30px;height:30px}.avatar-label-text{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.avatar-label .lname{letter-spacing:2px;color:#f6efe2;white-space:nowrap;font-size:12px;font-weight:600}.avatar-label .labode{letter-spacing:1.5px;color:#e8e0c8b3;white-space:nowrap;font-size:9.5px}.avatar-label-motif{opacity:.16;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.avatar-label-motif path{fill:#bcd9a8}.chat-bubble{pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid var(--border);width:max-content;max-width:190px;color:var(--ink);white-space:pre-wrap;word-break:break-word;text-align:center;background:#faf6ecf2;border-radius:8px;padding:6px 11px;font-size:13px;line-height:1.5;box-shadow:0 4px 14px #3a352c26}.menu-bar{z-index:12;gap:6px;display:flex;position:fixed;top:14px;right:16px}.menu-bar button{letter-spacing:3px;cursor:pointer;background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:4px;padding:7px 13px;font-family:inherit;font-size:14px}.menu-bar button:hover{border-color:var(--jade)}.menu-bar button.active{background:var(--seal);color:#f6efe2;border-color:var(--seal)}.panel{z-index:11;background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;width:min(400px,92vw);display:flex;position:fixed;top:60px;bottom:16px;right:16px;box-shadow:0 10px 40px #3a352c33}.panel-head{border-bottom:1px solid var(--border);letter-spacing:4px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:17px;display:flex}.panel-head button{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;font-size:20px}.panel-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.field{border:1px solid var(--border);width:100%;color:var(--ink);resize:vertical;letter-spacing:1px;background:#fff9;border-radius:4px;outline:none;padding:9px 12px;font-family:inherit;font-size:15px;line-height:1.8}.field:focus{border-color:var(--jade)}.primary-btn{letter-spacing:4px;background:var(--seal);color:#f6efe2;cursor:pointer;border:none;border-radius:4px;padding:9px 16px;font-family:inherit;font-size:15px}.primary-btn:disabled{cursor:not-allowed;background:#b9a999}.ghost-btn{letter-spacing:2px;color:var(--ink-soft);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:8px 14px;font-family:inherit;font-size:14px}.mini-btn{background:var(--jade);color:#f6efe2;cursor:pointer;border:none;border-radius:3px;margin-left:6px;padding:4px 10px;font-family:inherit;font-size:13px}.mini-btn.ghost{color:var(--ink-soft);border:1px solid var(--border);background:0 0}.section-title{color:var(--ink-soft);letter-spacing:2px;border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-top:6px;padding-bottom:4px;font-size:13px;display:flex}.empty-hint{color:var(--ink-soft);font-size:13px}.voice-row{align-items:center;gap:8px;margin:8px 0 4px;display:flex}.voice-row .voice-select{flex:1;margin:0}.voice-row .mini-btn{flex-shrink:0;margin-left:0}.voice-select{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff9;border-radius:4px;margin:8px 0 4px;padding:8px 10px;font-family:inherit;font-size:14px}.tts-toggle{color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:4px 2px;font-size:13px;display:flex}.tts-toggle input{cursor:pointer}.friend-row{justify-content:space-between;align-items:center;padding:6px 2px;font-size:14px;display:flex}.friend-row.muted{color:var(--ink-soft)}.topic-box{text-align:center;border:1px solid var(--border);background:#fffcf5b3;border-radius:5px;padding:12px}.topic-name{letter-spacing:5px;font-size:21px}.topic-hint{color:var(--ink-soft);margin-top:6px;font-size:13px}.topic-meta{color:var(--ink-soft);letter-spacing:1px;margin-top:8px;font-size:11px}.work-card{border:1px solid var(--border);background:#fffcf5a6;border-radius:5px;padding:12px 14px}.work-head{justify-content:space-between;align-items:baseline;display:flex}.work-head b{letter-spacing:2px;font-size:16px}.work-topic{color:var(--ink-soft);font-size:12px}.work-author{color:var(--ink-soft);margin-top:2px;font-size:12px}.work-content{letter-spacing:2px;white-space:pre-wrap;word-break:break-word;margin:8px 0 4px;font-family:inherit;font-size:15px;line-height:2}.review-toggle{color:var(--seal);cursor:pointer;letter-spacing:1px;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px}.review-toggle .seal{color:#a33a3a;opacity:.8}.review-body{border-left:2px solid #a33a3a66;margin-top:6px;padding-left:10px}.review-note{color:#8f3030;margin:4px 0;font-size:13px;line-height:1.8}.review-overall{color:var(--ink);margin-top:6px;font-size:13px;line-height:1.8}.like-btn{border:1px solid var(--border);color:var(--seal);cursor:pointer;background:0 0;border-radius:3px;margin-top:8px;padding:3px 10px;font-family:inherit;font-size:13px}.like-btn:hover{border-color:var(--seal)}.npc-card{border:1px solid var(--border);background:#fffcf5a6;border-radius:5px;flex-direction:column;margin-bottom:12px;padding:14px;display:flex}.npc-card-top{gap:14px;display:flex}.npc-portrait{aspect-ratio:2/3;border:2px solid var(--border);border-radius:5px;flex-shrink:0;width:100px;position:relative;overflow:hidden;box-shadow:0 6px 18px #3a352c33}.npc-info{flex-direction:column;min-width:0;display:flex}.npc-name{letter-spacing:2px;font-size:18px;font-weight:600}.npc-abode{color:var(--ink-soft);margin-top:2px;font-size:12px}.npc-verdict{color:var(--seal);letter-spacing:1px;margin-top:8px;font-size:13px;line-height:1.7}.npc-intro{color:var(--ink-soft);margin-top:6px;font-size:12px;line-height:1.7}.npc-talk-btn{align-self:flex-start;margin-top:12px}.npc-chat{border-top:1px dashed var(--border);flex-direction:column;gap:8px;margin-top:12px;padding-top:10px;display:flex}.npc-chat-log{max-height:160px;overflow-y:auto}.npc-chat-log .npc-line{color:var(--seal)}.npc-chat-log .player-line{color:var(--ink)}.judgment-card{text-align:center;background:radial-gradient(at 50% 0,#a33a3a0f,#0000 60%),#fffcf5d9;border:1px solid #a33a3a73;border-radius:5px;padding:18px 14px}.judgment-title{letter-spacing:6px;color:var(--seal);margin-bottom:10px;font-size:12px}.judgment-line{letter-spacing:4px;font-size:17px;line-height:2.1}.judgment-omen{color:var(--ink-soft);letter-spacing:2px;margin-top:10px;font-size:13px}.fhl-letter-box{justify-content:center;align-items:center;gap:18px;padding:8px 0;display:flex}.fhl-letter{color:var(--seal);background:#fffcf5cc;border:2px solid #a33a3a80;border-radius:8px;padding:10px 16px;font-size:52px;line-height:1}.fhl-count{color:var(--ink-soft);min-width:52px;font-size:22px}.fhl-seats{flex-wrap:wrap;gap:6px;display:flex}.fhl-seat{border:1px solid var(--border);background:#ffffff80;border-radius:3px;padding:4px 10px;font-size:13px}.fhl-seat.turn{border-color:var(--seal);color:var(--seal);font-weight:600}.fhl-seat.dead{opacity:.4;text-decoration:line-through}.fhl-feed{border:1px solid var(--border);background:#fff6;border-radius:5px;flex-direction:column;flex:1;gap:6px;min-height:120px;max-height:300px;padding:8px 10px;display:flex;overflow-y:auto}.fhl-verdict{font-size:14px;line-height:1.6}.fhl-verdict-sub{font-size:12px}.fhl-verdict.ok .fhl-verdict-sub{color:var(--jade)}.fhl-verdict.bad .fhl-verdict-sub{color:var(--seal)}.fhl-input{gap:8px;display:flex}.fhl-winner{text-align:center;letter-spacing:3px;color:var(--seal);border:1px dashed #a33a3a66;border-radius:5px;padding:8px;font-size:15px}.home-bar{z-index:10;background:var(--panel);border:1px solid var(--border);border-radius:6px;width:min(560px,92vw);padding:10px 16px;position:fixed;bottom:78px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #3a352c2e}.home-bar.visitor{text-align:center;letter-spacing:1px;color:var(--ink-soft);font-size:14px}.home-bar-title{color:var(--ink-soft);margin-bottom:8px;font-size:12px}.home-bar-items{flex-wrap:wrap;gap:8px;display:flex}.home-item-btn{border:1px solid var(--border);cursor:pointer;color:var(--ink);background:#ffffff80;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;display:flex}.home-item-btn.active{background:#fffcf5e6;border-width:2px}.home-item-swatch{border-radius:50%;width:10px;height:10px;display:inline-block}.home-door-ctrl{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.door-lock-btn{letter-spacing:1px;border:1px solid var(--jade);cursor:pointer;color:var(--ink);background:#7c9a6d26;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:13px}.door-lock-btn.locked{border-color:var(--seal);color:var(--seal);background:#a33a3a24}.door-lock-btn:disabled{opacity:.6;cursor:not-allowed}.door-ctrl-toggle{color:var(--ink-soft);cursor:pointer;letter-spacing:1px;font-size:12px}.door-ctrl-toggle:hover{color:var(--seal)}.home-invite-list{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.home-invite-empty{color:var(--ink-soft);font-size:12px}.home-invite-row{align-items:center;gap:8px;font-size:13px;display:flex}.home-invite-row>span:nth-child(2){flex:1}.home-invite-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.rel-tabs{gap:6px;margin-bottom:4px;display:flex}.rel-tab{letter-spacing:2px;border:1px solid var(--border);cursor:pointer;color:var(--ink-soft);background:#fff6;border-radius:4px;flex:1;padding:6px 0;font-family:inherit;font-size:13px}.rel-tab.active{background:var(--seal);color:#f6efe2;border-color:var(--seal)}.bond-card,.gathering-card{border:1px solid var(--border);background:#fffcf599;border-radius:5px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.bond-card.muted{opacity:.7}.bond-card.formed{border-color:#a33a3a66}.bond-name{letter-spacing:1px;font-size:15px}.bond-members{color:var(--ink-soft);font-size:12px}.gathering-desc{color:var(--ink);margin:2px 0;font-size:13px}.pick-grid{flex-wrap:wrap;gap:6px;display:flex}.pick-chip{border:1px solid var(--border);cursor:pointer;color:var(--ink);background:#ffffff80;border-radius:14px;padding:5px 11px;font-family:inherit;font-size:13px}.pick-chip.active{background:var(--jade);color:#f6efe2;border-color:var(--jade)}.theme-row{gap:8px;display:flex}.ml0{align-self:flex-start;margin-left:0}.letter-card{border:1px solid var(--border);background:#fffcf599;border-radius:5px;padding:10px 12px}.letter-head{color:var(--ink-soft);justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.letter-paper{font-style:italic}.gathering-form{flex-direction:column;gap:8px;display:flex}.clan-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.clan-card{text-align:center;background:#fffcf599;border:2px solid;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.clan-card.mine{background:#fffcf5f2}.clan-name{letter-spacing:3px;font-size:17px}.clan-motto{color:var(--ink-soft);font-size:11px}.clan-count{color:var(--ink-soft);font-size:12px}.clan-tag{color:var(--seal);font-size:12px}.profile-card{z-index:25;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:10px;width:min(300px,86vw);padding:22px 20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 50px #3a352c4d}.profile-portrait{aspect-ratio:2/3;border:2px solid var(--border);border-radius:6px;width:96px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 6px 18px #3a352c33}.profile-name{letter-spacing:4px;font-size:22px}.profile-sub{color:var(--ink-soft);font-size:13px}.profile-motto{color:var(--ink-soft);letter-spacing:2px;font-size:13px}.toasts{z-index:30;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.toast{color:#f3ecda;letter-spacing:1px;background:#3a352ce0;border-radius:4px;padding:8px 18px;font-size:14px;box-shadow:0 6px 20px #0003}.conn-banner{z-index:30;background:var(--seal);color:#f6efe2;letter-spacing:2px;border-radius:4px;padding:6px 18px;font-size:13px;position:fixed;top:60px;left:50%;transform:translate(-50%)}