/* Compact floating actions and separate detail dialogs; no long command sheets. */
#context{width:350px;max-width:calc(100vw - 24px);max-height:none;overflow:visible;padding:13px;bottom:110px;right:24px;left:auto;border-radius:7px;background:rgba(24,43,36,.9);box-shadow:0 10px 32px #0007}
#context .panel-top{margin-bottom:8px;min-height:40px;padding-right:35px}#context .panel-top h3{font-size:20px}#context .panel-top small{font-size:11px}
#context .stat-grid{padding:6px 0;margin:0}#context .stat-grid b{font-size:19px}#context .stat-grid small{font-size:10px;margin-bottom:3px}
#context .upgrade-preview{padding:7px 8px;margin:8px 0;font-size:11px;line-height:1.5}
#context .cost-line{font-size:11px;line-height:1.5;margin:7px 0;display:flex;justify-content:space-between;gap:8px}
#context .panel-buttons{display:flex;gap:6px;margin-top:8px}#context .panel-buttons button{min-height:44px;padding:8px;font-size:13px;margin:0;flex:1}#context .panel-buttons .primary{flex:1.6}
#context .build-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#context .build-list .build-card{min-height:115px;padding:8px 3px;gap:5px}
#context .build-list .build-card .portrait{width:28px;height:28px}#context .build-list .build-card strong{font-size:12px}#context .build-list .build-card small,#context .build-list .build-card b i{font-size:10px}
#context .build-list .build-card b{font-size:14px}#context .temple-steps{margin:5px 0;font-size:10px}#context .compact-effect{margin:8px 0;font-size:12px;line-height:1.6;color:#d3dfc5}
#context .hero-controls{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:7px;margin-top:8px}#context .hero-controls .skill-button{margin:0;min-height:44px;padding:7px;font-size:12px}#context .check-row{min-height:44px;margin:0;font-size:12px;justify-content:center;gap:6px}#context .charge-track{margin-top:4px}
.compact-wide{width:100%;min-height:44px;font-size:13px;padding:9px}
dialog.compact-dialog{width:370px;max-width:calc(100vw - 24px);padding:18px;max-height:none;overflow:visible;border:2px solid #9b946b;border-radius:7px;background:rgba(24,43,36,.96);color:#e0ddc5;text-align:left;box-shadow:0 15px 55px #0007}
.compact-dialog::backdrop{background:#09181240;backdrop-filter:none}.compact-dialog h2{font:23px 'KaiTi',var(--serif);color:#efd39a;margin:0 35px 14px 0}.compact-dialog p{font-size:13px;line-height:1.7;margin:9px 0}.compact-dialog .secondary{background:#354c3e;color:#efddb6;border-color:#96946b}.compact-dialog .compact-wide{margin-top:14px}
.compact-dialog .dialog-close{position:absolute;right:3px;top:3px;width:44px;height:44px;color:#e2ddc1}.info-totals{display:grid;gap:8px;padding:12px;background:#10291e66;font-size:12px}.info-totals span{display:flex;justify-content:space-between}.compact-dialog .compact-effect{padding:10px;background:#10291e66;color:#e0c38b}
#promotion .promotion-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#promotion .build-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:10px 3px;min-height:164px;border:1px solid #92956c;background:#20392d;color:#eadbb5;border-radius:4px}#promotion .build-card strong{font-size:14px}#promotion .build-card small{display:block;font-size:10px;line-height:1.6}#promotion .build-card b{font-size:14px;margin:0}#promotion .build-card b i{display:block;font-size:9px;font-style:normal;margin-top:4px}#promotion .portrait{width:28px;height:32px}#promotion .portrait svg{width:100%;height:100%}#promotion .build-card:disabled{opacity:.5}
.compact-tabs{display:flex;gap:6px;margin:8px 0}.compact-tabs button{flex:1;min-height:44px;border:1px solid #8f956d;background:#233d30;color:#dddcbe;font-size:13px;border-radius:4px}.compact-tabs button[aria-pressed=true]{background:#627b50;color:#fff1c5;border-color:#cfbb7c}
#result{width:400px;padding:16px;max-height:none;overflow:visible}#result .result-emblem{display:none}#result h2{font-size:25px;margin:5px 0}#result-kicker{font-size:10px}#result>p{font-size:12px;line-height:1.5;margin:7px 0}
#result .result-stats{padding:8px 0;margin:8px 0}#result .result-stats b{font-size:25px}#result .result-stats small{font-size:10px}#result .reward-line{padding:8px 10px;margin:8px 0;font-size:12px}#result .ad-button{min-height:44px;font-size:12px;padding:8px}#result .ad-tip{font-size:10px;line-height:1.5;margin:6px 0}#result .result-share{min-height:44px;font-size:13px;margin-top:8px}
#result .result-actions{position:static;bottom:auto;background:none;box-shadow:none;padding:8px 0 0;margin-top:5px}#result .result-actions button{min-height:44px;font-size:13px;padding:8px}#result .leader{font-size:12px;margin:9px 0}#result .leader>b{font-size:13px}#result .support-report,#result-advice{font-size:12px;line-height:1.6;margin:8px 0;padding:10px}#result .support-report p{margin:5px 0}
/* Existing illustrated handbook already has five pages; keep each page compact. */
#help{width:480px;padding:16px;overflow:visible;max-height:none}#help h2{font-size:23px;margin:5px 0 10px}#help>.eyebrow{font-size:10px;margin:0}#help .tutorial-steps{gap:4px;margin-bottom:10px}#help .tutorial-steps button{min-height:40px;font-size:11px;padding:5px 2px}
#tutorial-stage h3{font-size:18px;line-height:1.5;margin-bottom:6px}#help .tutorial-lead{font-size:11px;line-height:1.6;margin-bottom:8px}#help .tutorial-pair{padding:8px;grid-template-columns:minmax(0,135px) 20px minmax(0,95px);gap:7px}#tutorial-stage img{max-height:130px;width:auto;max-width:100%;object-fit:contain;margin:auto}#help .tutorial-pad{max-width:120px;margin:auto}#help .tutorial-tip{padding:8px 10px;margin-top:9px;font-size:11px;line-height:1.6}#help .tutorial-tip p{font-size:11px;line-height:1.6;margin:4px 0 0}#help .tutorial-actions{margin-top:10px;gap:6px}#help .tutorial-actions button{min-height:44px;font-size:12px}#help #help-practice{min-height:38px;font-size:12px}#help .tutorial-safety{font-size:10px;line-height:1.5;margin:3px 0 0}#tutorial-stage figcaption{font-size:10px;line-height:1.5;margin-top:5px}#help .tutorial-wide{padding:8px}#help .tutorial-command{margin-top:8px!important}#help .tutorial-flow,#help .tutorial-roles{margin:8px 0;font-size:11px}#help .combo-demo{gap:7px;margin:8px 0}#help .combo-row{padding:8px}#help .combo-person{font-size:12px;gap:3px}#help .combo-person svg{width:27px;height:29px}#help .combo-person small{font-size:10px}
@media(max-width:700px) and (orientation:portrait){
  #welcome .landing-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 12px;bottom:max(14px,env(safe-area-inset-bottom));left:16px;right:16px}
  #welcome .landing-rail>.rail-heading,#welcome .landing-rail>.welcome-note{display:none}
  #welcome .landing-rail>.resume-card,#welcome .landing-rail>.save-warning{grid-column:1/-1}
  #welcome .resume-card p,#welcome.has-save .resume-card p{margin:0 0 7px;font-size:9px;line-height:1.5}
  #welcome.has-save .landing-rail>#enter-button,#welcome.has-save .landing-rail>.home-guide-button,#welcome .landing-rail>.home-secondary{grid-column:auto;min-width:0}
  #welcome .landing-rail>#enter-button,#welcome .landing-rail>.home-guide-button,#welcome .home-secondary button{min-height:44px;padding:6px 2px;font-size:11px;letter-spacing:0}
  #welcome .home-guide-button strong{font-size:11px;letter-spacing:0}#welcome .home-secondary button{width:100%;margin:0;border-color:#8f956c80}#welcome #enter-button span{display:none}
  #welcome:not(.has-save) .landing-rail>#enter-button{grid-column:1/-1}#welcome:not(.has-save) .landing-rail>.home-guide-button{grid-column:1/3}
  #welcome .scene-view{bottom:195px;left:20px;top:auto;right:auto}#welcome:not(.has-save) .scene-view{bottom:150px}
  #context,.guiding #context{bottom:146px;left:12px;right:12px;width:auto;max-width:none;max-height:none;overflow:visible}
}
@media(max-height:480px) and (orientation:landscape){#context,.guiding #context{right:18px;left:auto;bottom:20px;width:330px;max-height:none}#help{width:650px;padding:12px}#help .tutorial-steps{position:absolute;left:12px;top:75px;width:200px;display:grid;grid-template-columns:repeat(2,1fr)}#help #tutorial-stage{margin-left:218px;min-height:210px}#help .tutorial-actions{position:absolute;bottom:12px;left:12px;width:200px}#help .tutorial-safety{display:none}#help{min-height:340px}#help #help-practice{display:block;position:absolute;bottom:12px;left:12px;width:200px;margin:0}#help .tutorial-actions{bottom:57px}#help .tutorial-tip p{font-size:10px}#result{padding:10px;width:500px}#result .result-stats{margin:4px 0;padding:4px 0}#result>p{margin:4px 0}#result .result-tabs{margin:4px 0}}

.context-open #pause-plan-tools{visibility:hidden}
@media(max-width:360px){#help{padding:12px}#tutorial-stage img{max-height:104px}#help .tutorial-tip{padding:6px 8px}#help .tutorial-actions{margin-top:7px}#help .tutorial-pair{padding:6px}#help .combo-person svg{width:22px;height:24px}}

@media(max-height:480px) and (orientation:landscape){#help #help-practice{width:200px!important}#help #tutorial-stage img{max-height:104px}#help .combo-person svg{width:22px;height:24px}#help .tutorial-tip p{line-height:1.5}}