*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a0e08;--bg2:#2c1810;--bg3:#3d2415;--parchment:#f0ddb0;--parchment2:#e8d090;--parchment3:#d4b878;--gold:#c9a030;--gold2:#e8c040;--gold3:#f5d060;--brown:#6b3a1a;--brown2:#8b4a2a;--text:#1a0a00;--text2:#4a2010;--text3:#8b5030;--red:#8b1a1a;--green:#1a5a1a;--blue:#1a3a6b;--border:#a07828;--shadow:0 2px 8px rgba(0,0,0,.6);--inset:inset 0 1px 3px rgba(0,0,0,.4)}body{background:var(--bg);color:var(--text);font-family:'Georgia','Times New Roman','游明朝','Yu Mincho',serif;min-height:100vh;background-image:radial-gradient(ellipse at 20% 20%,#3d2010 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,#2a1508 0%,transparent 50%)}.modal-overlay{position:fixed;inset:0;background:rgba(10,5,2,.88);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}.modal-overlay.hidden{display:none}.modal-box{background:var(--parchment);border:3px solid var(--gold);border-radius:4px;padding:2rem;max-width:480px;width:90%;box-shadow:0 0 40px rgba(200,160,0,.3),var(--shadow);position:relative}.modal-box::before{content:'';position:absolute;inset:6px;border:1px solid var(--parchment3);pointer-events:none;border-radius:2px}.modal-box h2{color:var(--brown);font-size:1.3rem;text-align:center;margin-bottom:.5rem;letter-spacing:.1em;text-shadow:1px 1px 0 var(--parchment3)}.modal-note{font-size:.72rem;color:var(--red);text-align:center;margin-bottom:1.2rem;font-style:italic}.modal-box label{display:block;font-size:.85rem;color:var(--brown);margin-bottom:.4rem;font-weight:700}.modal-box input[type=text]{width:100%;padding:.5rem .8rem;border:2px solid var(--gold);background:var(--parchment2);color:var(--text);font-family:inherit;font-size:1rem;border-radius:2px;outline:none}.modal-box input[type=text]:focus{border-color:var(--gold2);box-shadow:0 0 8px rgba(200,160,0,.4)}.btn-gold{display:block;width:100%;margin-top:1rem;padding:.6rem 1rem;background:linear-gradient(180deg,var(--gold2),var(--gold));border:2px solid var(--brown);color:var(--bg);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;border-radius:2px;letter-spacing:.1em;transition:all 0.15s}.btn-gold:hover{background:linear-gradient(180deg,var(--gold3),var(--gold2));transform:translateY(-1px);box-shadow:0 3px 12px rgba(200,160,0,.5)}.btn-gold:active{transform:translateY(0)}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}#mainLayout{display:grid;grid-template-columns:220px 1fr 200px;grid-template-rows:1fr;height:100vh;max-width:1200px;margin:0 auto}@media(max-width:900px){#mainLayout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:100vh}}#leftSide{background:var(--bg2);border-right:2px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}@media(max-width:900px){#leftSide{order:3;border-right:none;border-top:2px solid var(--border)}}.left-section{border-bottom:1px solid var(--brown2)}.section-header{padding:.5rem .8rem;background:var(--bg3);color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.1em;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.section-header:hover{background:var(--brown)}.section-header .toggle-icon{transition:transform 0.2s;font-size:.6rem}.section-header.collapsed .toggle-icon{transform:rotate(-90deg)}.section-body{padding:.5rem;overflow:hidden;transition:max-height 0.3s ease}.section-body.collapsed{max-height:0;padding:0;overflow:hidden}.inv-item{padding:.3rem .5rem;background:var(--parchment);border:1px solid var(--parchment3);border-radius:2px;margin-bottom:3px;font-size:.72rem;cursor:pointer;color:var(--text);transition:background 0.1s;display:flex;justify-content:space-between;align-items:center}.inv-item:hover{background:var(--parchment2)}.inv-item .item-count{background:var(--gold);color:var(--bg);border-radius:10px;padding:0 5px;font-size:.65rem;font-weight:700}.inv-empty{font-size:.72rem;color:var(--text3);padding:.3rem;font-style:italic}.ach-row{font-size:.7rem;color:var(--parchment3);padding:2px .3rem;display:flex;justify-content:space-between}.ach-row .ach-val{color:var(--gold2)}.sound-row{padding:.25rem .5rem;display:flex;align-items:center;gap:.4rem;font-size:.68rem;color:var(--parchment3)}.sound-row input[type=range]{width:80px;accent-color:var(--gold);cursor:pointer}#centerMain{display:flex;flex-direction:column;overflow:hidden;background:var(--parchment);background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(160,120,40,.12) 27px,rgba(160,120,40,.12) 28px)}#threadTitle{background:linear-gradient(180deg,var(--bg3),var(--bg2));color:var(--gold2);padding:.5rem 1rem;font-size:.82rem;font-weight:700;letter-spacing:.05em;border-bottom:2px solid var(--border);font-family:'Courier New',monospace}#logContainer{flex:1;overflow-y:auto;padding:.5rem .8rem;scroll-behavior:smooth}#logContainer::-webkit-scrollbar{width:6px}#logContainer::-webkit-scrollbar-track{background:var(--parchment3)}#logContainer::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.log-comment{margin-bottom:.6rem;animation:fadeIn 0.3s ease;border-bottom:1px solid rgba(160,120,40,.2);padding-bottom:.4rem}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.log-meta{font-size:.67rem;color:var(--text3);font-family:'Courier New',monospace;margin-bottom:2px}.log-meta .log-num{color:var(--gold)}.log-meta .log-name{color:var(--brown2);font-weight:700}.log-meta .log-name.is-player{color:var(--red)}.log-meta .log-name.is-npc{color:var(--blue)}.log-meta .log-name.is-enemy{color:var(--red)}.log-meta .log-name.is-system{color:var(--green)}.log-body{font-size:.82rem;line-height:1.6;color:var(--text);padding-left:.8rem;white-space:pre-line}.log-body.log-bold{font-weight:700}.log-body.log-red{color:var(--red)}.log-body.log-gold{color:var(--brown)}.log-body.log-green{color:var(--green)}.log-body.log-blue{color:var(--blue)}.log-body.log-gray{color:var(--text3)}.log-body.log-big{font-size:1rem;font-weight:700}#commandArea{background:linear-gradient(180deg,transparent,rgba(200,160,40,.08));border-top:2px solid var(--border);padding:.6rem;min-height:80px}.cmd-label{font-size:.68rem;color:var(--text3);margin-bottom:.4rem;font-style:italic;font-family:'Courier New',monospace}.cmd-grid{display:flex;flex-wrap:wrap;gap:.4rem}.cmd-btn{padding:.4rem .8rem;background:linear-gradient(180deg,var(--parchment2),var(--parchment3));border:2px solid var(--border);color:var(--text);font-family:inherit;font-size:.78rem;cursor:pointer;border-radius:2px;transition:all 0.12s;font-weight:700;letter-spacing:.05em}.cmd-btn:hover{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--bg);transform:translateY(-1px);box-shadow:0 2px 6px rgba(200,160,0,.4)}.cmd-btn:active{transform:translateY(0)}.cmd-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.cmd-btn.cmd-danger{background:linear-gradient(180deg,#d44,#a22);border-color:#800;color:#fff}.cmd-btn.cmd-danger:hover{background:linear-gradient(180deg,#e66,#c33)}#rightSide{background:var(--bg2);border-left:2px solid var(--border);overflow-y:auto;padding:.5rem}@media(max-width:900px){#rightSide{order:1;border-left:none;border-bottom:2px solid var(--border)}}.status-panel{background:var(--parchment);border:2px solid var(--gold);border-radius:3px;padding:.6rem;box-shadow:var(--shadow)}.status-panel h3{text-align:center;color:var(--brown);font-size:.75rem;letter-spacing:.1em;margin-bottom:.5rem;border-bottom:1px solid var(--parchment3);padding-bottom:.3rem}.stat-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.72rem;padding:1px 0}.stat-label{color:var(--text3);font-weight:700}.stat-val{color:var(--text);font-family:'Courier New',monospace}.stat-val.hp-val{color:var(--green)}.stat-val.hp-low{color:var(--red);animation:pulse 1s infinite}.stat-val.gold-val{color:var(--brown)}.stat-val.lv-val{color:var(--blue)}.stat-val.buff{color:var(--green)}.stat-val.debuff{color:var(--red)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.exp-bar-wrap{margin:4px 0;background:var(--parchment3);border:1px solid var(--border);border-radius:2px;height:6px;overflow:hidden}.exp-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width 0.5s ease}.stat-divider{border:none;border-top:1px dashed var(--parchment3);margin:4px 0}#battleModal .modal-box{max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}#battleModal h2{font-size:1.1rem;color:var(--red)}.battle-enemy-info{background:var(--parchment3);border:1px solid var(--border);border-radius:2px;padding:.5rem;margin:.5rem 0;font-size:.75rem}.battle-enemy-name{font-size:.95rem;font-weight:700;color:var(--red)}.enemy-hp-bar-wrap{background:var(--parchment2);border:1px solid var(--border);border-radius:2px;height:8px;margin:4px 0;overflow:hidden}.enemy-hp-bar{height:100%;background:linear-gradient(90deg,#2a6,#4c8);transition:width 0.4s ease}.battle-log{flex:1;overflow-y:scroll;background:var(--bg);border:1px solid var(--border);border-radius:2px;padding:.5rem;min-height:100px;max-height:200px;font-size:.75rem;margin:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg2)}.battle-log::-webkit-scrollbar{width:6px}.battle-log::-webkit-scrollbar-track{background:var(--bg2)}.battle-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.battle-log-line{color:var(--parchment);line-height:1.5;animation:fadeIn 0.2s ease}.battle-log-line.bl-red{color:#f66}.battle-log-line.bl-green{color:#6f6}.battle-log-line.bl-gold{color:var(--gold2)}.battle-log-line.bl-gray{color:#888}.battle-cmds{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.battle-cmds .cmd-btn{font-size:.72rem;padding:.35rem .6rem}.battle-player-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;background:var(--bg);border:1px solid var(--border);border-radius:2px;padding:.35rem .5rem;margin:.35rem 0;font-size:.68rem;font-family:'Courier New',monospace}.bps-row{display:flex;justify-content:space-between;gap:4px}.bps-label{color:#888}.bps-val{color:var(--parchment)}.bps-val.bps-hp{color:#6f6}.bps-val.bps-hp-low{color:#f66;animation:pulse 1s infinite}.bps-val.bps-gold{color:var(--gold2)}#itemPopup .modal-box{max-width:360px}#itemPopup .item-popup-name{font-size:1.1rem;font-weight:700;color:var(--brown);text-align:center;margin-bottom:.4rem}#itemPopup .item-popup-desc{font-size:.82rem;line-height:1.6;color:var(--text2);margin-bottom:.8rem}#itemPopup .item-popup-detail{font-size:.72rem;color:var(--text3);background:var(--parchment3);border:1px solid var(--border);border-radius:2px;padding:.4rem}.popup-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text3);font-size:1.2rem;cursor:pointer;font-family:inherit}.popup-close:hover{color:var(--red)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border)}#loadingDiv{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity 0.5s}#loadingDiv .ld-text{color:var(--gold);font-size:1.2rem;letter-spacing:.2em;text-shadow:0 0 20px var(--gold);animation:pulse 1.5s infinite}