.modal:is(.result-win,.story-modal,.pause-modal){padding:8px;overflow:hidden;box-sizing:border-box}.modal:is(.result-win,.story-modal,.pause-modal) .modal-content{box-sizing:border-box;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow:hidden;padding:14px 18px}.modal:is(.result-win,.story-modal,.pause-modal) .modal-actions{display:flex;justify-content:center;gap:10px;margin:0;flex-wrap:nowrap}.modal:is(.result-win,.story-modal,.pause-modal) .modal-actions button{min-height:44px;padding:6px 20px;font-size:16px;white-space:nowrap}.result-win .modal-content{width:min(1000px,100%);height:min(470px,calc(100vh - 16px));height:min(470px,calc(100dvh - 16px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;text-align:left}.victory-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.victory-heading h2{margin:0;font-size:22px;letter-spacing:2px}.victory-heading span{font-size:12px;color:#b6c8da}#attribute-panel[data-skin=V107]{min-height:0;min-width:0;margin:0;padding:0;border:0;position:relative}#attribute-panel[data-skin=V107] .attribute-body{height:100%;box-sizing:border-box;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:5px}#attribute-panel[data-skin=V107] .attribute-heading{margin:0;gap:8px}#attribute-panel[data-skin=V107] .attribute-heading h3{font-size:14px;letter-spacing:0;margin:0}#attribute-panel[data-skin=V107] .attribute-heading>strong{font-size:16px}#attribute-panel[data-skin=V107] .attribute-grid{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}#attribute-panel[data-skin=V107] .attribute-row{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 7px;min-height:0;background:linear-gradient(120deg,#23394f,#14263b);border:1px solid #839bb04f;border-radius:4px;box-sizing:border-box}#attribute-panel[data-skin=V107] .attribute-row[data-skin-state=selected]{border-color:#ddbb76a0}.attribute-summary{display:flex;align-items:center;gap:5px;min-width:0}.attribute-summary .buff-icon{width:30px;height:30px;flex:none}.attribute-summary>div{min-width:0}.attribute-summary b{display:inline;font-size:13px;color:#eddfc5}.attribute-summary .attribute-value{display:block;font-size:12px;white-space:nowrap;color:#efca85}.attribute-summary small{display:block;font-size:10px;color:#afc2d4}#attribute-panel[data-skin=V107] .attribute-stepper{padding:0;gap:3px;flex:none}#attribute-panel[data-skin=V107] .attribute-stepper button{width:44px;height:44px;border:0;padding:0;border-radius:0;background:var(--button-normal) center/100% 100% no-repeat;font-size:24px}#attribute-panel[data-skin=V107] .attribute-stepper button:hover:not(:disabled){background-image:var(--button-hover)}#attribute-panel[data-skin=V107] .attribute-stepper button:active:not(:disabled){background-image:var(--button-pressed)}#attribute-panel[data-skin=V107] .attribute-stepper button:disabled{background-image:var(--button-disabled);opacity:.48}#attribute-panel[data-skin=V107] .attribute-note{margin:0;font-size:10px;line-height:1.2}.story-modal .modal-content{width:min(790px,100%);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:7px;text-align:left}.story-modal .eyebrow{font-size:11px;margin:0;line-height:1.2}.story-modal .modal-content h2{font-size:20px;letter-spacing:1px;margin:0;line-height:1.3}.story-modal .story-dialogue{margin:0;padding:12px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:13px;align-items:center;min-height:0}.story-modal .story-dialogue img{width:86px;height:108px;object-fit:contain;object-position:center;max-height:100%}.story-modal .story-dialogue b{font-size:16px}.story-modal .story-dialogue p{font-size:17px;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}.story-modal .modal-subtitle{margin:0;font-size:11px;line-height:1.2;text-align:center}.story-modal #story-voice-status{font-size:11px}.story-modal #story-voice-replay{min-height:44px;padding:5px 12px;font-size:13px;margin-top:3px}.pause-modal .modal-content{width:min(490px,100%);display:grid;gap:12px;text-align:center}.pause-modal .eyebrow,.pause-modal h2,.pause-modal .modal-subtitle{margin:0}.pause-modal .eyebrow{font-size:12px}.pause-modal .modal-content h2{font-size:24px}.pause-modal .modal-subtitle{font-size:13px;line-height:1.5}#hud-timer-label{display:block;white-space:nowrap}@media(max-height:450px){.modal:is(.result-win,.story-modal,.pause-modal) .modal-content{padding:8px 12px}.result-win .modal-content{gap:5px}.victory-heading h2{font-size:17px}.victory-heading span{font-size:10px}#attribute-panel[data-skin=V107] .attribute-heading h3{font-size:12px}#attribute-panel[data-skin=V107] .attribute-heading>strong{font-size:13px}#attribute-panel[data-skin=V107] .attribute-summary .buff-icon{width:24px;height:24px}.story-modal .modal-content{gap:5px}.story-modal .story-dialogue{padding:7px;grid-template-columns:70px minmax(0,1fr);gap:10px}.story-modal .story-dialogue img{width:70px;height:88px}.story-modal .story-dialogue p{font-size:15px;line-height:1.4;margin:4px 0}.story-modal .modal-content h2{font-size:17px}#hud .hud-time strong{font-size:18px;line-height:1.1}#hud .hud-time small{font-size:8px;line-height:1.1;margin:0}}@media(max-height:300px){.victory-heading span{display:none}.result-win .modal-content{gap:4px}.victory-heading h2,#attribute-panel[data-skin=V107] .attribute-heading{line-height:1.1}#attribute-panel[data-skin=V107] .attribute-note{display:none}#attribute-panel[data-skin=V107] .attribute-body{grid-template-rows:auto minmax(0,1fr);gap:4px}#attribute-panel[data-skin=V107] .attribute-row{padding-top:0;padding-bottom:0}#attribute-panel[data-skin=V107] .attribute-summary small,.story-modal .eyebrow{display:none}.story-modal .story-dialogue img{height:74px}.story-modal .story-dialogue p{font-size:14px}.pause-modal .modal-content{gap:8px}}.evidence-modal .modal-content{grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(900px,100%)}.evidence-facts{display:grid;gap:5px;min-height:0}.evidence-facts p{font-size:14px;line-height:1.4;margin:0;padding:4px 8px;background:#23394f;border-radius:3px}@media(max-height:300px){.evidence-facts{gap:3px}.evidence-facts p{font-size:11px;padding:3px 6px}.evidence-modal .modal-content h2{font-size:15px}.evidence-modal .modal-subtitle{font-size:9px}}#hud-portrait[role=button]{cursor:pointer}