/* Responsive overrides: keep original artwork; tighten only its transparent spacing. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:90px}
body{min-width:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.page{width:100%;max-width:1120px;min-height:100vh;min-height:100svh;--card-scale:1;--card-columns:2}
.picture-header{container-type:inline-size;width:100%;max-width:760px;height:auto;aspect-ratio:100/97.83;margin-left:auto;margin-right:auto;margin-bottom:clamp(-30.4px,-4vw,-12.8px)}
.content>.contact{width:96%;max-width:760px;height:auto;aspect-ratio:89.664/28.5;margin-top:.4cqw;margin-bottom:.3cqw}
/* The title canvases include roughly 5% transparent space above and 7% below. */
.imported .dragon-title-heading{width:100%;max-width:760px;padding:0;margin:.3cqw auto .2cqw}
.imported .dragon-title-heading h2{container-type:inline-size;display:flow-root;overflow:hidden;line-height:0;margin:0;padding:0}
.imported .dragon-title-heading .dragon-title-art{display:block;width:92%;max-width:100%;height:auto;margin:-4cqw auto -5cqw;object-fit:contain}
.imported{margin-top:0;margin-bottom:1.5cqw}
.imported .cards{grid-template-columns:repeat(var(--card-columns),minmax(0,1fr));column-gap:clamp(10px,3cqw,24px);row-gap:clamp(6px,1.2cqw,14px);margin-top:0;margin-bottom:1cqw;align-items:stretch}
.imported .cards>.card,.imported .cards>.card:nth-last-child(3):nth-child(4n+1){grid-column:auto;min-width:0;height:calc(72cqw * var(--card-scale));min-height:calc(72cqw * var(--card-scale));padding:calc(12.5cqw * var(--card-scale)) calc(5cqw * var(--card-scale)) calc(4.5cqw * var(--card-scale))}
.imported .card .copied-icon{width:calc(17cqw * var(--card-scale));height:calc(17cqw * var(--card-scale));margin-bottom:calc(.2cqw * var(--card-scale))}
.imported .card svg.card-copy-art{height:calc(24cqw * var(--card-scale));margin-bottom:calc(.2cqw * var(--card-scale))}
.imported .card .btn.dragon-launch{width:calc(100% + 4cqw * var(--card-scale));margin-top:calc(.4cqw * var(--card-scale))}
.imported .card .managed-lettering,.imported .card .managed-copy{height:calc(24cqw * var(--card-scale));min-height:0;overflow:auto}
.imported .card .managed-copy b{font-size:clamp(14px,calc(4.4cqw * var(--card-scale)),28px)}
.imported .card .managed-copy span{font-size:clamp(11px,calc(2.8cqw * var(--card-scale)),18px)}
.bottom-nav{height:auto;min-height:68px;gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0}
.bottom-nav :is(button,a){min-width:0;min-height:44px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;font-size:clamp(11px,2.8cqw,16px)}
.bottom-nav .line-icon{width:clamp(22px,5cqw,32px);height:clamp(22px,5cqw,32px)}
dialog{max-width:calc(100vw - 24px);max-height:85vh;max-height:85dvh;overscroll-behavior:contain}
.member-dialog input,.member-dialog textarea{font-size:16px}
.launch-stage{max-width:100%;max-height:100vh;max-height:100dvh}
@media(min-width:640px){
 .page{--card-columns:3;--card-scale:.666667}
 .content{padding-left:24px;padding-right:24px}
 .copied-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .tool-card{padding:14px;min-height:100px;gap:10px;border-radius:16px}
 .tool-card .copied-icon{width:48px;height:48px}
 .tool-card:after{font-size:12px}
 .tool-title{font-size:16px}.tool-hint{font-size:12px}
 .category-grid{gap:12px}.category{font-size:16px;padding:14px;min-width:0}
 .categories h2{font-size:26px}.categories>p{font-size:14px}
}
@media(min-width:1024px){
 .page{--card-columns:4;--card-scale:.5}
 .copied-tools{grid-template-columns:repeat(4,minmax(0,1fr))}
 .picture-header{margin-top:0}
 .imported{margin-bottom:20px}
}
@media(max-width:359px){
 .content{padding-left:8px;padding-right:8px}
 .imported .cards{column-gap:8px}
 .tool-card{gap:5px;padding:7px}.tool-card:after{display:none}
 .member-dialog .m-tabs{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}