:root{--primary-burgundy:#173e31;--burgundy-deep:#09261e;--secondary-gold:#e7b17b;--gold-pale:#f4dbc0;--text-dark:#203a2e;--bg-pattern-color:#f8f5ed;--border-color:#bd824e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{max-width:1160px;background-image:none;padding-top:0}p{font-style:normal}a{color:inherit}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b26734;outline-offset:4px}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:25px 3px}.top-nav a{text-decoration:none}.wordmark{font-family:Georgia,serif;font-size:22px;font-weight:bold}.wordmark span{font:700 12px 'Segoe UI',sans-serif;letter-spacing:2px;margin-left:10px}.top-nav div{display:flex;gap:25px;font-size:14px;font-weight:600}
header{min-height:470px;background-image:linear-gradient(#001d0910,#001d0910),none;background-size:cover;background-position:center;border-radius:6px;box-shadow:none;margin-bottom:22px;gap:18px}header h1{font-size:clamp(48px,7vw,82px);line-height:1;letter-spacing:.045em;color:#f2c391}header h1 br{display:none}header p{margin:0;font-size:20px;font-weight:400}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#806044}header .eyebrow{color:#f5dbc0}.hero-link{margin-top:12px;color:#ffebd5;text-decoration:none;border-bottom:1px solid #ca955f;padding:7px;font-size:13px}.action-bar{width:100%;box-shadow:none;border-radius:6px;padding:19px 24px;margin-bottom:55px}.call-button{color:#172e24}.menu-intro>h2,.shop-section h2{font:normal 38px Georgia,serif;margin:8px 0 12px}.menu-intro>p{color:#657064;margin-top:0}.menu-notice{display:flex;flex-direction:column;gap:5px;background:#eee7d9;border-left:3px solid #a77145;padding:17px 20px;font-size:13px;margin:25px 0}.search-label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}input{width:100%;padding:15px 18px;border:1px solid #bac2b8;border-radius:5px;background:#fffefa;font:inherit}#categories{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 30px}#categories a{padding:7px 12px;border:1px solid #b8c1b6;border-radius:4px;text-decoration:none;font-size:12px}#categories a:hover{background:#183e30;color:white}.generated-menu{columns:2;column-gap:22px}.category{break-inside:avoid;box-shadow:none;border-radius:6px;margin-bottom:22px}.category h2{font-size:19px;letter-spacing:.025em;padding:15px 18px}.category li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 17px}.item-name{padding:0;font-size:14px;font-weight:600}.item-details{grid-column:1;grid-row:2;text-align:left;padding:0;font-size:12px;line-height:1.6}.item-details:empty{display:none}.item-price{grid-column:2;grid-row:1;color:#7c4d2b;font-size:14px}.allergy-note{column-span:all;margin:5px 0 30px;background:#eee7d9;color:#3e493d}.visit-us{box-shadow:none}.visit-details small{display:block;margin-top:14px;color:#e8d8c2}.shop-section{display:grid;grid-template-columns:294px 1fr;gap:40px;align-items:center;padding:40px 0}.shop-section img{width:100%;height:auto;border-radius:6px}.shop-section h2{font-size:30px}.shop-section p{font-size:15px;color:#626a60}.shop-section a{font-weight:bold}.original-menu{border-top:1px solid #c9c6ba;border-bottom:1px solid #c9c6ba;padding:20px 0}.original-menu summary{cursor:pointer;font-size:14px;font-weight:600}#menu-scans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:20px}#menu-scans img{width:100%;height:auto}.site-credit{padding:15px}.category[hidden],li[hidden]{display:none}
@media(max-width:700px){body{padding:0 14px 30px}.top-nav{padding:20px 0}.wordmark span{font-size:10px;letter-spacing:1px}.top-nav div{gap:15px}header{min-height:360px;background-image:linear-gradient(#062b2140,#062b2140),none;background-size:auto 100%;gap:15px}header h1{font-size:48px}header p{font-size:16px}header .eyebrow{font-size:9px;letter-spacing:1.5px}.action-bar{margin-bottom:36px;padding:18px}.generated-menu{columns:1}.menu-intro>h2{font-size:32px}.shop-section{grid-template-columns:1fr;gap:22px}.shop-section img{max-width:350px}#menu-scans{grid-template-columns:repeat(2,1fr)}.visit-us{grid-template-columns:1fr}.call-button{width:auto}.category h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Dragon City main site layout. */
body{background:radial-gradient(ellipse at 10% 0,#71301f,transparent 40%),radial-gradient(ellipse at 100% 55%,#441b16,transparent 45%),#230f0c;color:#edf3e9;font-family:'Segoe UI',Arial,sans-serif}
.top-nav{padding:14px 6px;color:#f4dbc0}.top-nav .wordmark{color:#e7b17b}
header{position:relative;isolation:isolate;border-radius:20px;border:1px solid #bd824e;box-shadow:0 15px 40px #0004;margin-bottom:12px}
header:before{content:'';position:absolute;inset:12px;border:1px solid #e7b17b66;pointer-events:none;z-index:-1}
header:after{content:'龍城';position:absolute;bottom:20px;right:28px;font:32px Georgia,serif;letter-spacing:8px;color:#e7b17b99;pointer-events:none}
header h1{color:#f2c391;text-shadow:0 3px 12px #00190e;font-family:Georgia,serif}
.action-bar{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;padding:18px 24px 16px;margin-bottom:22px;border:1px solid #4d6d50;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#813026,#3d1712 85%);box-shadow:0 8px 22px #0003;color:#fff9e8}
.action-bar>div:first-child{order:1;text-align:center}.status-line{justify-content:center;font-size:14px}.status-note{display:block;font-size:11px;color:#d9dfd0}
.action-bar .call-button{order:0;display:inline-flex;align-items:center;justify-content:center;width:auto;padding:9px 26px;border-radius:999px;background:linear-gradient(#f6d5a1,#d99b5f);color:#102e21;font-size:18px;font-weight:800;line-height:1.3;box-shadow:0 2px 0 #986036}
.action-bar .menu-intro{order:2;flex:0 0 100%;margin:0;padding:17px 0 0;position:relative;text-align:center}
.action-bar .menu-intro:before{content:'◆';position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:140px;color:#e7b17b;background:linear-gradient(#e7b17b,#e7b17b) left 50%/57px 1px no-repeat,linear-gradient(#e7b17b,#e7b17b) right 50%/57px 1px no-repeat}
.action-bar .menu-intro .eyebrow{color:#f5dbc0;letter-spacing:3px}.action-bar .menu-intro h2{font:400 13px/1.5 'Segoe UI',sans-serif;letter-spacing:1px;color:#edf3e9;margin:2px 0}.action-bar .menu-intro p{font-size:12px;color:#d5dfd1;margin:5px 0 0}
.menu-notice{margin:18px 0 24px;border-radius:12px;background:#f3e7d4;color:#503d27;border-left-color:#c68b50}
.generated-menu{column-gap:28px;padding-top:4px}.generated-menu .category{display:inline-block;width:100%;vertical-align:top;overflow:hidden;padding:10px;margin:0 0 30px;border:1px solid #ffffff32;border-radius:22px;background:#fffdf7;box-shadow:0 14px 30px #0004;color:#203a2e}
.generated-menu .category h2{padding:20px;border-radius:13px 13px 0 0;background:linear-gradient(110deg,#9b3226,#681d17);border-bottom:2px solid #e7b17b;color:#fff0d8;font:700 22px/1.3 Georgia,serif;letter-spacing:.01em;text-transform:none}
.generated-menu .category ul{padding:5px 5px 0}.generated-menu .category li{padding:15px 14px;border-bottom:1px solid #e8e3d9}.generated-menu .category li:nth-child(even){background:#f2eee3}.generated-menu .category li:last-child{border:0;border-radius:0 0 13px 13px}
.item-name{color:#203a2e;font-weight:700}.item-details{color:#677568}.item-price{color:#794c26;font-weight:800;background:#f0dfc5;border-radius:7px;padding:3px 7px;align-self:start}.item-price:empty{padding:0;background:none}
.shop-section,.visit-us{border-radius:24px;border:1px solid #c7966355;background:linear-gradient(135deg,#68251e,#391713);box-shadow:0 20px 45px #0003}.visit-us{overflow:hidden}.visit-details{background:transparent;text-align:center}.visit-details h2,.shop-section h2{color:#edc497;font-family:Georgia,serif}.visit-details .hours-list{max-width:340px;margin:0 auto}.visit-details .hours-list li{justify-content:center;align-items:center;flex-direction:column;gap:2px}.visit-details .hours-list li span{color:#dce6d5}
.shop-section{display:flex;flex-direction:column;gap:24px;max-width:760px;margin:32px auto;padding:32px;text-align:center}.shop-section img{width:100%;max-width:460px;height:auto;border:2px solid #c79663;border-radius:18px}.shop-section>div{max-width:580px}.shop-section p{color:#dce6d5}.shop-section a,.shop-section .eyebrow{color:#edc497}
.original-menu{border-color:#ffffff26;color:#d5dfd1}.allergy-note{background:#4b211b;color:#d5dfd1;border-left:3px solid #e7b17b;border-radius:12px}
.site-credit{max-width:760px;margin:24px auto 32px;padding:26px 24px;background:linear-gradient(130deg,#60231a,#30130f);border:1px solid #ffffff26;border-radius:24px;color:#dce6d5;text-align:center}.site-credit strong{display:block;margin:5px 0;font:900 30px 'Segoe UI',sans-serif;letter-spacing:-.05em;color:#edc497}
.sticky-trigger{height:0;pointer-events:none}.closing-countdown{display:block;margin-top:2px;color:#f6d5a1;font-size:11px;line-height:1.4;text-align:center}.closing-countdown[hidden]{display:none}
.action-bar.is-stuck{background:transparent;border-color:transparent;box-shadow:none;border-radius:0;padding:10px 12px;flex-direction:row;flex-wrap:nowrap;gap:16px}.action-bar.is-stuck .status-note,.action-bar.is-stuck .menu-intro{display:none}.action-bar.is-stuck>div:first-child{flex:0 0 auto}.action-bar.is-stuck .status-line,.action-bar.is-stuck .closing-countdown{text-shadow:0 1px 4px #000,0 0 8px #3d1712}.action-bar.is-stuck .status-line{color:#fff;font-weight:700}.action-bar.is-stuck .call-button{flex:0 0 auto}html{scroll-padding-top:230px}
@media(max-width:700px){body{padding:0 10px 30px}.top-nav{padding:10px 3px}.top-nav div{gap:12px}.wordmark span{font-size:9px}header{min-height:300px;border-radius:12px;margin-bottom:8px}header h1{font-size:46px}header:after{font-size:22px;bottom:14px;right:18px}.action-bar{padding:12px 10px;gap:10px;border-radius:12px;margin-bottom:12px}.action-bar .call-button{font-size:15px;padding:8px 22px}.action-bar>div:first-child{flex:0 0 100%}.status-line{font-size:12px}.status-note{font-size:10px}.action-bar .menu-intro .eyebrow{font-size:10px;letter-spacing:2px}.action-bar .menu-intro p{font-size:11px}.generated-menu .category{margin-bottom:24px;padding:8px;border-radius:18px}.generated-menu .category h2{font-size:20px;padding:16px}.generated-menu .category li{padding:13px 9px}.shop-section{padding:24px 18px}.action-bar.is-stuck{gap:10px;padding:8px 0}.action-bar.is-stuck .call-button{font-size:13px;padding:8px 12px}.action-bar.is-stuck .status-line{font-size:12px}.action-bar.is-stuck>div:first-child{flex:0 0 auto}}

/* Independently positioned Chinese food assets and decorative background. */
header.dragon-layered-hero{display:block;position:relative;aspect-ratio:2.15;min-height:0;padding:0;background:#09261e none center/100% 100% no-repeat;overflow:hidden}
.dragon-layered-hero:before,.dragon-layered-hero:after{display:none}
.dragon-layered-hero>.eyebrow{position:absolute;top:9%;left:15%;width:70%;font-size:clamp(7px,1vw,12px);letter-spacing:2px}
.dragon-layered-hero h1{position:absolute;top:20%;left:10%;width:80%;font-size:clamp(28px,6vw,76px);line-height:1.1;letter-spacing:.02em}
.dragon-layered-hero>p{position:absolute;top:39%;left:15%;width:70%;font-size:clamp(9px,1.5vw,18px);margin:0}
.dragon-layered-hero .hero-link{display:none}
.dragon-dish{position:absolute;bottom:1%;height:49%;width:32%;object-fit:contain;filter:drop-shadow(0 9px 7px #0009);pointer-events:none}
.dish-chicken{left:7%}.dish-rolls{left:34%;z-index:2}.dish-rice{right:7%}
@media(max-width:700px){header.dragon-layered-hero{min-height:0;aspect-ratio:1.85}.dragon-layered-hero h1{font-size:clamp(25px,6.5vw,46px);top:22%}.dragon-layered-hero>.eyebrow{letter-spacing:1px;top:10%;font-size:7px}.dragon-layered-hero>p{top:42%;font-size:9px}.dragon-dish{width:36%;height:47%;bottom:0}.dish-chicken{left:3%}.dish-rolls{left:32%}.dish-rice{right:3%}}

/* Uniform category headers: title above a centred overlapping food image. */
.generated-menu{padding-top:8px}
.generated-menu .category.category-with-art{overflow:visible;margin-top:0;margin-bottom:32px}
.generated-menu .category-with-art h2{position:relative;display:flex;align-items:flex-start;justify-content:center;height:158px;min-height:158px;padding:14px 16px 0;text-align:center;overflow:visible}
.category-with-art h2 span{display:flex;align-items:center;justify-content:center;width:100%;height:62px;min-width:0;line-height:1.2;overflow-wrap:normal;text-wrap:balance}
.category-food-art{position:absolute;left:50%;right:auto;top:76px;transform:translateX(-50%);width:160px;height:116px;object-fit:contain;filter:drop-shadow(0 6px 5px #0004);pointer-events:none;z-index:2}
.generated-menu .category-with-art ul{padding-top:44px}
@media(max-width:700px){.generated-menu{padding-top:8px}.generated-menu .category.category-with-art{margin-top:0;margin-bottom:26px}.generated-menu .category-with-art h2{height:158px;min-height:158px;padding:12px 10px 0;font-size:18px}.category-with-art h2 span{height:64px}.category-food-art{top:76px;width:150px;height:116px}}

/* Modular header: colour, neutral texture, dragons, corners, food and text are independent. */
header.dragon-layered-hero{--hero-colour:#fff0d5;--ornament-filter:none;background:var(--hero-colour);border:0;isolation:isolate}
.hero-texture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.58;z-index:0;pointer-events:none}
.hero-dragon{position:absolute;top:4%;width:23%;height:87%;object-fit:contain;z-index:1;pointer-events:none;filter:var(--ornament-filter)}
.dragon-left{left:-2%}.dragon-right{right:-2%;transform:scaleX(-1)}
.hero-corner{position:absolute;width:16%;height:auto;z-index:5;pointer-events:none;filter:var(--ornament-filter)}
.hero-corner-tl{top:0;left:0}.hero-corner-tr{top:0;right:0;transform:scaleX(-1)}.hero-corner-bl{bottom:0;left:0;transform:scaleY(-1)}.hero-corner-br{bottom:0;right:0;transform:scale(-1)}
.dragon-layered-hero>.eyebrow,.dragon-layered-hero>h1,.dragon-layered-hero>p{z-index:3}.dragon-dish{z-index:4}
@media(max-width:700px){.hero-dragon{top:7%;height:83%;width:24%}.dragon-left{left:-3%}.dragon-right{right:-3%}.hero-corner{width:18%}}

/* Reserve the full card's space while its compact version floats above the page. */
.sticky-trigger{overflow-anchor:none}
.action-bar{position:relative;top:auto;overflow-anchor:none}
.action-bar.is-stuck{position:fixed;top:0;left:var(--sticky-left);width:var(--sticky-width);margin:0}

/* Customer-specific PNG logo, consistent with the kebab parent. */
.dragon-layered-hero .brand-logo{position:absolute;left:22%;top:5%;width:56%;height:43%;object-fit:contain;z-index:3;filter:drop-shadow(0 3px 4px #0006)}
.dragon-layered-hero>.eyebrow,.dragon-layered-hero>p{display:none}
@media(max-width:700px){.dragon-layered-hero .brand-logo{left:18%;top:7%;width:64%;height:42%}}

/* Great Wall identity */
.hero-dragon{display:none}.hero-texture{opacity:.18}.dragon-layered-hero .brand-logo{left:14%;top:5%;width:72%;height:43%;filter:none}.category-note{display:block!important;color:#6b3324;font-size:13px}.item-price{max-width:155px;white-space:normal;text-align:right}.site-credit{font-size:13px}#menu-scans{grid-template-columns:1fr}#menu-scans img{max-width:900px}.top-nav .wordmark{font-family:Georgia,serif}@media(max-width:700px){.dragon-layered-hero .brand-logo{left:10%;width:80%;top:7%;height:41%}.item-price{max-width:112px}}
.generated-menu .category .item-price{white-space:normal;overflow-wrap:anywhere;min-width:0}
/* Matched to the red frontage and red/gold March 2026 leaflet. */
body{background:radial-gradient(ellipse at 10% 0,#b31520,transparent 48%),radial-gradient(ellipse at 100% 65%,#790911,transparent 50%),#35050a;color:#fff6dd}
.top-nav,.top-nav .wordmark{color:#ffdc70}
header.dragon-layered-hero{--hero-colour:#cf1420;background:#cf1420;border:1px solid #efc254}
.hero-texture{opacity:.2}.hero-corner{filter:saturate(1.5) brightness(1.18)}
.action-bar{background:linear-gradient(120deg,#a80e19,#720711);border-color:#d3a23e;color:#fff8e9}
.action-bar .call-button{background:linear-gradient(#ffe58a,#edbd42);color:#660611;box-shadow:0 2px 0 #a67b21}
.action-bar .menu-intro .eyebrow,.action-bar .menu-intro:before{color:#ffe18a}
.action-bar .menu-intro h2,.action-bar .menu-intro p,.status-note{color:#fff1da}
.generated-menu .category.category-with-art{background:#fffaf0;border-color:#e8c563;color:#351719}
.generated-menu .category h2{background:linear-gradient(110deg,#d51b27,#9d0713);border-color:#eec650;color:#ffe17a}
.generated-menu .category li:nth-child(even){background:#fff2da}
.generated-menu .category .item-name{color:#45141a}.generated-menu .category .item-details{color:#715658}
.generated-menu .category .item-price{background:#f9df92;color:#7d0711;white-space:normal;overflow-wrap:anywhere;min-width:0}
.shop-section,.visit-us{background:linear-gradient(135deg,#aa121d,#600810);border-color:#e4b349}
.visit-details h2,.shop-section h2,.shop-section a,.shop-section .eyebrow{color:#ffe180}
.visit-details .hours-list li span,.shop-section p{color:#fff1db}
.shop-section img{border-color:#e5b84c}.allergy-note{background:#650d16;color:#fff1db;border-left-color:#edc455}
.site-credit{background:linear-gradient(130deg,#95101c,#5a0910);border-color:#bd8e37;color:#fff1db}.site-credit strong{color:#ffe180}
.category-note{color:#7d1820}