/* Original Traditional Chinese treatments inspired by the supplied references.
   Neither Zakkuri Gothic nor Kirin font files are embedded. Noto is OFL licensed. */
@font-face{font-family:'Dog Title Black';font-style:normal;font-weight:900;font-display:swap;src:url('./assets/fonts/noto-title-black.ttf') format('truetype')}
:root[data-title-style] .park-copy{min-width:0}
:root[data-title-style] .park-copy :is(h1,.type-preview-title),:root[data-title-style] .site-header .brand{font-family:'Dog Title Black','Huninn','Microsoft JhengHei',sans-serif;font-weight:900;font-synthesis:none}
:root[data-title-style] .brand small{font-family:'Microsoft JhengHei',sans-serif;font-weight:400;letter-spacing:.5px}
:root[data-title-style='rough'] .park-copy :is(h1,.type-preview-title),.type-sample-rough{font-family:'Dog Title Black','Microsoft JhengHei',sans-serif;font-weight:900;color:#49392a;letter-spacing:.035em;transform:none;text-shadow:none;line-height:1.3}
:root[data-title-style='rough'] .park-copy :is(h1,.type-preview-title){font-size:46px;margin:8px 0 6px}
@supports (background-clip:text){:root[data-title-style='rough'] .park-copy :is(h1,.type-preview-title),.type-sample-rough{background:repeating-linear-gradient(-34deg,#49392a 0 2.5px,#9d8e72 2.5px 3.05px,#49392a 3.05px 6.5px);background-clip:text;-webkit-background-clip:text;color:transparent}}
:root[data-title-style='tall'] .park-copy :is(h1,.type-preview-title),.type-sample-tall{font-family:'Dog Title Black','Microsoft JhengHei',sans-serif;font-weight:900;color:#49392a;letter-spacing:.015em;line-height:1.14;text-shadow:2px 3px 0 #c3ad82;transform:scaleX(.78);transform-origin:left center}
:root[data-title-style='tall'] .park-copy :is(h1,.type-preview-title){font-size:58px;margin:8px 0 10px;width:128%;max-width:none}
:root[data-title-style='tall'] .site-header .brand{letter-spacing:-.5px}
.title-preview-bar{max-width:1160px;margin:0 auto 18px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border:1px dashed #ab9d84;background:#f4efdf;font:12px/1.5 'Microsoft JhengHei',sans-serif;color:#534634}
.title-preview-bar strong{margin-right:6px}.title-preview-bar button{padding:8px 12px;min-height:40px;border:1px solid #ad9e84;background:#fffdf6;color:#534634;font:inherit;cursor:pointer}.title-preview-bar button[aria-pressed='true']{background:#534634;color:#fffdf6}.title-preview-bar a{padding:8px;text-underline-offset:4px}
.font-preview-page{--cocoa-dark:#49392a;--cream:#fffcf5;--ink:#49392a;--cocoa:#665840;background:#f6f1e5;color:var(--ink);font-family:'Microsoft JhengHei',sans-serif}
.font-preview-page a:not(.preview-play){color:inherit}
.font-preview-page .preview-shell{max-width:1050px;margin:0 auto;padding:28px 26px 40px}
.preview-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.preview-maker{display:flex;gap:14px;align-items:center;text-decoration:none}.preview-maker img{width:44px;height:48px;object-fit:contain}.preview-maker b{display:block;font-size:13px;letter-spacing:1.5px}.preview-maker small{display:block;font-size:11px;margin-top:6px;color:#81745f}.preview-back{font-size:12px;text-underline-offset:4px}
.preview-heading{font-size:27px;letter-spacing:1px;margin:0 0 8px}.preview-lead{font-size:14px;line-height:1.9;color:#786b55;margin:0 0 24px}
.type-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
.type-option{display:block;text-align:left;padding:17px 21px 16px;background:#fffcf5;border:2px solid #d5cbb8;box-shadow:3px 3px 0 #e1d6c0;color:#49392a;cursor:pointer;min-width:0}
.type-option[aria-pressed='true']{border-color:#6c7657;background:#f1f2e6;box-shadow:3px 3px 0 #b8bea2}
.type-option .type-name{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;letter-spacing:1px}.type-status{font-size:11px;font-weight:400;color:#6c7657}.type-sample{display:block;font-size:clamp(24px,3.1vw,39px);white-space:nowrap;margin:17px 0 13px;line-height:1.35}.type-sample-tall{font-size:clamp(28px,3.6vw,45px);transform-origin:center}.type-description{display:block;font-size:12px;line-height:1.7;color:#7e7059}
.preview-label{font-size:11px;letter-spacing:2px;color:#776b57;display:flex;justify-content:space-between;gap:10px;margin:23px 0 12px}.preview-label span:last-child{letter-spacing:.3px}
.font-preview-page .dog-park{min-height:285px;padding:26px 30px;grid-template-columns:1fr 1.5fr;margin-bottom:20px}.font-preview-page .park-copy{pointer-events:none}.font-preview-page .park-choose{display:none}.font-preview-page .park-dog{cursor:default}.font-preview-page .park-dog:hover{border-color:transparent;background:transparent}.font-preview-page .park-picked{display:none}.font-preview-page .park-caption{font-size:10px}
.preview-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.preview-play{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 20px;min-height:48px;background:#536347;color:#fffdf6;text-decoration:none;font-size:14px;border:1px solid #536347;box-shadow:3px 3px 0 #bdc3a5}.preview-hint{font-size:12px;color:#827660;line-height:1.8;margin:0}
.font-licensing{margin-top:25px;border-top:1px solid #d5cbb8;padding-top:16px;font-size:12px;line-height:1.9;color:#7b6d57}.font-licensing summary{cursor:pointer;list-style-position:inside;min-height:30px}.font-licensing p{max-width:820px}.font-licensing a{text-underline-offset:3px}.font-licensing strong{color:#534634}
@media(max-width:700px){:root[data-title-style='rough'] .park-copy :is(h1,.type-preview-title){font-size:32px;line-height:1.6;margin:2px 0}:root[data-title-style='tall'] .park-copy :is(h1,.type-preview-title){font-size:39px;line-height:1.45;margin:0;width:100%;transform-origin:center}.font-preview-page .preview-shell{padding:20px 16px 30px}.preview-top{margin-bottom:23px}.preview-heading{font-size:23px}.preview-lead{font-size:13px}.type-options{gap:10px}.type-option{padding:12px 10px 10px}.type-option .type-name{font-size:12px;letter-spacing:0;flex-wrap:wrap;gap:5px}.type-sample{font-size:18px;margin:13px 0 8px;letter-spacing:0}.type-sample-tall{font-size:22px}.type-description{font-size:11px}.type-status{font-size:10px}.font-preview-page .dog-park{padding:16px 12px 9px;grid-template-columns:1fr;min-height:0}.font-preview-page .park-world{min-height:170px}.preview-label{font-size:10px;letter-spacing:1px}.preview-actions{gap:10px}.preview-play{width:100%}.preview-hint{font-size:11px}.title-preview-bar{margin:0 16px 12px;padding:10px;gap:6px}.title-preview-bar strong{flex-basis:100%;text-align:center}.title-preview-bar button{min-height:44px;padding:7px 10px}}
@media(max-width:359px){:root[data-title-style='rough'] .park-copy :is(h1,.type-preview-title){font-size:28px}:root[data-title-style='tall'] .park-copy :is(h1,.type-preview-title){font-size:35px}.type-sample{font-size:16px}.type-sample-tall{font-size:20px}.preview-maker b{font-size:11px}.preview-maker small{font-size:10px}}

@media(max-width:700px){.type-preview-title br{display:none}}