/* QuestPick 7.0 adaptive UI – additive fixes for safe areas and long content. */
:root{--qp70-focus:#d599ff}
html,body{min-width:0;overscroll-behavior-x:none}
#app,.content,.main,.panel,.pn51-tool-link,.game-row,.pn-connected-card{min-width:0;max-width:100%}
#app h1,#app h2,#app h3,#app p,#modal-content h2,#modal-content p{overflow-wrap:break-word}
.qp70-connect{margin:20px 0 34px;background:linear-gradient(130deg,#352048,#201027);border-color:#6b3986}
.qp70-label{font-size:10px;letter-spacing:1.8px;font-weight:850;color:#d29afb;margin-bottom:10px}
.qp70-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.qp70-head h2{font-size:19px;margin:0 0 7px}
.qp70-head p{line-height:1.5;margin:0 0 8px}
.qp70-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.qp70-preview{display:grid;gap:5px;max-height:200px;overflow:auto;background:#160c20;padding:10px;border-radius:12px;border:1px solid #ffffff20;margin:12px 0}
.qp70-preview>div{font-size:12px;color:#e9d5f8;padding:6px 7px;background:#ffffff06;border-radius:6px}
.qp70-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.qp70-connection-grid>div{display:grid;gap:4px;background:#160c20;border:1px solid #ffffff15;padding:10px;border-radius:10px}
.qp70-connection-grid span{font-size:11px;color:#d0a5e4}
#qp70-preview{margin:13px 0;color:#e4c6f3;font-size:13px}
#modal-content input[type=file]{width:100%;max-width:100%;font-size:13px}
#modal-content .field{margin-top:12px}
@media(max-width:760px){
 .main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(105px + env(safe-area-inset-bottom))}
 .qp70-head{flex-direction:column}
 .qp70-connection-grid{grid-template-columns:1fr}
 .qp70-connect{margin-bottom:calc(24px + env(safe-area-inset-bottom))}
 #app{overflow-x:clip}
 .pn51-profile-card,.active-hero{min-width:0}
 .game-row .game-text,.pn-connected-head>div{min-width:0}
 input,select,textarea{font-size:16px}
}
@supports(height:100dvh){dialog[open]{max-height:min(92dvh,900px)}}