#feedback { font-size:12px; line-height:1.5; color:#694b45; min-height:36px; padding:5px 8px; background:#fff8ef; border-radius:12px; }
#holdProgress { font-size:12px; padding:5px; border-radius:8px; background:linear-gradient(90deg,#ffd0b6 var(--progress,0%),#fff 0); }
.pocket-dialog { width:min(520px,92vw); max-height:85dvh; margin:auto; overflow:auto; border:0; border-radius:22px; padding:22px; color:#624b43; background:#fffaf4; box-shadow:0 20px 70px #65452f44; }
.pocket-dialog::backdrop { background:#42302f77; }
.pocket-dialog h2 { font-size:21px; margin-top:0; }
.pocket-dialog p { font-size:14px; line-height:1.6; }
.pocket-dialog button, #openPlaytest { border:1px solid #d9b9a7; background:#fff1e7; color:#624b43; padding:10px 14px; border-radius:12px; margin:5px 5px 5px 0; cursor:pointer; }
.pocket-dialog input, .pocket-dialog textarea { display:block; box-sizing:border-box; width:100%; font:inherit; padding:10px; border:1px solid #d9b9a7; border-radius:10px; margin:10px 0; }
.pocket-dialog textarea { font-size:13px; line-height:1.5; }
.memory-card { padding:12px; border:1px solid #edd7c8; border-radius:16px; margin:12px 0; }
.memory-card h3 { margin:3px 0; font-size:16px; }
.pet-portrait { display:block; width:90px; height:110px; object-fit:contain; margin:12px auto 0; }
.title-text { white-space:nowrap; }
.title-row { flex-wrap:wrap; row-gap:3px; }
.pocket-dialog section + section { margin-top:24px; border-top:1px solid #ddc9b8; padding-top:16px; }
.modal-box { max-height:85dvh; overflow:auto; }
button:focus-visible, input:focus-visible, textarea:focus-visible { outline:3px solid #b76641; outline-offset:3px; }
.cloud-badge-left { border:0; font:inherit; }
@media(max-width:619px) { #feedback { min-height:0; font-size:11px; padding:3px 7px; } .top-header { gap:3px; } .pocket-dialog { padding:16px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:0.01ms!important; transition-duration:0.01ms!important; } }