/* Only UI popups; the game's original Canvas aspect ratio and world remain unchanged. */
.pixeline-overlay[hidden] { display:none!important }
.pixeline-overlay { position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;overflow:auto }
.pixeline-overlay button,.pixeline-overlay input { touch-action:manipulation; }
.pixeline-profile-box { width:min(760px,95vw);max-height:94vh;overflow:auto;text-align:center }
.pixeline-profile-box h1 { color:#ffcc25;-webkit-text-stroke:1px #543b16;text-shadow:1px 3px 0 #783b0b,0 4px 8px #0009;font-weight:1000;letter-spacing:.06em;font-size:clamp(24px,4vw,52px);margin:0 0 30px }
.pixeline-plate,.pixeline-mini-dialog { border:7px solid white;border-radius:18px;background:radial-gradient(circle at 20px 20px,#87d2fb55 0 9px,transparent 10px) 0 0/72px 68px,#50b7f2;box-shadow:0 5px 20px #0008;color:#252f48;padding:20px; }
.pixeline-plate h2,.pixeline-mini-dialog h2 { color:#ffc443;-webkit-text-stroke:.6px #62431b;text-shadow:1px 1px 0 #70441f;font-size:clamp(19px,3vw,28px);margin:-36px auto 22px;background:#e4f1fa;border:3px solid #3178a4;border-radius:12px;padding:4px 24px;width:max-content;max-width:85% }
#pixeline-profiles-list {display:grid;gap:10px;max-height:42vh;overflow-y:auto;margin:6px 0 20px}
.pixeline-profile-row {display:flex;gap:10px;align-items:stretch}
.pixeline-player-choice { flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:4px;background:#d9f3ff;border:3px solid #17669b;border-radius:13px;padding:12px 16px;cursor:pointer;color:#ca7d0c;text-shadow:0 1px 0 #fff;font-weight:bold }
.pixeline-player-choice strong { font-size:clamp(18px,2.8vw,26px)}
.pixeline-player-choice small {color:#755013;font-size:clamp(12px,1.8vw,16px)}
.pixeline-delete {min-width:44px;border:0;background:transparent!important;color:#e52625!important;font-size:30px!important;text-shadow:1px 2px 0 #fff,1px 3px #751200;cursor:pointer}
.pixeline-button {padding:12px 18px!important;background:#d5f0ff!important;color:#da870b!important;border:3px solid #2578a1!important;border-radius:14px!important;font:bold clamp(16px,2.3vw,23px) system-ui,sans-serif!important;text-shadow:0 1px #fff!important;cursor:pointer}
.pixeline-mini-dialog {width:min(580px,94vw);max-height:calc(100dvh - 30px);overflow:auto;text-align:center;padding:32px 22px 18px}
.pixeline-mini-dialog h2 { margin-top:-44px; margin-bottom:18px }
.pixeline-mini-dialog label {display:block;font-size:clamp(16px,2vw,22px);font-weight:700;margin-bottom:16px}
.pixeline-mini-dialog input[type=text] {box-sizing:border-box;display:block;width:100%;height:52px;color:#182f49!important;background:white!important;border:3px solid #276b9a;border-radius:9px;padding:8px 14px;font:500 20px system-ui,sans-serif!important;outline-offset:2px}
.pixeline-mini-dialog input[type=range] {width:100%;height:40px;accent-color:#e5a726;cursor:pointer}
.pixeline-dialog-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px}
.pixeline-dialog-actions .pixeline-button {flex:1;min-width:125px}
#pixeline-update-dialog progress{display:block;width:100%;height:18px;margin:16px auto;accent-color:#2c9bd2}
#pixeline-update-badge{position:fixed;z-index:888;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));padding:7px 12px;background:#248bce;color:white;border:2px solid white;border-radius:12px;font:bold 13px system-ui,sans-serif;cursor:pointer}
@media(max-height:440px){.pixeline-profile-box h1{margin-bottom:20px}.pixeline-plate,.pixeline-mini-dialog{padding:12px}.pixeline-plate h2{margin:-26px auto 8px}.pixeline-player-choice{padding:6px 10px}.pixeline-dialog-actions{margin-top:8px}.pixeline-mini-dialog h2{margin-top:-27px}}