:root{--bg-paper: #f5f0e6;--bg-ink: #e8e4da;--accent: #c0392b;--text-main: #2c2c2a;--text-sub: #5f5e5a;--pos: #2e8b57;--gold: #d4a017;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color:var(--text-main);background:#1a1a18;font-family:PingFang SC,"Noto Serif SC",Songti SC,serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;background:#1a1a18}button,input,select{font:inherit}button{min-width:44px;min-height:44px;touch-action:manipulation}button:disabled{cursor:default}.app-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.qa-panel{position:fixed;z-index:1000;top:8px;left:8px;display:flex;width:min(420px,calc(100vw - 16px));gap:4px}.qa-panel textarea{flex:1;height:36px}.qa-panel button{min-height:36px}.game-frame{position:relative;width:min(100vw,375px);height:min(100dvh,812px);display:flex;flex-direction:column;overflow:hidden;border:3px solid #3a3a38;border-radius:12px;background:var(--bg-paper)}.status-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(6px + var(--safe-top)) 12px 6px;border-bottom:1px solid #d0ccc0;background:var(--bg-ink);font-size:11px;line-height:1.4}.status-name{max-width:120px;overflow:hidden;color:var(--text-main);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.status-resources{display:flex;align-items:center;gap:8px}.status-hp,.status-mp{color:var(--text-sub);font-style:normal}.status-hp i{color:var(--accent);letter-spacing:-1px;font-style:normal}.status-mp i{color:#2980b9;letter-spacing:-1px;font-style:normal}.status-coin{color:var(--gold);font-weight:500}.status-coin i{margin-left:2px;font-style:normal}.content{flex:1;min-height:0;overflow-y:auto;padding:12px;line-height:1.8;scrollbar-width:thin;scrollbar-color:#c0bcb0 var(--bg-paper)}.content::-webkit-scrollbar{width:4px}.content::-webkit-scrollbar-thumb{background:#c0bcb0;border-radius:2px}.scene-view{display:flex;flex-direction:column;gap:10px}.scene-title{position:relative;margin:0;padding:6px 0;border-bottom:1px solid #d0ccc0;color:var(--text-main);font-size:15px;text-align:center}.scene-title:after{position:absolute;bottom:-1px;left:50%;width:30px;height:2px;background:var(--accent);content:"";transform:translate(-50%)}.scene-desc{margin:0;padding:4px 0;color:var(--text-main);font-size:13px;text-indent:2em}.scene-view h2{margin:0;padding:6px 0 2px;color:var(--text-sub);font-size:10px;letter-spacing:1px}.scene-actions,.npc-list,.dialogue-options{display:flex;flex-direction:column;gap:6px}.scene-action,.npc{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-main);font-size:13px;line-height:normal;text-align:left}.scene-action-icon{flex:0 0 24px;font-size:16px;line-height:1;text-align:center}.scene-action-label{flex:1}.scene-action-arrow{color:var(--text-sub);font-size:12px}.scene-action.move{border-left:3px solid var(--pos);background:#2e8b570a}.scene-action.move{color:var(--pos);font-weight:700}.scene-action:not(.move){border-left:3px solid var(--gold);background:#d4a0170a}.direction-grid{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:6px}.direction-grid .scene-action{justify-content:center;min-height:40px;padding:10px 16px;border-color:var(--pos);border-left-width:1px;border-radius:8px;font-size:12px}.direction-north{grid-row:1;grid-column:1 / -1;width:48%;justify-self:center}.direction-west{grid-row:2;grid-column:1}.direction-east{grid-row:2;grid-column:2}.direction-south{grid-row:3;grid-column:1 / -1;width:48%;justify-self:center}.direction-extra{grid-column:1 / -1}.npc{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;min-height:40px;padding:8px 12px;border-color:#c0392b33;background:#c0392b0f}.npc-icon{display:grid;grid-row:1 / 3;width:28px;height:28px;align-self:center;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.npc b{font-size:12px}.npc small{color:var(--text-sub);font-size:10px}.creation-view{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding:20px;background:var(--bg-paper);color:var(--text-main);line-height:1.6;text-align:center}.creation-title{margin:0 0 6px;color:var(--accent);font-size:22px;letter-spacing:2px}.creation-sub{margin:0 0 20px;color:var(--text-sub);font-size:12px}.creation-label{width:260px;margin:8px 0 4px;color:var(--text-sub);font-size:12px;text-align:center}.creation-input{width:260px;min-height:0;margin:0;padding:10px 12px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-main);font-size:14px}.gender-row{display:flex;justify-content:center;gap:8px;width:260px;margin-bottom:6px}.gender-row button{min-height:0;padding:8px 20px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-main);font-size:13px}.gender-row button[aria-pressed=true]{border-color:var(--accent);background:#c0392b1a;color:var(--accent)}.attributes{display:grid;gap:2px;width:280px;padding:8px;border:1px solid #d0ccc0;border-radius:6px;background:var(--bg-ink);font-size:12px;text-align:left}.attributes-title{margin-bottom:4px;color:var(--text-sub);font-size:11px;font-weight:400;letter-spacing:1px;text-align:center}.attribute-row{display:grid;grid-template-columns:18px 38px 24px 26px 24px 1fr;align-items:center;gap:4px;min-height:25px}.attribute-icon{font-size:14px;text-align:center}.attribute-row button{min-width:22px;min-height:22px;padding:0;border:1px solid var(--accent);border-radius:4px;background:#c0392b14;color:var(--accent);font-weight:700;line-height:1}.attribute-row button:disabled{border-color:#999;background:transparent;color:#999;opacity:.3}.attribute-row strong{color:var(--accent);font-size:13px;text-align:center}.attribute-row small{overflow:hidden;color:var(--text-sub);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.attributes-summary{margin-top:4px;padding-top:4px;border-top:1px dashed #d0ccc0;font-size:11px;text-align:center}.attributes-summary b{color:var(--accent);font-size:13px}.random-attributes{justify-self:center;min-height:0;margin-top:4px;padding:4px 12px;border:0;border-radius:4px;background:var(--gold);color:#fff;font-size:11px}.start-button{min-height:0;margin-top:16px;padding:12px 40px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:15px;font-weight:700}.start-button:disabled{background:#999;opacity:.4}.tab-bar{flex:0 0 calc(60px + var(--safe-bottom));display:flex;align-items:flex-end;justify-content:space-around;padding:4px 0 calc(8px + var(--safe-bottom));border-top:1px solid #d0ccc0;background:var(--bg-ink)}.tab-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:48px;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--text-sub);font-size:9px}.tab-item span{font-size:18px;line-height:1.2}.tab-item[aria-current=page]{color:var(--accent);font-weight:700}.tab-item:disabled{color:var(--text-sub);opacity:1}.tab-world{position:relative;color:var(--accent);font-size:10px;font-weight:700;transform:translateY(-6px)}.tab-world:before{position:absolute;top:-6px;width:48px;height:4px;border-radius:2px;background:var(--accent);content:""}.tab-world span{font-size:24px}.char-view,.map-view{padding:12px}.char-tabs{position:sticky;z-index:5;top:-12px;display:flex;margin:-12px -12px 8px;border-bottom:1px solid #d0ccc0;background:var(--bg-ink)}.char-tabs button{flex:1;min-width:0;min-height:0;padding:8px 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-sub);font-size:12px}.char-tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:700}.char-card{margin-bottom:12px;padding:10px;border:1px solid #d0ccc0;border-radius:6px;background:var(--bg-ink)}.char-card>div:first-child{display:flex;align-items:baseline;gap:8px}.char-card>div:first-child strong{font-size:16px}.char-card>div:first-child span,.char-card>small{color:var(--text-sub);font-size:10px}.char-card .combatant-bars{margin-top:8px}.panel-title{margin:12px 0 6px;padding-bottom:3px;border-bottom:1px solid #d0ccc0;color:var(--accent);font-size:12px}.panel-row{display:grid;grid-template-columns:100px 40px 1fr auto;align-items:center;gap:4px;padding:4px 0;font-size:12px}.attribute-add{min-width:38px;min-height:32px;padding:3px 7px;border:1px solid var(--accent);border-radius:4px;background:transparent;color:var(--accent)}.panel-row small,.panel-subtitle{color:var(--text-sub);font-size:10px}.panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-size:12px}.panel-grid span{display:flex;justify-content:space-between;padding:6px 8px;background:var(--bg-ink)}.panel-empty{color:var(--text-sub);font-size:12px;text-align:center}.skill-card{display:grid;gap:4px;margin-bottom:6px;padding:8px;border:1px solid #d0ccc0;border-radius:6px;background:var(--bg-ink);font-size:11px}.skill-card.main{border-color:var(--accent);background:#c0392b0a}.skill-card.cultivating{box-shadow:inset 0 0 0 1px var(--gold);background:#d4a0170a}.skill-head{display:flex;align-items:center;gap:5px}.skill-head strong{flex:1}.skill-main,.skill-cultivating{padding:1px 4px;border-radius:2px;font-size:10px}.skill-main{border:1px solid var(--accent);color:var(--accent)}.skill-cultivating{border:1px solid var(--gold);color:var(--gold)}.skill-progress{display:block;height:5px;overflow:hidden;border-radius:3px;background:#d5d0c4}.skill-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4a017,#f0c040)}.skill-card>div:last-child{display:flex;gap:4px}.skill-card button{flex:1;min-height:0;padding:4px;border:1px solid #c8c4b8;border-radius:4px;background:var(--bg-paper);color:var(--text-main);font-size:11px}.bag-row button,.shop-item button{min-height:28px;padding:4px 10px;border:1px solid var(--pos);border-radius:4px;background:transparent;color:var(--pos);font-size:10px}.skill-card button.selected{border-color:#c8c4b8;background:var(--bg-ink);color:var(--accent);opacity:.5}.combo-row,.equip-row,.bag-row{display:grid;grid-template-columns:80px 1fr 70px auto;align-items:center;gap:6px;min-height:42px;padding:6px 8px;border-bottom:1px solid #e2ded3;font-size:11px}.combo-row{grid-template-columns:80px 1fr}.combo-row.locked{opacity:.45}.combo-hint{display:block;margin-bottom:6px;color:var(--text-sub);font-size:10px}.combo-card{display:grid;gap:6px;margin-bottom:8px;padding:8px;border:1px solid #d0ccc0;border-radius:6px;background:var(--bg-ink);font-size:11px}.combo-card.active{border-color:var(--gold)}.combo-card.locked{opacity:.45}.combo-card header{display:flex;align-items:center;justify-content:space-between}.combo-card header button{min-height:32px;padding:4px 10px;border:1px solid var(--gold);border-radius:4px;background:transparent;color:var(--gold)}.combo-slot{display:grid;grid-template-columns:20px 1fr;align-items:center}.combo-slot select{width:100%;min-height:40px;padding:6px;border:1px solid #c8c4b8;border-radius:4px;background:var(--bg-paper);color:var(--text-main)}.cultivation-total{display:flex;gap:8px;justify-content:space-between;margin-top:8px;color:var(--text-sub);font-size:10px}.cultivation-total span{color:var(--gold)}.combat-power{margin-top:6px;color:var(--gold);font-size:11px;text-align:center}.equip-row button{min-height:32px;padding:4px 8px;border:1px solid var(--accent);border-radius:4px;background:transparent;color:var(--accent);font-size:10px}.equip-row>span,.equip-row small{color:var(--text-sub)}.bag-row{grid-template-columns:24px 1fr 42px 54px}.quality-white{color:#999}.quality-green{color:var(--pos)}.quality-blue{color:#3498db}.quality-purple{color:#9b59b6}.quality-orange{color:var(--gold)}.map-view header{display:flex;flex-direction:column;align-items:center;padding:6px 0;border-bottom:1px solid #d0ccc0}.map-view header strong{font-size:15px}.map-view header small{color:var(--text-sub);font-size:11px}.region-grid,.room-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.region-card{display:flex;min-height:0;flex-direction:column;align-items:stretch;padding:10px 12px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-main);text-align:left}.region-card b{display:flex;align-items:center;gap:6px;font-size:13px}.region-card b span{padding:0 4px;border:1px solid var(--accent);border-radius:2px;color:var(--accent);font-size:10px;font-weight:400}.region-card small,.region-card em{margin-top:3px;color:var(--text-sub);font-size:10px;line-height:1.5}.region-card[aria-disabled=true]{opacity:.5}.map-back{min-height:0;padding:8px 0;border:0;background:transparent;color:var(--accent);font-size:12px;text-align:left}.room-node{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid #d5d0c4;border-radius:4px;background:var(--bg-ink);font-size:12px}.room-node small{color:var(--text-sub);font-size:10px}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#0006}.dialogue-box{display:flex;flex-direction:column;gap:10px;width:min(100%,340px);max-height:600px;overflow-y:auto;padding:14px;border:2px solid #c8c4b8;border-radius:8px;background:var(--bg-paper)}.dialogue-box h2{margin:0;color:var(--accent);font-size:13px}.dialogue-box p{margin:0;color:var(--text-main);font-size:13px;line-height:1.7;white-space:pre-line}.dialogue-options button,.dialogue-box>button{min-height:0;padding:8px 10px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-main);font-size:12px}.shop-box{gap:6px}.modal-title{position:sticky;z-index:2;top:-14px;display:flex;align-items:center;justify-content:space-between;margin:-14px -14px 0;padding:10px 14px 6px;background:var(--bg-paper)}.modal-title button{min-width:32px;min-height:32px;border:0;background:transparent;color:var(--text-sub);font-size:20px}.shop-greeting{margin-bottom:4px!important;color:var(--text-sub)!important;font-size:11px!important}.shop-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #d0ccc0;border-radius:6px}.shop-icon{font-size:20px}.shop-copy{display:flex;flex:1;flex-direction:column;font-size:12px}.shop-copy small{color:var(--text-sub);font-size:9px}.shop-price{color:var(--gold);font-size:11px}.shop-item button:disabled{opacity:.4}.feature-modal{max-height:calc(100% - 40px)}.feature-center{display:flex;flex-direction:column;gap:6px;padding:8px;text-align:center}.feature-center small{color:var(--text-sub);font-size:11px}.feature-center em{margin-top:4px;padding:6px;border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-size:11px;font-style:normal}.modal-actions{position:sticky;z-index:2;bottom:-14px;display:flex;gap:8px;margin:0 -14px -14px;padding:8px 14px 14px;background:var(--bg-paper)}.modal-actions button{flex:1}.faction-item,.offline-skill{display:grid;min-height:0;padding:9px 10px;border:1px solid #d0ccc0;border-radius:6px;background:var(--bg-paper);color:var(--text-main);text-align:left}.faction-item small,.offline-skill small{color:var(--text-sub);font-size:10px}.faction-item span,.offline-skill small{color:var(--pos);font-size:10px}.offline-skill{grid-template-columns:1fr auto}.offline-skill progress,.offline-skill small{grid-column:1 / -1}.offline-skill.selected{border:2px solid var(--gold);background:#d4a0170f}.offline-skill b em{margin-left:6px;padding:1px 4px;border:1px solid var(--gold);border-radius:2px;color:var(--gold);font-size:9px;font-style:normal}.feedback-box{max-height:calc(100% - 20px);gap:8px}.feedback-box>p{color:var(--text-sub);font-size:11px}.feedback-box label{display:grid;gap:4px;color:var(--text-main);font-size:11px;font-weight:700}.feedback-box input,.feedback-box textarea{width:100%;min-height:0;padding:7px;border:1px solid #d0ccc0;border-radius:4px;background:#fff;color:var(--text-main);font-size:11px;font-weight:400;resize:vertical}.feedback-box h3{margin:4px 0 0;padding-top:8px;border-top:1px solid #d0ccc0;font-size:12px}.feedback-ratings{display:grid;gap:5px}.feedback-row{display:grid;grid-template-columns:1fr auto 24px;align-items:center;gap:4px;padding:5px;border-radius:4px;background:#f5f0e699}.feedback-row>span:first-child{display:grid;font-size:11px}.feedback-row small{color:var(--text-sub);font-size:9px}.feedback-row em{color:var(--text-sub);font-size:9px;font-style:normal;text-align:center}.feedback-stars{display:flex}.feedback-stars button{min-width:28px;min-height:28px;padding:0;border:0;background:transparent;color:#d0ccc0;font-size:20px}.feedback-stars button.rated{color:var(--gold)}.feedback-box>.btn-confirm{position:sticky;z-index:2;bottom:-14px;min-height:40px;margin:0 -14px -14px;border:0;border-radius:0 0 6px 6px;background:var(--pos);color:#fff}.feedback-box output{padding:7px;border-radius:4px;font-size:10px}.feedback-error{color:var(--accent);background:#c0392b14}.feedback-ok{color:var(--pos);background:#2e8b5714}.toast{position:absolute;z-index:30;bottom:calc(80px + var(--safe-bottom));left:50%;max-width:calc(100% - 32px);padding:6px 16px;border-radius:6px;background:#2c2c2ae6;color:#fff;font-size:12px;transform:translate(-50%)}.cultivation-feedback{min-height:40px;padding:8px;border-radius:6px;background:var(--bg-ink);color:var(--text-main)!important;font-size:12px!important;line-height:1.6!important;white-space:pre-line}.cultivation-feedback.completed{color:var(--pos)!important}.chapter-montage{position:absolute;inset:0;z-index:210;overflow:hidden;pointer-events:none}.montage-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(212,160,23,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(139,90,43,.06),transparent 40%),linear-gradient(180deg,#14120ff5,#231c14f0 50%,#14120ff5)}.montage-frame{position:relative;width:80%;max-width:300px;margin:35% auto 0;padding:24px 16px;text-align:center}.montage-frame>*{display:block;font-family:STKaiti,KaiTi,serif;animation:montage-fade .8s ease-out both}.montage-time{margin-bottom:10px;color:var(--gold);font-size:14px;letter-spacing:3px;animation-delay:.1s}.montage-frame strong{margin-bottom:14px;color:#f0e6d2;font-size:22px;letter-spacing:6px;animation-delay:.35s}.montage-frame p{margin:0;color:#b8b3a6;font-size:13px;line-height:1.9;letter-spacing:1px;animation-delay:.6s}.montage-hint{position:absolute;right:0;bottom:30px;left:0;color:#d4a01766;font:11px STKaiti,KaiTi,serif;letter-spacing:8px;text-align:center}@keyframes montage-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chapter-transition{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:chapter-fade-in .4s ease-out}.chapter-transition-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#141414eb,#000000f7 70%)}.chapter-transition strong,.chapter-transition span{position:relative;font-family:STKaiti,KaiTi,serif;animation:chapter-title-slide .8s ease-out}.chapter-transition strong{color:var(--gold);font-size:32px;letter-spacing:4px;text-shadow:0 0 20px rgba(212,160,23,.6),0 0 40px rgba(212,160,23,.3)}.chapter-transition span{margin-top:14px;color:#b8b3a6;font-size:13px;letter-spacing:6px;animation-duration:1s}@keyframes chapter-fade-in{0%{opacity:0}to{opacity:1}}@keyframes chapter-title-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}progress{width:100%;height:12px;margin:12px 0}.combat-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:var(--bg-paper)}.combat-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #d0ccc0;color:var(--text-sub);font-size:12px}.combat-round{color:var(--accent);font-size:11px}.combat-bars-panel{flex:0 0 auto;padding:8px 12px}.enemy-bar-group{margin-bottom:12px}.player-bar-group{margin-top:12px}.combatant-bars{display:grid;gap:4px}.bar-row-combat{display:flex;align-items:center;gap:6px}.combat-name{flex:0 0 60px;overflow:hidden;color:var(--text-main);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.combat-stat-label{color:var(--text-sub);font-size:10px;font-weight:400}.combat-bar-track{flex:1;height:10px;overflow:hidden;border-radius:5px;background:#d5d0c4}.combat-bar-fill{display:block;height:100%;border-radius:5px;transition:width .25s}.combat-bar-fill.hp-fill{background:var(--accent)}.combat-bar-fill.mp-fill{background:#2980b9}.combat-bar-text{flex:0 0 70px;color:var(--text-sub);font-size:10px;text-align:right}.combat-arena{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:8px}.reveal-zone{display:flex;align-items:center;justify-content:space-around;width:100%;padding:8px 0}.reveal-card{display:flex;width:110px;flex-direction:column;align-items:center;padding:10px;border:2px solid;border-radius:8px;opacity:0;text-align:center;transform:scale(.8);transition:all .2s}.reveal-card.show{opacity:1;transform:scale(1)}.reveal-card.player{border-color:var(--pos);background:#2e8b5714}.reveal-card.enemy{border-color:var(--accent);background:#c0392b0f}.rc-side{color:var(--text-sub);font-size:10px}.rc-icon{margin:4px 0;font-size:28px}.rc-name{color:var(--text-main);font-size:13px}.vs-text{padding:0 8px;color:var(--text-sub);font-size:16px}.rps-note{min-height:20px;padding:4px;color:var(--text-sub);font-size:11px;text-align:center}.rps-note.highlight{color:var(--accent);font-weight:700}.history-strip{display:flex;gap:3px;justify-content:center;min-height:8px;padding:4px 0}.history-dot{width:8px;height:8px;border-radius:2px}.history-dot.attack{background:var(--accent)}.history-dot.defend{background:#3498db}.history-dot.tech{background:var(--gold)}.history-dot.internal{background:var(--pos)}.history-dot.item{background:var(--text-sub)}.action-grid{display:grid;flex:0 0 auto;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.action-btn{display:flex;min-width:0;min-height:56px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-main)}.action-btn.selected{border-color:var(--accent);background:#c0392b1a;box-shadow:0 0 0 1px var(--accent)}.action-btn:disabled{opacity:.4}.ab-icon{font-size:18px}.ab-name{font-size:11px}.ab-cost{color:var(--text-sub);font-size:9px}.combat-controls{display:flex;flex:0 0 auto;gap:8px;padding:4px 12px 8px}.auto-controls{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #d0ccc0;color:var(--gold);font-size:12px}.auto-controls button{min-height:34px;padding:6px 16px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-main);font-size:11px}.battle-quickbar{display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;padding:6px 8px;border-top:1px solid #d0ccc0}.battle-quickbar button{display:flex;min-width:112px;min-height:44px;flex-direction:column;justify-content:center;padding:5px 8px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-main);text-align:left}.battle-quickbar button.active{border-color:var(--gold)}.battle-quickbar button:disabled{opacity:.45}.battle-quickbar b{font-size:10px}.battle-quickbar small{color:var(--text-sub);font-size:9px}.btn-confirm{flex:1;min-height:0;padding:10px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:14px;font-weight:700}.btn-confirm:disabled{opacity:.4}.btn-cancel{min-height:0;padding:10px 16px;border:1px solid #c8c4b8;border-radius:6px;background:var(--bg-ink);color:var(--text-sub);font-size:13px}.combat-log{flex:1;min-height:0;overflow-y:auto;padding:6px 12px;border-top:1px solid #d0ccc0;font-size:11px;line-height:1.7}.combat-log p{margin:0}.log-round{color:var(--text-sub);font-weight:700;text-align:center}.combat-result{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f5f0e6f2;text-align:center}.combat-result.active{display:flex}.result-title{color:var(--accent);font-size:24px}.result-stats,.result-rewards{display:flex;flex-direction:column;font-size:12px;line-height:1.8}.result-stats{color:var(--text-sub)}.result-rewards{color:var(--pos);font-size:13px}.btn-result{min-height:0;padding:12px 32px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:14px;font-weight:700}.critical-prompt{position:absolute;right:0;bottom:60px;left:0;z-index:5;margin:0 12px;padding:14px;border:2px solid var(--gold);border-radius:10px;background:var(--bg-paper);box-shadow:0 4px 16px #0000001f;color:var(--text-main)}.critical-prompt h2{margin:0 0 4px;color:var(--accent);font-size:15px}.critical-prompt p{margin:0 0 10px;color:var(--text-sub);font-size:12px;line-height:1.5}.critical-prompt div{display:flex;gap:8px}.critical-prompt button{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;align-items:center;padding:10px 8px;border:1px solid #c8c4b8;border-radius:8px;background:var(--bg-ink);color:var(--text-main);font-size:12px}.co-icon{font-size:18px;line-height:1.2}.co-label{margin-top:2px;font-size:12px}@media(min-width:420px)and (min-height:840px){.game-frame{box-shadow:0 0 30px #00000080}}@media(max-width:419px){.game-frame{width:100vw;height:100dvh;border:0;border-radius:0}.creation-input,.feedback-box input,.feedback-box textarea{font-size:16px}}@media(max-height:700px){.creation-view{justify-content:flex-start}.creation-sub{margin-bottom:8px}.start-button{margin-top:8px}}@media(orientation:landscape)and (max-height:500px){.game-frame:after{position:absolute;inset:0;z-index:999;display:grid;place-items:center;background:#1a1a18f7;color:var(--bg-paper);content:"请竖屏游玩";font-size:18px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}