/* Crimson ribbon bookmarks on a dark, engraved menu cover. */
.menu-book{max-width:850px;margin:0 auto;position:relative}
.menu-book .tab{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0!important;padding:16px 16px 24px;overflow:visible}
.menu-book .tab li{flex:1 0 120px;min-width:0;filter:drop-shadow(0 7px 8px #0005)}
.menu-book .tab a{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;padding:17px 8px 30px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(110deg,#532032,#27101d 50%,#46172a);color:#d8b7c2;font-size:13px;line-height:1.7;text-align:center;letter-spacing:.04em;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 15px),0 100%);transform:translateY(5px);transition:transform .28s,background .28s,color .28s}
.menu-book .tab a:before{content:'';position:absolute;inset:5px 6px 23px;border:1px solid #b65b7259;border-bottom:0;pointer-events:none}
.menu-book .tab a:after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6e2c41,#d794a5,#6e2c41)}
.menu-book .tab .bookmark-number{color:#b97e90;font-size:10px;line-height:1;letter-spacing:.22em}
.menu-book .tab a[aria-selected="true"]{transform:translateY(-6px);color:#fff0ed;background:linear-gradient(110deg,#86263e,#5c132c 52%,#9b3048);box-shadow:none}
.menu-book .tab a[aria-selected="true"]:before{border-color:#ec9db170}
.menu-book .tab a[aria-selected="true"] .bookmark-number{color:#f4bac5}
.menu-book .tab a:focus-visible{outline:none;background:linear-gradient(110deg,#a34358,#661a32 52%,#a34358)}
.menu-book .tab a:focus-visible:before{border:2px solid #ffe0e5}
.menu-book .tab a:active{transform:translateY(0);box-shadow:none}
.menu-book .area{position:relative;padding:36px 40px 32px;border:1px solid #913b52;border-radius:5px 14px 14px 5px;background:linear-gradient(90deg,#0b080d 0,#331623 7px,#160e17 14px,#22111b 20px,#190f17 48%,#25121d);box-shadow:inset 0 0 0 5px #100b1180,inset 0 0 0 6px #79304750,3px 4px 0 #140b13,4px 5px 0 #6c293b66,8px 10px 24px #0004}
.menu-book .area:not([hidden]){animation:menu-page-arrive .4s ease-out}
.menu-book .area table{margin:20px 0 0;background:transparent;border:0;border-radius:0}
.menu-book .area caption{font-size:22px;font-weight:500;text-align:center;letter-spacing:.12em;color:#f0d9e1;padding-bottom:19px;margin-bottom:0;border-bottom:1px solid #81334a88}
.menu-book .area th,.menu-book .area td{padding:19px 12px;border-color:#76304766}
.menu-book .area td{color:#ecd0d8}
.menu-book .area>p:first-of-type{color:#f0d9e1;text-align:center;font-size:21px;letter-spacing:.1em;padding-bottom:20px;border-bottom:1px solid #81334a88}
.menu-book .area>ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:22px 0 0}
.menu-book .area>ul>li{font-size:14px;line-height:2;padding:13px 4px;border-bottom:1px solid #76304766;color:#ecd0d8}
.menu-book .system_icon{opacity:1;width:64px;height:64px;max-height:none;max-width:100%;margin:4px auto 24px}
.menu-book .area:focus-visible{outline:2px solid #df8da2;outline-offset:5px}
@keyframes menu-page-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.menu-book .tab a:hover{transform:translateY(-6px);color:#fff0ed}}
@media(max-width:700px){.menu-book .tab{gap:5px;padding:13px 0 23px}.menu-book .tab li{min-width:0}.menu-book .tab a{min-height:96px;padding:14px 2px 25px;gap:10px;font-size:clamp(9px,calc(3.5vw - 1.5px),12px);letter-spacing:0;line-height:1.6}.menu-book .tab a>span:last-child{word-break:keep-all;overflow-wrap:normal;min-height:3.2em;display:block;align-content:center}.menu-book .tab a:before{inset:4px 3px 23px}.menu-book .tab .bookmark-number{font-size:9px;letter-spacing:.1em}.menu-book .tab a[aria-selected="true"]{transform:translateY(-4px)}.menu-book .area{padding:29px 21px 25px}.menu-book .area caption,.menu-book .area>p:first-of-type{font-size:20px}.menu-book .area th,.menu-book .area td{padding:16px 7px;font-size:12px}.menu-book .area>ul{grid-template-columns:1fr;gap:0}.menu-book .area>ul>li{font-size:13px;padding:11px 4px}}
@media(prefers-reduced-motion:reduce){.menu-book .tab a{transition:none}.menu-book .area:not([hidden]){animation:none}}
